[liquefied]

[ afterlife ] 

livepreview one, livepreview two :: code

400px or 500px posts, faded/inverted images, optional search bar, option to show tags, optional title, optional infinite scroll, up to 4 links

this theme is essentially theme 24 but center aligned with a header instead of sidebar

[joyfriend]

bunny theme by @joyfriend

live previews: 1 x 2 x 3

hehe giggle. if something doesnt work just try turning the toggle buttons on and off.

features:

windows 98-7

um

togglable links

you can click things and scroll

comic sans

credits:

w98 x wXP x w7

[archive-deactivated20260507]

dash by wordbite

a responsive, single column, dash theme! features blogroll, custom fonts, icons, colours & post sizing / spacing. fully npf supported!

preview / code

[cosmostickers]

by yopink

[wellhellohno]

dark flat ao3 skin v2.0

1. log in and go HERE

2. click button "Create Site Skin"

3. name it whatever

4. copy/paste code from below in "CSS" field

5. "Submit"

6. make sure you clicked button "Use" HERE in the list of skins

7. change it as you like

CSS:

outer .region,

footer .group,

.post fieldset fieldset, fieldset fieldset { background: none; }

body, .group, .group .group, .region, .flash, fieldset, fieldset fieldset ul, form dl, textarea,

main .verbose legend,

.verbose fieldset, .notice, ul.notes, input, textarea, table, th, td:hover, tr:hover, .symbol .question:hover,

modal,

.ui-sortable li, .required .autocomplete, .autocomplete .notice, .system .intro, .comment_error, .kudos_error, div.dynamic, .dynamic form,

ui-datepicker-div,

.ui-datepicker table { color: #eee; border-color: #151619; outline: #111; box-shadow: none; }

form .notice, form ul.notes { box-shadow: none; }

workskin {

font-size: 1.2em; margin: auto; padding: 0 0.25em; max-width: 60em; overflow-x: auto; overflow-y: hidden; position: relative; }

.actions a, .actions a:link, .action, .action:link, .actions input, input[type="submit"], button, .current, .actions label { border-radius: 0; }

header ul.primary,

outer #footer,

.toggled form { background: #1a1b1f; }

header .primary {

background: none; padding: 10px 0; width: 100%; box-shadow: none; }

fieldset, form dl, fieldset dl dl, fieldset fieldset fieldset, fieldset fieldset dl dl, dd.hideme, form blockquote.userstuff { background: #1a1b1f !important; }

.user.navigation.actions>li { margin-top: 0.3em !important; }

header .menu,

small_login {

border: 1px solid #1f2126; box-shadow: none; padding: 0; }

.tags.group, .more.group { margin-top: 0.6em; }

header .actions a:hover,

header .actions a:focus,

header .dropdown:hover a,

header .open a,

header .menu,

small_login,

.group.listbox, fieldset fieldset.listbox, form blockquote.userstuff, input:focus, textarea:focus, li.relationships a, .group.listbox .index, .dashboard fieldset fieldset.listbox .index,

dashboard a:hover,

th,

dashboard .secondary,

.secondary, .thread .even, .system .tweet_list li, .ui-datepicker tr:hover { background: #151619; }

.userstuff p { text-align: justify; margin: 1.286em auto; padding: 0; line-height: 1.5; }

.tags.commas { margin: 1.5em auto; }

header .dropdown .menu a:hover,

header .dropdown .menu a:focus,

.splash .favorite li:nth-of-type(odd) a, .ui-datepicker td:hover,

tos_prompt .heading,

tos_prompt [disabled] {

background: #22262a; }

outer,

.javascript, .statistics .index li:nth-of-type(even),

tos_prompt,

.announcement input[type="submit"] { background: #151619; }

.filters .submit input { border: 1px solid #202227; background-color: #202227; height: 110%; margin: 1em 0; min-height: 2.286em; padding-left: 0; padding-right: 0; text-align: center; white-space: normal; }

header ul.primary,

footer,

dashboard ul,

dl.meta, .group.listbox, fieldset fieldset.listbox,

main li.blurb,

form blockquote.userstuff, div.comment, li.comment, .toggled form, form dl dt, form.single fieldset,

inner .module .heading,

.bookmark .status span, .splash .news li, .filters .group dt.bookmarker { border-color: #1a1b1f; }

.work.navigation.actions { width: 100%; }

dl.meta { border: none; }

.splash .news li { padding: 1em; }

fieldset, form dl, fieldset dl dl, fieldset fieldset fieldset, fieldset fieldset dl dl, dd.hideme, form blockquote.userstuff { padding: 1em; }

.logged-in .splash>.module { width: 100% !important; }

dl.meta { max-width: 75em; margin: auto; clear: right; padding: 2em 1.75em; position: relative; overflow: hidden; }

.group.listbox, fieldset fieldset.listbox,

main li.blurb,

.wrapper,

dashboard .secondary,

.secondary, form blockquote.userstuff, .thread .comment, .toggled form { box-shadow: none; }

dashboard .current,

.actions a:active,

outer .current,

a.current, .current a:visited, span.unread, .replied, span.claimed, dl.index dd, .own, .draft, .draft .unread, .child, .unwrangled, .unreviewed, .ui-sortable li:hover { background: #1a1b1f; border-color: #1f2126; }

greeting .menu {

right: 0; border: 1px solid #1f2126; box-shadow: none; }

select { background-color: #202227; color: #fff; border: 1px solid #202227; min-height: 3em; border-radius: 0; padding: 0 0.6em; }

input:focus, select:focus, textarea:focus { background: #202227; }

body, .toggled form, .dynamic form, .secondary, .dropdown { background: #202227; color: #fff; margin: 0; padding: 0; }

footer a:hover,

footer a:focus,

.autocomplete .dropdown ul li:hover, .autocomplete .dropdown li.selected, a.tag:hover, .listbox .heading a.tag:visited:hover, .symbol .question, .qtip-content { background: #a7a7a7; color: #111; }

.splash .favorite li:nth-of-type(odd) a:hover, .splash .favorite li:nth-of-type(odd) a:focus { background: #a7a7a7; color: #111; }

header #greeting img,

header .heading a,

header .heading a:visited,

header .user a:hover,

header .user a:focus,

header fieldset,

header form,

header p,

dashboard a:hover,

.actions a:hover, .actions input:hover, .delete a, span.delete, span.unread, .replied, span.claimed, .draggable, .droppable, span.requested, a.work, .blurb h4 a:link, .blurb h4 img, .splash .module h3, .splash .browse li a:before, .required, .error, .comment_error, .kudos_error, a.cloud7, a.cloud8,

tos_prompt .heading {

color: #a7a7a7; }

header .menu li {

border-bottom: 1px solid #2c2c2c; margin: 0; text-align: left; }

greeting .icon,

dashboard,

dashboard.own,

.error, .comment_error, .kudos_error, .LV_invalid, .LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active, .qtip-content { border-color: #151619; }

dashboard.own {

border: none; }

form.filters dl { margin-left: 0; margin-right: 0; }

.filters .expander:focus { outline: none; }

.filters .expander { padding: 0.45em 0 0.45em 14px; }

.filters .group dt.search, .filters .range dt { padding: 1.25em 0 0.4em 0; }

a.tag { border-bottom: 1px dotted !important; }

a, a:link, a.tag,

header a,

header a:visited,

header .primary .open a,

header .primary .dropdown:hover a,

header .primary .dropdown a:focus,

header #search input:focus,

header #search input:hover,

dashboard a,

dashboard span,

dashboard .current,

.heading, .group .heading, .filters dt a:hover { color: #fff; }

header .dropdown .menu a {

padding: .75em .5em .75em; }

header #search .text {

background: #151619 !important; border-radius: 0; margin: 0.2857em 0.429em; }

a:visited, .actions a:visited, .action a:link, .action a:visited, .listbox .heading a:visited, span.series .divider { color: #999; }

a:active, a:focus, button:focus { outline: none; }

.actions a, .actions a:link, .action, .action:link, .actions input, input[type="submit"], button, .current, .actions label,

header .actions a {

background: #23252a; border-color: #23252a; color: #eee; box-shadow: none; text-shadow: none; }

.actions a:hover, .actions input:hover,

dashboard a:hover,

.actions a:focus, .actions input:focus,

dashboard a:focus {

color: #fff; border-color: #101214; box-shadow: none; background-color: #101214; }

.actions a:active, .current, a.current, .current a:visited { color: #fff; background: #101214; border-color: #101214; box-shadow: none; }

.delete a, span.delete { box-shadow: none; }

ul.required-tags, .bookmark .status span, .blurb .icon { opacity: 0.9; border: 0; }

outer .group .heading,

header .actions a,

fieldset.listbox .heading, .userstuff .heading, .heading, .userstuff h2 { text-shadow: none; color: #fff; background: none; }

header .actions a,

fieldset fieldset, .mce-container button, .filters .expander { box-shadow: none; }

fieldset fieldset.listbox { outline: none; }

form dd.required { color: #eee; }

.mce-container input:focus { background: #F3EFEC; }

.announcement .userstuff a, .announcement .userstuff a:link, .announcement .userstuff a:visited:hover { color: #fff; }

a, a:link, a:visited:hover { color: #fff; text-decoration: none; }

.announcement .userstuff a:visited { color: #666; }

.announcement .userstuff a:hover, .announcement .userstuff a:focus { color: #999; }

.event.announcement .userstuff a, .filters .expander { color: #eee; }

form.verbose legend, .verbose form legend { background: #151619; }

.listbox li.blurb { box-shadow: none; background: #1a1b1f; }

li.blurb, fieldset, form dl { border: none; }

li.blurb, .blurb .blurb { display: block; position: relative; clear: left; padding: 1em 1.4em; overflow: visible; background: #1a1b1f; }

dashboard ul {

float: none; display: block; padding: 0.26em 0; text-align: right; position: relative; background: none; }

user-fandoms {

padding: 1.4em 0; background: #1a1b1f; }

.listbox .index { padding: 0.6em 0; }

.bookmark div.user { background-color: #151619; }

.bookmark dl.stats { margin-bottom: 1.5em; margin-top: 1.5em; }

.dashboard .own, .comment span.unreviewed { background: #1a1b1f; opacity: 1.0; }

.own, .draft, .draft .wrapper, .unread, .child, .unwrangled, .unreviewed { background: #1a1b1f; opacity: 0.95; }

.actions a, .actions a:link, .action, .action:link, .actions input, input[type="submit"], button, .current, .actions label { padding: 0.5em 1em; border-radius: 0; }

header {

margin: 0 0 3em; }

.tags.group, .more.group { padding: 0.6em; }

dashboard a,

dashboard span {

line-height: 2.2; padding: 0 0.5em; }

.listbox>.heading, .listbox .heading a:visited { margin-left: .6em; }

.listbox, fieldset fieldset.listbox { border: 1px solid #1a1b1f; margin: 0.5em auto; box-shadow: none; }

.reading .user { margin-top: 1.5em; padding-top: 0.5em; border-top: 1px solid #23252a !important; }

.comment .userstuff { background-color: #1a1b1f !important; }

input, textarea { box-shadow: none; background: #151619; padding: 0.4em; }

.filters .indicator:before { background: #404248; color: #aaa; display: inline-block; border: 1px solid #404248; margin-right: 0.25em; background-image: none; }

.filters [type="checkbox"]+.indicator:before { padding: 0 0.25em; border-radius: 2px; }

.filters [type="checkbox"]:checked+.indicator:before { background: #970000; color: #ffffff; background-image: none; }

.filters input:checked+.indicator:before { border-color: #1a1b1f; }

.filters input:checked+.indicator+span { font-weight: 500; }

.filters .exclude [type="checkbox"]:checked+.indicator:before { background: #970000; color: #ffffff; background-image: none; }

.filters [type="radio"]:checked+.indicator:before { background: #970000; background-image: none; }

ui-datepicker-div,

.ui-datepicker table { background: #1a1b1f; }

.ui-datepicker td { border: 1px solid #23252a; }

.notice, .comment_notice, .kudos_notice, ul.notes, .caution, .error, .comment_error, .kudos_error, .alert.flash { background: #2e3138; border: 1px solid #2e3138; margin: 0.6em auto; padding: 1em; box-shadow: none; border-radius: 0; }

.listbox .index { padding: 0.6em; box-shadow: none; }

dl.meta { max-width: 75em; background: #1a1b1f; margin-top: 1em; }

dl.index dd { background: #151619 !important; }

form.search input[type="text"] { border-top-color: #151619; background-color: #202227; padding: 0.45em 0.45em; border-radius: 0; }

modal {

background: #1a1b1f; border: 10px solid #1a1b1f; margin: 3% 0; max-width: 800px; min-width: 200px; padding-bottom: 44px; position: relative; text-align: left; width: 80%; z-index: 501; }

.post .meta dd ul li { display: block; padding-bottom: 0.6em; }

workskin {

font-size: 1.2em; max-width: 52em; }

div.comment, li.comment { padding: 0.6em; background: #1a1b1f !important; }

[engelthm]

aphaea theme by engelthm

live preview ― code

a experimental, minimalistic header theme, with animations enabled by GSAP.

on-load landing page and header/footer scroll animations.

any font and font size, with optional header and footer descriptions.

optional five links and custom cursor.

fully responsive for mobile devices.

credits can be found here.

note on experimental animations:

this is a part of a new series of codes i plan on releasing that all use some form of web animation. because of this, certain animations may be slow or laggy. i've tried my best to mitigate this, however do please let me know if something doesn't seem to work for you as intended!

do note there also may be a chance that something just won't work, based on browser capability or internet connection, but i will try my best to find solutions to any problems :)

[kosmique]

electra

a theme inspired by my notion homepage.

live preview / install

features:

responsive.

npf posts support.

four different font sizes: 14px to 18px.

up to five custom links and unlimited pages.

custom header and icon.

notes:

to change the description icon, go to the tabler icons website, copy the name of the desired icon and paste it into the "description icon" field

to change the font, go to the google fonts website and choose the one you prefer. copy and paste the font name into the field provided

credits: full credits list

[gordonramsei]

🍏 apple , tumblr theme .

apple is a theme inspired by a macbook's ui design , right down to the iconic big sur gradient wave background . this has to be one of my favorite themes to date , so i hope that u guys enjoy it !

if u intend on using this theme or just want to be a supportive hottie , please give this post  a like and  reblog  !  stay hydrated and be sure to pet a cute animal today !  mwuah !  🤍 🤍 🤍

theme features :

optional big sur gradient background

optional black and white ui icons

toggle for accessible theme sizing

animations throughout

a navigation tab w/ one free link

sleek , macbook ui inspired feel

non - functional spotify widget

notification popup

non - functional user settings popup

for a more detailed compilation of credits  and features  , as well as image sizing please see the google doc containing the code

░ ◦₊˚❀ this theme is a patreon exclusive : want access ? consider signing up to join the fam - a - lam to get ur hands on this page as well as my entire coding catalogue . click here to learn more !

source link directs to a live preview of apple .

[mournstera]

Dusty— a responsive, single-column theme

This is a Tumblr theme with two sidebars that can switch places. Optional dark mode and search bar included. Full support of npf posts.

Options like custom post width + sidebar width, custom title + description box, font size and font-families and custom links. Featured tags section. A choice between sharp or rounded corners and the ability to switch out certain icons as you like.

Static previews:

Preview 1

Preview 2

Preview permalink

Download code: GitHub

Theme guide - click to browse all the features and/or read a thorough guide to this theme.

[softcodes]

champagne by @softcodes

preview / code

theme to match this project page on my main blog. so sorry to the anon who requested this forever ago!

single column header theme with six posts sizes, four custom links, custom title and description, updates tab, google fonts for main and title fonts. this theme uses phosphor icons, and you can find more icon options here.

pls let me know if you find any bugs! (haven't posted a theme in a while, so it's possible i missed something!) would appreciate a like/reblog if you use :)

[mournstera]

Kuiper — a premium responsive, single-column theme

Static previews: - Preview (1) - Preview (2)

Download code: ko-fi ( €7)

This is a single-column Tumblr theme with 2 sidebars (you choose the positions), with two Google fonts of your choosing. Full support of npf posts. Optional dark/light mode toggle available. Optional customizable slide-in about/update tab.

Read features and notes below the cut

Customize colours for dark and light mode

Customizable post margin

Custom title + font family + font size

Custom description

Select font-size (11-18px)

Select Post-width (350-540px)

Select photoset gutter (1-4px)

Select displayed tags or upon a toggle

Select post info displayed as text or icons

Toggle between sharp or round corners on content and/or photos

Toggle between displaying or hiding Tumblr controls behind an icon.

Toggle about/update tab slide-in section

Navigation: An unlimited display of native Tumblr pages within a dropdown. Learn how they work in my FAQ here. Custom home archive + ask titles.

Search bar: The search bar will automatically be hidden if you have the option to discourage searching your blog from search results enabled. Go to your blog’s settings to do so.

Sidebar Image: Choose between the sizes 60px, 80px or 100px. Choose a shape between shapes square, rounded, circle or blob. Separate icons for light and dark mode! But If you want the same icon, simply upload it twice.

Dark Mode: If you decide to offer dark mode, it detects if visitor’s operating system is on dark mode, and displays that choice at the first visit - of course with the option to toggle the other mode on/off.

About & update tab: You can toggle off/on in the customization panel. The "big title quote" follows the same font-size and font family as the custom sidebar title. The bio text can be broken up in sections/new lines by adding <br><br>. To change the icon of the button in the sidebar, follow the instructions below:

Icon change: To change the icons in the the update tab or the update/about icon, go to phosphoricons.com and simply copy the name of the icon like so:

Into the corresponding field:

Notes:

Via/source links are on permalink pages

to hide the archive link, simply delete the text in the field.

Submit-link and ask-link only shows if toggled on in your blog's settings.

Credits

[xuethms]

◍ sodium theme.

Links: previews [ sdm / soi ] | install | features

Sodium is a fansite-like theme with extra sections for your description, featured blogs/tags, progress trackers for projects and media, and updates. Alternate header and permalink styles help to change the entire vibe of your blog.

Features: header theme, floaty elements, sidebar sections (description + featured + progress bars + updates + navigation), searchbar, 250/400/500px posts, styled search & tag pages

Credits: cappuccicons, feather icons, iconsax icons, NPF images fix v3.0,   Griddery v2.0, photosets.css, customaudio.js, Style-my-Tooltips, Truncate note counts

[ricecodes]

Strawberry Shortcake: Theme Pack #01

A theme pack inspired by the Windows 95 File Explorer! I've been working on this for the past couple of months, and after changing the design several times, it's finally completed!

[ Shortcake: Theme #12 ]

Previews: 1 + 2 Buy ($10)

A responsive all-in-one contained theme with draggable windows. The theme contains 6 sections: blog posts, an about me, navigation links, the ask and/or submission box, your current following, and recently liked posts. Like the rest of my themes, Shortcake comes with a day and night toggle button that will stay in the selected mode until it is turned off. Additionally, it also supports NPF posts and page links.

To view the full list of features and options, you can head over to the theme guide!

[ Strawberry: Muses Page #01 ]

Static Preview + Buy ($2)

A matching muses or character page to go with Shortcake! Like Shortcake, Strawberry also has a day and night toggle button that will stay in the selected mode until it is turned off. You can pretty much add as many muses or characters as you want and label them by group.

Head on over to the page guide for more information on how to customize the page!

Credits

The strawberry dessert icons (excluding the daifuku) are from scrimsy on Etsy. All other icons are from Freepik and Windows 98 Icon Viewer. You can view my full list of credits here.

[engelthm]

aphaea theme by engelthm

live preview ― code

a experimental, minimalistic header theme, with animations enabled by GSAP.

on-load landing page and header/footer scroll animations.

any font and font size, with optional header and footer descriptions.

optional five links and custom cursor.

fully responsive for mobile devices.

credits can be found here.

note on experimental animations:

this is a part of a new series of codes i plan on releasing that all use some form of web animation. because of this, certain animations may be slow or laggy. i've tried my best to mitigate this, however do please let me know if something doesn't seem to work for you as intended!

do note there also may be a chance that something just won't work, based on browser capability or internet connection, but i will try my best to find solutions to any problems :)

[softcodes]

november by @softcodes

preview / code

sharing the theme i’ve been using on my main blog, which a couple of anons have asked for (some of them a while ago, sorry!!). finally got around to polishing it up!

single column theme with a left sidebar and optional right sidebar that includes sections for updates, a featured project, and site info. geared towards writeblrs, but of course anyone can use! includes a sidebar image, icon, project image, five custom links, four post sizes, any google font, custom title, and iconsax icons. the audio player is the “light accent” color, which doesn’t show up in the preview for some reason! icons and sidebar image in preview via unsplash. (full list of credits here.)

pls like or reblog if you use:)

[aquazero]

𓎟‎ ‎ :‎ ‎ B e i g e p n g d i v i d e r s﹒﹒꒱

꒰ ‎﹒ made by me﹒credit and reblog to use﹒dividers with background below﹒matching png set 𓏏

pngs source : pinterest

[aquazero]

𓎟‎ ‎ :‎ ‎ B l a c k ﹠ W h i t e ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎‎ ‎ ‎ ‎l a c e d i v i d e r s﹒﹒꒱

꒰ ‎﹒ made by me﹒credit and reblog to use﹒♱