tumblr-themes

Themes designed for Tumblr blogs

Project maintained by wovenstarlight Hosted on GitHub Pages — Theme by mattgraham

Theme 1: Discord v2

A theme replicating Discord’s layout, using unnested captions for a server-like feel.

PREVIEWS: Index page, permalink

INSTALL

If you like this theme or plan to use it, please reblog it on Tumblr!

Features

Theme-specific

Custom Discord tag (username#1234)
Custom colors for bold/italic text, links, and page accents
(Optional) Use default Discord fonts if viewer has them downloaded
Optional header image with customizable positioning and sizing
Full-width posts
Optional features: choose whether to show or hide
- Avatar/Description
- Search bar
- Like/Reblog buttons (individually toggleable)
- Tags
- Random post/Archive buttons
- Date/timestamps on posts
Unlimited custom links
Date/time options
- MM/DD or DD/MM format
- Times in 24-hour or 12-hour AM/PM format
Choose between jump pagination or infinite scroll
- Infinite scroll: Choose between automatic or manual load

Standard

Dark/light modes
- Set your default mode
- Optional mode toggle
Font options for general text and title
- Choice between Tumblr and Google fonts
- Custom font size
Collapsible sections for use on custom blog pages
- Preview here
Responsive
Supports new post types (NPF) and pinned posts
Unnested captions
Optional FAQ/submission guidelines for Ask/Submit pages

Credits

Tippy.js tooltips by atomiks
Toggleable Tumblr controls by seyche
Icons by Font Awesome and Discord
Custom like buttons by Georgi Demirev
Infinite scroll by Paul Irish & Metafizzy
NPF photosets fix by glenthemes
Dark/light mode toggle by eggdesign

Screenshot previews

Screenshot of a Tumblr blog with a layout identical to the chat client Discord's. It's set to dark mode and is currently showing the home page. Posts are where messages normally appear, and on the right side of the typing bar is a page counter. Screenshot of the home page, now on light mode and scrolled to the bottom. Instead of the page navigation in the typing bar, a 'Load more posts' button is at the bottom of the page. Dark mode screenshot of a post permalink page. In place of the Members list on the right is a list of post notes, icons marking likes and reblogs. The navigation in the typing bar now reads Show more posts, with links to the next and previous posts. Screenshot of the same permalink page, now on light mode. The notes bar is scrolled to the bottom to show a Load more notes button. The post itself is being hovered on to show the note count, permalink button, and source/via.