#*mine: theme

Theme #10: Aether by @pneuma-themes [Support me @ Ko-Fi?]

Even if I now saw you only once, I would long for you through worlds, worlds.

Live Preview (Temporary) / Static Preview: [Index] [Permalink] / Get the code: [Github] [Pastebin]

A month late, but happy new year, my friends! This is a minimalist and sleek header theme inspired by the clean aesthetic commonly found on WordPress templates. Suitable for most blog types, and works well for writing-heavy blogs too. This theme finally sees the light of day after being stuck in development hell for probably 3 months or something, ahaha...

Features:

Customizable post widths and font sizes. The live preview uses 650px post width and 13px font size. Enter the desired post width on the post width field and the desired font size on the font size field on the Customization page.

One accent color, 5 color options.

Sticky navigation links.

4 custom links.

A 36 x 36px sized icon on the top bar, should automatically resize to fit.

Should be mostly NPF-friendly.

Notes:

Usual discretion applies.

Now that Tumblr has rolled out ads for non-premium users, the ads might mess with the layout, especially at the bottom of the page. This may result in a different viewing experience for visitors and you, and unfortunately, I can't do anything about it.

As noted in my F.A.Q, please enter the size of the post and the font size first if your layout looks wonky!

Credits:

Icon: @acuite

Fonts: Lora, Lato @ bunny.net

Un-blue polls, NPF audio player, NPF image fix by @glenthemes

photoset.css by @annasthms and @eggdesign

Tooltip: tippy.js

NPF reverse compatible template: @eggdesign

Icon fonts: Boxicons

Theme #09: Astral by @pneuma-themes

May this Song lead us to our Paradise.

Live Preview (Temporary) / Static Preview: [Index] [Permalink] / Get the code: [Pastebin] [Github]

A sleek and minimalist sidebar theme created around the idea of having a music player and a monochrome aesthetic. Suitable for all kinds of blogs.

Features:

Optional monochrome images. Can be enabled or disabled from the Customize page.

One accent, 8 color options.

Customizable post width and font size. The live preview uses 600px posts and 13px font size.

4 custom links.

Optional audio music player. Can be enabled or disabled from the Customize page. Paste the direct link of your audio file to the song url field in the Customize page and type the name of your audio file into the song title field. To add the artist name of your audio file, type the artist's name into the song artist field.

Custom link menu title, can be filled by typing the title of your custom link menu into the custom link menu title.

Customizable photoset gutter.

Built-in lightbox for photoset posts.

Mostly NPF-friendly.

Notes:

Usual disclaimer applies.

The audio player only supports one song.

Credits:

Un-blue polls, NPF Image Fix 3.0, NPF Audio Player, Music Player #07, minified spotify player: @glenthemes

customAudio.js: @annasthms

NPF reverse compatible template: @eggdesign

photoset.css: @eggdesign, @annasthms

Icon fonts: Lucide

Sidebar image: たえ (tae402 @ X/Twitter)

Font: Rubik @ bunny.net

Toggle tags on click: @alydae

Responsive video script: @nouvae

Song on preview: Class::DISTLLISTA; by Shimotsuki Haruka from the game Ar nosurge: Ode to an Unborn Star.

Theme #08: Empyreum by @pneuma-themes

I am made of quiet storms washing themselves away.

Live Preview (Temporary) / Static Preview: [Index] [Permalink] / Get the code: [pastebin] [Github]

A simple sidebar theme in a similar vein to Theia. I made this as an answer to an ask I answered not too long ago (it definitely feels like forever ago though). Suitable for all kinds of blogs.

Features:

Customizable post widths and font sizes. The live preview uses 600px post width and 13px font size. Enter the desired post width on the post width field and the desired font size on the font size field on the Customization page.

Customizable photoset gutter.

One accent color, 8 color options

A 64x64px icon on the sidebar. Any square image will resize automatically.

3 custom links.

Notes:

This theme uses the new NPF theme base. Everything should work as expected, except for some things, particularly reblogged quote posts. See below for an explanation.

A quote reblogged via the new editor will be, unfortunately, displayed as a usual blockquote. This is a Tumblr bug. I have tried my best to support both legacy and new quotes while the legacy editor is still in use, but as we slowly transition to the new editor, design choices have to be made, and for the time being that choice is made for us theme makers by the staff.

Credits:

Icon: @polymith

Unblue polls, npf audio player: @glenthemes

customAudio.js: @annasthms

photoset.css: @annasthms, @eggdesign

Flexible video resize: @nouvae

NPF-reverse compatible template: @eggdesign

Icon fonts: Akar Icons

Font: Public Sans @ bunny.net

Theme #07: Clio by @pneuma-themes

Where you walk, my dearest friend, fate shall surely follow.

Live Preview (Temporary) / Static Preview: [Index] [Permalink] / Get the code: [pastebin] [github]

This is intended to be a fansite! I am finally happy with how this turned out after a few iterations. This theme features Emet-Selch from Final Fantasy XIV. Be warned going into the live preview as this theme heavily features content that can be found on various points of Shadowbringers and Endwalker, which may or may not be a spoiler!

Features:

Customizable post widths and font sizes. The live preview uses 650px post width and 13px font size. Enter the desired post width on the post width field and the desired font size on the font size field on the Customization page.

One accent color, 7 color options

Option for title alignment (centered/lefthand side/righthand side) to accommodate for the chosen header image.

Option to display or hide the blog title.

Built-in dual sidebar layout. All the boxes on the sidebar (members, events, updates, and site info) and the footer (disclaimer, about, and search box) can be edited from the code directly.

5 custom links at the topbar with additional 8 links on the navigation box.

Customizable photoset gutter. The live preview uses 10px gutter.

A header image. The size of the header (w x h) is the width of your screen x 350px. So if your screen width is 1900px, then the size of your header should be 1900 x 350px.

Notes:

This theme uses @eggdesign's NPF reverse-compatible template. Everything should be working as expected, except for some things noted below.

As we slowly transition into the new editor, posts made by the legacy editor will eventually break. This is particularly evident in a quote post reblogged via the new editor, in which the post will be rendered as a text post with blockquote and cannot be styled similarly to a legacy quote post. This is a Tumblr bug as far as I am concerned and from what other people have told me, so unfortunately there is nothing I can do about it.

I've written a short guide on how to set up this theme here. Everything else is annotated in the code, so do read through them before shooting me an ask!

Credits:

NPF reverse-compatible template: @eggdesign

Header: ユズリコ❂ (yuzuriko_red @ Twitter)

Icon font: Phosphor Icons

Icons (affiliates, members) and toggle tags on click: @alydae

Fonts: Nunito, Merriweather @ Google Fonts

customAudio.js: @annasthms

photoset.css with lightbox: @annasthms and @eggdesign

Search box, minified spotify player: @glenthemes

Toggle-able tumblr controls: @seyche

Shorten note count: @shythemes

Responsive video script: @nouvae

Theme #06: Afflatus by @pneuma-themes​

I promise to plant kisses like seeds on your body, so in time you can grow to love yourself as I love you.

Live Preview (Temporary) / Static Preview: [Index with header] [Index without header] [Permalink] / Get the code: [pastebin] [github]

This is a revamp of an older design I had over at @kuzuriha​, namely this design. This theme is suitable for all kinds of blog, but can also be customized to be writing-heavy friendly.

Features:

Customizable post width and font size. The live preview uses 650px posts and 13px font size. Enter the size of the post you want on the post size field and the font size on the font size field.

Four custom links.

A full width header which can be disabled or enabled. The image of your header should be the full width of your screen x 400px (w x h). For example, if your screen width is 1900 then your header image should be 1900 x 400px.

A built-in update box which comes in with 4 default rows, though provided you know how to add more rows, it can have unlimited rows. This box can also be used as whatever you want instead. Customization guide is provided below the read more.

Customizable photoset gutter. Enter the size for your photoset gutter on the photoset gutter field.

Built-in lightbox for photoset posts.

Mostly NPF friendly.

An extra quote which will be displayed on the top bar. If you do not wish to enter any quote, you can leave it empty instead.

Notes:

Usual disclaimer and discretion on NPF posts apply.

Credits:

Header: @xathrid​

Icon fonts: boxicons

NPF v3.0 fix, minify spotify player: @glenthemes​

Minified soundcloud player: @shythemes​

Font: Nunito @ Google Fonts

Responsive video script: @nouvae

customAudio.js: @annasthms​

photoset.css with lightbox: @annasthms and @eggdesign​

Please like and reblog if you like this and or are using it!

Theme #03: Theia by @pneuma-themes

Girls like her were born in a storm. They have lightning in their souls. Thunder in their hearts. And chaos in their bones.

Live Preview (Temporary) / Static Preview: [Index] [Permalink] / Get the code: [pastebin] [github]

A simple sidebar theme inspired by Twitter and aesthetics of Tumblr themes circa ~2015-2016ish. Suitable for all kinds of blogs.

Features:

Twitter-styled posts for photoset and photo posts.

Customizable post size and font size, with minimum width of 500px and maximum width of 700px. Post size can be entered on the post size field and the font size can be entered on the font size field. The live preview uses 600px post size and a font size of 14px. 

Customizable photoset gutter. The live preview uses 2px photoset gutter.

Built-in light/dark mode that can be toggled with one click. The selected color mode will persist on your browser until you change the color mode.

Customizable colors for light/dark mode.

Three custom links.

One accent color and 10 color options.

Built-in lightbox for photoset posts.

Mostly NPF-friendly.

A 60 x 60px icon on the sidebar.

Notes:

As per usual specification, expect things to break or look weird for NPF.

Credits:

Icon: @acuite 

Font: Karla @ Google Fonts

Dark mode tutorial: @22mm 

Icon font: Boxicons.css

NPF v3.0 fix: @glenthemes

photoset.css with lightbox by @annasthms and @eggdesign

customAudio.js by @annasthms

Simple soundcloud and spotify player script: @shythemes 

Responsive video script: nouvae

Theme #02: Thin Air by @pneuma-themes​ 

Write about love, long evenings, the dawn, the trees, about the endless patience of the light.

Live Preview (Temporary) / Static Preview: [Index] [Permalink] / Get the code: [pastebin] [github]

A simple sidebar theme with not-too-soft rounded corners. Suitable for all kinds of blog types but will particularly do well for image-heavy blogs.

Features:

Customizable post size and font size. Post size can be entered on the post size field and the font size can be entered on the font size field. The live preview uses 600px post size and a font size of 14px.

Customizable photoset gutter. The live preview uses 5px photoset gutter.

Three custom links.

One accent color and 7 color options.

Built-in lightbox for photoset posts.

Mostly NPF-friendly.

A 200px x 200px sidebar image.

Scroll-to-top button that appears when you scroll down the page.

Fade in effect on load

Notes:

I tried my best to make this theme NPF friendly, but until the usual, expect things to break or look weird.

Keep your description and your blog title short, otherwise the sidebar may be too long and it may look a little bit out of place.

Credits:

Sidebar image by @nemupanart

Icon fonts (System UIcons), NPF fix v3.0 by @glenthemes

Responsive video plugin by nouvae

Feather Icons by Cole Bemis

Simple soundcloud and spotify player script, shorten note count script by @shythemes

customaudio.js by @annasthms

photoset.css with lightbox by @annasthms and @eggdesign

Font: Rubik by Google Fonts

Fade-in animation on load by animate.css

Theme #04: Million Clouds by @pneuma-themes​

I believe the world I see with my own two eyes.

Live Preview (Temporary) / Static Preview: [Index] [Permalink] / Get the code: [pastebin] [github]

A full-sidebar theme based on the ideas of borders. Suitable for all kinds of blogs.

 Features:

Tumblr-dashboard inspired post style.

One accent, 6 color options.

Customizable post width and font size. The live preview uses 600px posts and 13px font size.

Five custom links with customizable icons.

A search box with customizable entries and link.

A sidebar image with the width being 80% of 25% of your screen size. For example, if your screen width is 1920px, then the width of your sidebar image should be = (1920 x 0.25) x 0.8 = 305px. The height of the sidebar image should be 250px.

Customizable photoset gutter. The live preview uses 5px photoset gutter size.

Built-in lightbox for photoset posts.

Mostly NPF friendly.

Notes:

Usual disclaimer and discretion on NPF posts apply.

Customizations for both the search entry and the custom link icons will be below read more.

Credits:

Sidebar image: @snnns​​

Fonts: Nunito, Roboto Mono @ Google Fonts

Icon font: Lucide

NPF v3.0 fix, search box, minified spotify player: @glenthemes​​

Mini soundcloud player: @shythemes​​

Responsive video script: nouvae

customAudio.js: @annasthms​​

photoset.css with lightbox: @annasthms​​ and @eggdesign​​

Please like and reblog if you like this and or are using it!