enchanted-sword / melody-theme

melody theme for tumblr

melody-theme

melody is a sleek, simple theme for tumblr that is easily modifiable to suit your needs.

Features

• Full Javascript post rendering
• Tag, search, and day pages
• Light and Dark modes
• Blog view link button for ease of editing your posts
• Following list
• Display Discord tag
• Blog member list
• Header size adaptability

Installation

Simply visit https://www.tumblr.com/theme/41222 and hit install to add the theme to your blog of choice!

Alternatively, copy the contents of main.html into the custom theme html section on the blog customization page

Theme Options

Background Color

Used for:

• The main container background
• The ask background

Title Color

Used for:

• Borders around the navigation cards
• All non-post or link text in the theme

Accent Color

Used for:

• Links
• User URLS
• Blog view link button
• The reblog icon in the reblog header
• The note count in the post footer

Page Header Text

The color for the page header text, such as on search and tag pages.

Header Styles

• Maintain aspect ratio: Keeps original aspect ratio, scaled to 360px in height
• Stretch: 360px in height, scaled to full page width:
• Fill: As large as the page allows

Capitalization Style

Changes the capitalization style for localized text blocks

• lowercase: All lowercase
• Capitalized: All properly capitalized
• UPPERCASE: All uppercase

Dark Theme

Enables or disables the dark theme

Show Following

Shows or hides a list of blogs you follow

The "Share the Tumblrs you're following" option must be enabled in your blog settings for this to display your following

Show Total Page Count

Shows or hides the number of total post pages in the pagination menus under the forward & back buttons

Show Blog Members

Shows or hides a list of all the members in a group blog

Show Discord Tag

Shows or hides an element where you can display your Discord tag.

Takes input from the Discord Tag field.

Show Twitter

Shows or hides the Twitter account linked to your tumblr

NSFW Blog

Shows or hides an [18] symbol in your blog info

melody-theme's Issues

Add support for ordered-list-item text block subtypes

Add support for the beta NPF Poll object

Schrödinger's reblogged photo posts

For some unknown and unexplicable reason, certain posts under the classes post.photo.reblogged do not have ANY original entries attached to them. This is unconfirmed as of now, but my current working hypothesis is that it has to do with editing posts. As such posts cannot be rendered with the current flow, the intended original entry remains invisible for the time being.

Standard example:

Example with a reblog trail item (This is not the original entry photo, which is missing):

Update:
As of commit b5d4b64, posts that fall under this category are now classified as null and do not render on any post pages. This is merely a temporary fix until a better solution can be implemented.

NPF photosets ignore post boundaries

The npf_row element present in all NPF photosets has a margin: -20px; style tag that cannot be removed with inline css. A possible solution is to arbitrarily relocate it farther to the right of the container.