HARRY POTTER || CSS TEMPLATE
The Wizarding Library
Step into a candle-lit magical library where every bot is a portrait, every series is a restricted tome, and every profile detail arrives by owl post. Designed with parchment, gilded frames, wax seals, house-inspired accents, and a dark enchanted atmosphere, this theme gives your profile the feeling of an old wizarding school brought to life.
Rules upon purchase:
Please do not share, redistribute, resell, or post the full code or its declarations publicly. This theme is intended for your personal use only. Thank you for supporting my little CSS template store and respecting the work that went into creating it! ♡
About the Theme:
- Candle-Lit Hero Banner: Features a large framed portrait surrounded by animated candlelight. Hover over the portrait to bring the image back to full color and reveal its magical details.
- Owl Seal Navigation: Six customizable wax-seal buttons for Discord, Requests, Store, Gumroad, Pinterest, and Website. Each seal has its own house-inspired color and playful hover animation.
- Wizarding Registry: A personalized identity card featuring your profile portrait, creator name, alias, and three customizable fields such as house, wand, last seen, status, or anything else you wish to display.
- The Five Lessons: A vertical accordion section designed like a magical school timetable. Use each lesson for your creator lore, writing style, bot philosophy, store information, rules, or anything you want visitors to discover.
- Animated Magical Ribbon: A continuously scrolling banner adds movement to the profile with wizarding-themed messages, creating the feeling of a living magical corridor.
- The Restricted Shelf: Three expandable tome-style cards designed to showcase your major series or projects. Each tome includes a poster, number, genre tags, description, and a customizable link.
- Three Chronicle Slots: Perfect for displaying series such as Vaelor Chronicles, Vespermont Chronicles, and Eaumeleen Chronicles, or replacing them with your own universes and collections.
- Owl Post: Four expandable letter sections styled like magical correspondence. Use them for creator lore, playlists, house rules, content warnings, commissions, schedules, announcements, or links.
- The Prefects: A six-member housemate/prefect roll call with circular portraits, colorful house-style accents, and interactive hover effects. Perfect for linking friends, collaborators, mutuals, or favorite creators.
- The Portrait Wall: A gallery of framed portraits hanging from enchanted nails. Hover over a frame to make it swing and restore the image's natural colors, giving the gallery a moving-portrait effect.
- Floating Owl Charm: A small animated owl medallion floats in the corner of the profile, complete with a playful custom label.
- Discreet Creator Credit: A small quill button sits quietly in the corner and expands when hovered or opened to reveal the creator credit.
Profile Customization:
The CSS also transforms the surrounding Janitor AI profile interface to match the wizarding theme:
- Profile title becomes a magical WIZARDING nameplate.
- Follower count becomes witches & wizards.
- Profile action buttons become Edit Spellbook and Send an Owl.
- Search placeholder becomes search the library_.
- The top navigation is redesigned around an Owl Post aesthetic.
- Notifications receive an owl-themed treatment.
- The bot section becomes THE LIBRARY.
- Bot count becomes tomes in the library.
- Search and filters are redesigned as magical library tools.
- Filter menus receive parchment, gold, burgundy, and midnight-purple styling.
- Bot cards become hanging magical portraits.
Bot Card Design:
Every bot card is transformed into a framed portrait hanging inside the library.
- Gilded portrait frame
- Dark wood background
- Brass nameplate
- Parchment description scroll
- House-colored pennant tags
- Wax-seal chat counter
- Portrait swing animation
- Hover color restoration
- Glowing frame effects
- Scrolling descriptions for longer bot summaries
The result is a profile where your bots feel less like ordinary cards and more like portraits displayed throughout an enchanted hall.
Color & Typography:
The theme combines:
- Midnight purple and enchanted black
- Burgundy and deep crimson
- Antique parchment
- Aged gold and brass
- Forest green
- Wizarding blue
- Potion-inspired purple
- Cream and ivory accents
Typography combines Cinzel, Cinzel Decorative, and IM Fell English to create an old-world magical manuscript aesthetic.
Interactive Details:
The theme includes plenty of small animated touches throughout the profile:
- Flickering candles
- Moving ribbons
- Hover-to-color portraits
- Swinging gallery frames
- Animated hanging bot portraits
- Rotating wax seals
- Bouncing owl charm
- Glowing gold accents
- Expanding owl-post sections
- Smooth expandable tomes
- Scrollable restricted-shelf cards
- Magical cursor styling
- Scroll-in reveal animations
- Custom scrollbars
- Focus-visible states
- Reduced-motion support
Responsive Design:
The layout adapts for desktop, tablet, and mobile screens, including:
- Stacked content sections on smaller screens
- Responsive hero portrait sizing
- Compact wax-seal navigation
- Two-column portrait galleries on mobile
- Smaller floating owl and creator-credit controls
- Touch-friendly expandable sections
- Horizontal scrolling for the restricted tomes
Best For:
Perfect for creators who want a Harry Potter / Hogwarts-inspired, magical academy, dark academia, fantasy library, wizarding, or enchanted manuscript aesthetic.
It works especially well for profiles filled with fantasy characters, dark romance, magical worlds, reincarnation stories, villainess plots, supernatural bots, interconnected series, playlists, lore, and creator information.
Open the library. Choose a tome. Send an owl. Just don't touch anything in the Restricted Section.