theme with custom post and font size, unnested captions and a lot of colour options. dashboard-inspired post styling with full npf support and sticky post headers.
sidebar with title, two icons (60x60), basic info, description and one extra link.
read my terms of use. please reblog if you plan on using!
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.
the most minimal “windows” theme i made. i made super cool captions, along with asks & audio posts. example in previews. lots of color options for those who are particular about certain areas of your theme. 3 links & redirect option. optional 250px or 400px. there’s lots of options in this theme. extra notes in the theme code! enjoy if you use, and message as always for issues.
preview :::: pastebin (raw)
note: contained and centered theme. includes three pop-ups not featured on graphic preview; can be viewed on the static preview using the navigation on the right.
selection features
250, 300, 350, 400, 450, 500 and 540 for post sizes
ten google fonts for the body font
- includes three font sizes (9px, 10px, 11px)
- includes five letter spacings (including none)
two font weight options for your bolded text
five adobe fonts pre-loaded for the accent font
- includes header/styled bold (5 font sizes each)
uppercase, lowercase & capitalize for your titles
- includes three font sizes (16px, 20px, 24px)
eleven options for your bulleted lists symbol
five options for border radius (0px, 3px, 5px, 8px, 10px)
five options for your blockquote width (2px-6px)
four options for your photoset gutter size (0px - 3px)
toggled features
three toggles for different ask styles. make sure you select one!
gradient accent, styled bold, archive & extra link
grayscale option, post shadows & borders
you can toggle off the navigation, update and admin pop-ups
hit counter in the top left can be toggled off
two additional sidebar description stylings (uppercase & small caps)
+ additional information
below the cut is recommendations (quick help), tou, photo sizes and credits
recommendations
make sure you’ve enabled only ONE ask style. having all three will mess up the theme and it won’t appear as it should.
if something isn’t working (i.e. toggle is enabled but not working) then please disable, reable and then refresh your page. all should be well.
i respond quicker to IMs and messages off-anon unless your problem requires me to be on the computer. otherwise i can do quick assistance from my phone or tablet.
design resolution: 1366 x 768
* smaller resolutions may cause issues with scroll. larger resolutions may cause the theme to look off.
designed using google chrome. other browsers not tested (therefore not recommended)
photo sizes
sidebar: 200 x 100
header: post size+155 x 130
container: post size+310 x 510
> don’t redistribute, remove or move the credit in ANY way.
> don’t use it as a base code. edit as much as you want, though.
> don’t claim the theme as your own regardless of the amount of editing you do.
> be a decent person and all is well, basically!
any glitches or things i missed? let me know! but i suggest trying to google any questions you may have before asking me! it’s much easier to do that than wait days for me to answer.