theme: best of me by ghsctfaec / preview & download
features: tab one: 300x350px sidebar image, sidebar quote section, blog title, blog subtitle, search bar, tab two: eight custom links, about quote section, about section*, socials section*, option to show submit link, option for bold text color, 540px text posts (change the post size by replacing 540px to [insert post size]px), option to show or hide tags, option for back to top
notes: * you have to go directly to the code to edit these features. reblog if you like, plan on using or if using. ask and submit links won’t show if in your settings, it is not allowed. send a message if you found a bug in the coding.
quick links: terms of use, commissions, full credits, tip me, contact
preview | with inspiration from mac os & my coral, honey, & adora themes
my commissions are open!!
portfolio
commissions tag
codes tag
features:
header with blog title, faq, blogs/friends/networks, about, music player, & updates popups
left sidebar with two background images, multiple uploadable sidebar images that randomize each refresh, carousel with info stats, links, & socials sections, floating search bar with home/ask/archive
right sidebar with info stats & text and featured posts
about menu includes bio, interests, statuses, projects, and to do list sections
stacked effect on left sidebar & about menu - example: clicking on a left sidebar image will bring it to the front
customizable cursive title font, italics, & strikethrough text
Welcome to the Shadow Theme, an atmospheric about-me page. I call it this because it thrives in the dark—built on high-contrast monochromes, subtle hidden tooltips, and an aesthetic that feels like a forgotten terminal operating in the digital underground.
STATIC PREVIEW // CODE
The Features
01. Layout & Grid
Locked Terminal Layout: A fixed, single-screen dashboard design on desktop with hidden main scrollbars for an ultra-clean, app-like feel.
Fully Responsive: Automatically stacks into a clean, scrollable column layout on mobile devices so your content is never cut off.
02. Interface & Customization
Cyberpunk/Noir UI: Comes with a custom crosshair cursor, styled inner scrollbars for your text boxes, and stark black-and-white text selection colors to match the aesthetic.
CSS Glitch Animations: Features a pure CSS chromatic/monochrome glitch effect on the main header that requires no external scripts.
Interactive Elements: The avatar frame features a smooth, animated grayscale-to-color reveal when hovered over.
03. Navigation & Links
Minimalist Nav & Socials: Clean, sticky top navigation paired with a "system log" style social media node using FontAwesome 6 icons.
Subtle Widget: Includes an unobtrusive, floating initial widget in the corner with a custom, smooth-sliding CSS tooltip.
04. Profile & Data
System Log Attributes: A unique data block to display your "stats" (like Class, Location, Status, MBTI, or any custom text you want).
Contained Bio Block: A dedicated, scrollable text area for your bio or manifesto that keeps the main page locked and perfectly framed.
Important Info
100% PURE CSS: This theme contains zero JavaScript. Since Tumblr custom pages often restrict or strip out scripts, I built every single animation—from the glitching text to the hover tooltips—using only CSS.
For the CSS Glitch Header to work properly, please find this code: <span class="glitch-line" data-text="YOUR">YOUR</span> You MUST change both the visible text AND the data-text attribute to match your desired word. If they do not match, the glitch masking animation will break.
To change your avatar, simply locate the <img src="..."> tag inside the avatar-frame div and replace the URL with your own direct image link.
Disclaimer
Credits: Please do not remove the floating widget in the corner or the hidden credit in the code. It helps creators like me continue making themes!
Editing: You are free to edit the colors, fonts, and images to match your aesthetic! However, do not use this code as a “base” to build your own theme for release.
Support: If you find a bug, feel free to send me an Ask.
WOOO OK OK still a big wip but i can properly post it now!! Ben also has an askblog!! @eggieboi117 !! His blog has been mostly as a way for me to test how tumblr works with html and css but heyyy finally got that so desired windows 7 aesthetic
