I finally sat down to refine my very first theme, Nimbus, and I’m so happy with how it’s evolving! What started as a simple, slightly rushed layout has turned into something much more "me"—cute, elegant, and a little bit dreamy.
LIVE PREVIEW // CODE
On the live preview page, you will see a button that lets you instantly toggle between the 1-Column and 2-Column Grid layouts. You can click back and forth to see exactly which version fits your vibe better before you even install the theme!
Here’s a breakdown of the major changes I’ve implemented:
☁️ Smart Layout Logic
The Dashboard Toggle: I added a toggle in the customization menu for the Floating Status Widget.
Auto-Grid: If you toggle the Status OFF, the theme detects the extra space and automatically switches your posts into a 2-Column Grid Layout. If you toggle it ON, it returns to a focused Single Column. It adapts to how you want to use it!
🌙 New Functionality
Dark & Light Mode: I added a toggle (Sun/Moon icon) so you can switch between a dark grey aesthetic and a soft cream "Day" mode. It remembers your choice even if you refresh!
Hidden Controls: To keep the aesthetic clean, the Tumblr interface (Follow/Dashboard buttons) is hidden by default. You can reveal them by clicking the little user icon in the corner.
✨ Visual Overhaul
The "Glow" Effect: I moved away from flat borders. Now, the avatar, buttons, and posts have a soft, white box-shadow glow when you hover over them. It feels much more dreamy now.
Typography: Switched the sidebar title to Playfair Display (italicized) for that editorial magazine look, while keeping the body text clean.
Square Avatar: Swapped the small circle icon for a large, bold square profile picture.
Uppercase Headers: Post titles are now strictly uppercase with a divider line to separate them from the content.
☁️ The "Nimbus" Details
Floating Status: The status widget is now pill-shaped and gently floats up and down (literally!) to mimic a cloud.
Collection Dropdown: Converted the sidebar links into a collapsible "Collections" menu to save space.
Cloud Scroll-to-Top: Replaced the generic arrow with a custom cloud SVG.
DISCLAIMER & TERMS OF USE
Do Not Remove Credit: Please keep the "W" credit link visible at all times. It helps people find the creator!
Personal Use Only: You are free to edit the code for your own personal blog to match your vibe, but do not use this code as a base to release your own theme.
No Redistribution: Do not resell, re-upload, or claim this code as your own.
Support: If you encounter any bugs, feel free to send an ask!
