#noir theme

🖋 THE VIBE

Sleek + Classy: A strictly monochromatic palette.

Editorial Hierarchy: Magazine-style grids with serif + sans-serif font pairing.

K-Pop Minimalist: High-end fashion photobook inspiration.

⚙️ THE SPECS

Zero JavaScript: 100% lightweight CSS.

Fully Responsive: Optimized for desktop, tablet, and mobile browsing.

Light Animations: Subtle CSS fade-ins and avatar interactions.

Layout Features: 6 navigation links, "This or That" sidebar, custom tag grid, and a dedicated contact section.

📜 RULES OF USE

Do not remove the credit to @whereinmnl.

Personal use only. You may edit the colors and text, but do not redistribute as your own.

Like or Reblog if you’re using or saving! It helps more than you know.

🖋 CREATOR'S NOTE

This is officially my first theme release! Honestly, this was quite a challenge to build. Navigating Tumblr’s "no JavaScript" rule for pages forced me to get creative with pure CSS to ensure the layout stayed responsive and the animations felt fluid. It took a lot of trial and error to get that "magazine" look just right without relying on scripts, but I’m so happy with the final result. I hope you love using it as much as I loved (and struggled!) building it.

📦 HOW TO INSTALL

Go to your Blog Settings: Click the palette icon (Customize) on your Tumblr dashboard.

Add a Page: Scroll to the bottom of the left sidebar and click '+ Add a Page'.

Setup the URL: Give your page a name (e.g., about or profile).

Enable Custom Layout: Toggle the switch that says 'Use Custom Layout'.

Clear the Code: Delete everything currently in the code editor window.

Paste & Save: Copy the NOIR theme code, paste it into the editor, and hit 'Save'.

Final Step: Make sure your new page is set to "Show a link to this page" if you want it visible on your main blog navigation!

💡 QUICK CUSTOMIZATION TIPS

Change the Avatar: Look for the <img> tag near the top of the code and replace the URL inside src="..." with your own image link.

Update the Links: Search for href="#" and replace the # with your actual social media or internal blog links.

Colors: If you want to change the "Noir" look, look for the :root section at the top of the CSS and swap the HEX codes for --bg or --accent.