MELANCHOLY THEMES

MOONSHINE by melancholytown

click the source link for the theme preview & code !

FEATURES

optional ask, navigation and muse tabs that can be turned off if not needed. 

post size options : 350px, 400px, 450px, 500px, 540px 

font size options : 10px, 11px 

dimensions :  can be found on the preview page.

NOTES

everything can be fully customized without going into the HTML. i recommend refreshing the page after installing the code and turning the toggles on and off a couple of times before customizing the theme further.

this theme may not look right in the tumblr preview pane. this is due to the dashboard style captions used and there’s no way to get around it, unfortunately. the theme will look normal when the blog is visited in a new tab.

a full list of credits for this theme can be found here.

TERMS OF USE

don’t remove / move my credit or obscure it in any way.

don’t use this theme as a base code

don’t take parts of this code to put into other themes

do edit for personal use

SPIN THE RECORD by melancholytown

click the source link to gain access to the page preview & code !

FEATURES

a network theme with filters for people to show off their music taste and make their very own little virtual record collection <3 can be used as a muse page as well !

hovering over each record reveals the album name, the artist, as well as three links. instructions on how to edit the information and add more records are present in the code itself.

please note that as of may 2022, you will have to email tumblr support to enable javascript use on your blog(s) before you can use this page.

TERMS OF USE

don’t remove / move my credit or obscure it in any way.

don’t use this theme as a base code

don’t take parts of this code to put into other themes

do edit for personal use

do message me with any issues @melancholytown

DRESS UP by melancholytown

click the source linkto gain access to the page preview & code!

FEATURES

a wardrobe based page to show off a character’s style and various outfits <3 

mix and match system !  click on the boxes to cycle through the options

draggable boxes that you can arrange however you’d like ( great for screenshots and general outfit planning )

works best when used with pngs that have a transparent background. image sizes are present in the code !

TERMS OF USE

don’t remove / move my credit or obscure it in any way.

don’t use this theme as a base code

don’t take parts of this code to put into other themes

doedit for personal use

MARDY BUM 2.0 by MELANCHOLYTOWN

click the source link to access the theme preview & code !

FEATURES

a revamp of my second theme, now with dashboard style captions, better organized code and proper tabs. please update the code if you’re using the old version !

this is a contained theme that features 400px posts and 11px tests. it comes with an askbox tab, a navigation tab and a muses tab, all of which can be turned off individually. 

it is best suited for indie blogs and rp character blogs, but can be used for virtually any purpose with the tabs turned off.

NOTES

everything can be fully customized without going into the HTML. i recommend refreshing the page after installing the code and turning the toggles on and off a couple of times before customizing the theme further.

this theme may not look right in the tumblr preview pane. this is due to the dashboard style captions used and there’s no way to get around it, unfortunately. the theme will look normal when the blog is visited in a new tab.

a full list of credits for this theme can be found here.

TERMS OF USE

don’t remove / move my credit or obscure it in any way.

don’t use this theme as a base code.

don’t take parts of this code to put into other themes

do edit for personal use

ONE FOR THE ROAD by MELANCHOLYTOWN

click the source linkto access the theme preview & code!

FEATURES

another clean & minimalist theme that can be used for virtually any purpose. this theme does not feature any tabs, but pairs well with some of my own pages !

different post size options: 400px, 450px and 500px

different font size options: 10px, 11px and 12px 

different accent font options: pirata one, abril fatface and bevan 

NOTES

everything can be fully customized without going into the HTML. i recommend refreshing the page after installing the code and turning the toggles on and off a couple of times before customizing the theme further.

this theme may not look right in the tumblr preview pane. this is due to the dashboard style captions used and there’s no way to get around it, unfortunately. the theme will look normal when the blog is visited in a new tab.

a full list of credits for this theme can be found here. 

TERMS OF USE

don’t remove / move my credit or obscure it in any way.

don’t use this theme as a base code.

don’t take parts of this code to put into other themes

do edit for personal use

updates tab by mercurythms

demo and installation guide

I have gotten a couple of requests to post my updates tab from my galaxy theme. I altered it a bit to include with any theme.

credit to line awesome icons for the update (+) icon.

You may change colors and width of the update box. Please do not remove credit the credit at the bottom of the update box (cr.) or steal parts of this code. Please message me if you have questions or encounter problems.

Theme #15:  årtionde by kuzuriha

Let us make the days of conflict into something of the past, and let us be reborn.

LIVE PREVIEW / VIEW CODE / STATIC PREVIEW

1 accent color, 5 color options

Variable post widths, ranging from 400 to 600px

Variable column count and gutter, but be advised the posts will not display correctly if the column stretches wider than the container, which width is 95% of your screen.

4 custom links

Icon is 80 x 80px.

This theme is compatible with NPF

Does not support single column

Icon font: Boxicons

Icon in the preview: @alydae

customAudio.js and undoPhotoset.js: @annasthms

NPF fix: @glenthemes

Flexible video: @nouvae

Originally made for @codingcabin‘s New Year, New Theme challenge with the accent color of #decade, the namesake of this theme, but alas I was too late in submitting it. Either way, this is yet another attempt into a grid layout theme and while I struggled more than I liked with this theme, I am satisfied with the outcome. Many thanks to the gracious peeps at @codingcabin and HT at @glenthemes for being patient with me as I fumble my way around, I spent way too much time in making the NPF fix works.

Theme: Moon   Static Previews: Preview / Gif Preview  Get The Code: Pastebin / Pasted

This theme is a revamp of my 1st original version of my Fall theme (which had many revamps after that) 

:: Theme Features ::

Post Width Options: 400px - 540px

Sidebar & Icon Images: 100px 

Main Links At Bottom of Sidebar Container 

Custom Links in Color Block Titled Sidebar (Dots)

Profile Section Sidebar (Inspired by @extasisthemes)

Description In Topbar

Custom Tumblr Controls

Regular Tumblr Controls will shows on Permalink Page

Post Margin Input

Description and Tags Size Input

5 Title & 5 Body Font Options

Dashboard Styled Captions

Pinned Post Label

Search Bar in Sidebar

:: Additional Info ::

Go to my credits page for sources

Optimized For Google Chrome

Responsive via Desktop Only

Keep Credit Intact

Do not steal, claim, redistribute, tweak, or use as base code

Check out @solocodes for more free & premium themes + resources!

Support me on Ko-fi! Join my discord server here.

hydra by mercurythms

preview 1 | preview 2 | download

features:

header theme with optional circular icon

customizable font choices (google fonts) and sizes

adjustable post width and icon size

multi- or single column layout

option to show tags always or hide them

responsive for desktop and mobile devices

credits:

base code - @seyche

feather icons - cole bemis

masonry script - desandro (tutorial by @suiomi)

responsive videos - @nouvae

css photosets - @annasthms and @eggdesign

mobile photoset fix 2.0 - @glenthemes

custom like and reblog button inspired by @shythemes

minimal soundcloud player - @shythemes 

timeago plugin - @bychloethemes

tippy.js tooltips - atomiks

remove tumblr redirects 2.0 - @magnusthemes

customization tip: font choices can be found on google fonts

DO ME A FAVOUR by MELANCHOLYTOWN

click the source link to access the theme preview & code !

FEATURES

just a clean & minimalist multimuse theme with optional tabs for frequently asked questions, rules and muses. intended for indie blogs by default but can be used for any purpose with the tabs edited or turned off.  

this theme may not look right in the tumblr preview pane. this is due to the dashboard style captions used and there’s no way to get around it, unfortunately. the theme will look normal when the blog is visited in a new tab. 

the sidebar and tabs can all be fully customized without going into the HTML. i recommend refreshing the page after installing the code and turning the toggles on and off a couple of times before customizing the theme further. 

a full list of credits for this theme can be found here. 

TERMS OF USE

don’t remove / move my credit or obscure it in any way.

don’t use this theme as a base code.

don’t take parts of this code to put into other themes

do edit for personal use

CORNERSTONE by melancholytown

click the source link to access the theme preview & code !

FEATURES

a simple, responsive minimalist muse page. intended for writing and indie blogs. 

each muse section contains three links and an information section. instructions on how to add new muses are present in the code itself. 

this page includes filters that can be edited easily to suit user preference. i highly recommend reading the isotope combination filtering tutorial by magnusthemes before using this theme.

CREDITS

isotope filtering tutorial: @magnusthemes 

font hosting: google fonts ( abril fatface + raleway )

honeybee icons: @suiomi

icons used for the preview: @luthien

TERMS OF USE

don’t remove / move my credit or obscure it in any way.

don’t use this theme as a base code.

don’t take parts of this code to put into other themes

do edit for personal use

do read the customization guide provided

WANDERLUST by melancholytown

click the source link to access the theme preview & code, as well as the customisation guide !

FEATURES

a simple, minimalist map-based locations page. meant for roleplays but can easily be adapted for other purposes. 

each pin on the map can be moved individually and is linked to a popup. please read through the customisation guide provided to learn how to move pins and add more if required. 

each popup includes a three-image slideshow to showcase every location. instructions on how to add more images to the slideshow are provided in the customisation guide. 

CREDITS

image slideshow code: adapted from @tojowe on codepen

font hosting: google fonts ( abril fatface + raleway )

popup tutorial: @acuite

honeybee icons: @suiomi

images used for the preview: unsplash

TERMS OF USE

don’t remove / move my credit or obscure it in any way.

don’t use this theme as a base code.

don’t take parts of this code to put into other themes

do edit for personal use

do read the customization guide provided

MARDY BUM by MELANCHOLYTOWN

click the source link to access the theme preview & code !

FEATURES

simple & minimalist contained theme with an all-in-one tab. intended for indie blogs and rp character blogs.

image dimensions are shown on the theme preview

version 1: optimized for single muse blogs. the all-in-one tab has three sections for statistics, quick tags and a full navigation. the tab can be fully edited without going into the HTML. 

version 2: optimized for multimuse blogs. the all-in-one tab has three sections for rules, quick tags, and muses. basic HTML knowledge is required to edit the muse section and to add more muses. there are notes in the code itself to help you with this.

version 3: a version without the navigation tab.

CREDITS

base code:  @neonbikethemes

font hosting: @halfbluds ( blue angel )

imessage chat code: @animalites

popup tutorial: @acuite 

TERMS OF USE

don’t remove / move my credit. you may change the lemon emoji if it doesn’t fit your aesthetic, but it must still be visible on your blog.

don’t use this theme as a base code.

don’t take parts of this code to put into other themes

do edit for personal use

MAGNOLIA CELEBRATION by MELANCHOLYTOWN

click the source link to access the theme preview & code !

FEATURES 

simple & minimalist uncontained theme with tabs. intended for indie blogs.

image dimensions are shown on the theme preview

version 1: optimized for single muse blogs. the third tab has a section for rules / an introduction, and the fourth tab features space for a biography. text can be added to both tabs without going into the html.

version 2: optimized for multimuse blogs. the third tab has a section for rules / an introduction, and the fourth tab features a muse list. basic HTML knowledge is required to edit the muse list and to add more muses. there are notes in the code itself to help you with this. 

version 3: a version with no tabs. 

CREDITS

base code:  @neonbikethemes

font hosting: @halfbluds ( magnolia sky & sweet pea )

imessage chat code: @animalites 

TERMS OF USE

don’t remove / move my credit. you may change the lemon emoji if it doesn’t fit your aesthetic, but it must still be visible on your blog. 

don’t use this theme as a base code.

don’t take parts of this code to put into other themes

do edit for personal use