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.
Neon is a contained theme which features animated floral features and other decorative elements, creating a maximalist, scrapbook-like design — Perfect for those who want a more artistic blog theme!
Features: contained theme, decorative elements, animated flowers (3 different petal shapes), big title, user profile (icon + status + another title), searchbar, 250px/400px/500px posts, styled search & tag pages
The desperately needed revamp of Notes! It has most of the features of the original, with these new features:
Stickers! You can now have up to two stickers in your sidebar. By default the stickers will have some "puffy" sticker styling which can be turned off. Works best with transparent images.
You can now pick between ruled/lined, dotted/bullet, or grid paper! If you don't want any of these, you can make your line color the same as your post color.
You can now remove the tape if that doesn't fit your aesthetic.
Optional box shadows
Please let me know if you run into any issues with this theme!
oh heyyyy hi hello long time no chat! (it's been over a year!) (sorry!)
I decided to give my theme Opticant a face lift, along with a desperately needed name change. I'm not really working on other new themes right now but I was so excited to update this!
Ocular comes with the following features:
Uses Tumblr's full-width controls and search bar
Post Sizes: 400px, 500px, 540px, 600px, 700px
Sidebar Width: 200px, 260px, 300px, 350px, 400px
Font Sizes: 14px, 15px, 16px, 18px
Background: solid, 2-color gradient, or image (full, static, or repeating)
Unlimited custom links (visit the help desk FAQ for tutorial)
Custom titles for Home, Ask, Submit, and Archive links
Endless scroll, custom fonts, and custom ask box text
Optional header and avatar image
Ocular version 2.0.0 adds these new features:
Color Schemes: Default, Tumblr, Dark Mode, Low Contrast, Cement, Cybernetic, Canary, Pastel, Blended Light, Blended Dark
Sidebar Location: Left, Right, or Above Posts
Added "Uncropped" to the "Avatar Shape" option, which will show your Avatar image in its native aspect ratio with no background, border, or rounded corners (see images 2 and 3) (perfect for transparent images and sprites) (redux edits? again? heck yeah)
Various additions and small tweaks to minor options, such as new background options, theme credit customization, etc.
It also fixes these bugs and adds these cool code updates:
Long words were prevented from being broken, thereby cutting off text on the edge of the post
Updated inline photosets so they no longer break when using endless scroll
The appearance of Read More links and the Pinned Post indicator have been updated to more closely match the Tumblr dashboard
Added lightbox functionality to all images
Compressed JS and CSS for quicker load times
Probably more updates honestly I kinda lost track
you can install (or reinstall) this theme here, or you can cross your fingers and hope that my submission to the theme garden (??!!?!?!) gets approved!! as always, thanks for using my themes. I've been making them for almost 10 years and I'm so grateful to all of you for helping me make that a possibility <3
Nitrogen is an exploration into the use of CSS sticky elements. Greet your blog visitors with a flashy header image that transforms into a fixed top bar as you scroll. With several customisation options, pick the style that best fits you!
Oxygen is a console gaming-inspired theme which features reminiscent console buttons as navigation links. More thoroughly introduce yourself through an integrated user profile section.
Features: console buttons navigation, windowed style, custom google fonts, sidebar profile with avatar and hp + sp bars, user profile section with long bio + skills/progress + to-do list, social media links
Originally known as Timeless a very long time ago, this theme was reincarnated as Whimsical in 2018, a fun and summery multi-columned theme. 𝐌𝐀𝐉𝐎𝐑 𝐔𝐏𝐃𝐀𝐓𝐄 — Jan. 2022
୨୧ ❀ ⊱ ─── theme features ‣
decorative top bar: adjustable height
sidebar: flexible width, image, custom title, custom description, navlinks, up to 6 custom links, searchbar, pagination
posts: 1-3 columns, flexible post width, NPF support, auto “keep reading” button for long posts [ ☽ ]
music player: 1 song only [+ instructions]
୨୧ ❀ ⊱ ─── terms of use / ask a question / tip jar ☕
Syncs with your mobile theme colors and mimics the new in-dashboard blog view for a consistent look across platforms.
Live preview (temporary) | Static previews: index page, permalink | Code
Features:
Appearance options (show/hide header image/avatar/title/description, title font options, and background/text/accent colors) synchronize with mobile settings
Optional: Featured posts section, updates section, and blog member list in sidebar (require some HTML editing; see under the cut for instructions)
Optional second palette
Customizable post width and font size
Optional search bar, like/reblog buttons, date/timestamps, tags (plus a show tags on click option), and Archive/Random links
Unlimited custom links
Responsive
Supports new post types/pinned posts
And more!
For help, check my theme guide, or feel free to send me an ask. Theme credits and an HTML editing guide for the special sections are under the cut.
All of the below instructions assume that you've gone to your Customize page, then opened the "Edit HTML" menu.
Again, if you have trouble making your edits work, feel free to send me an ask or a DM for help.
Note for HTML beginners
Every bit of text or code is wrapped inside "tags", which have arrow brackets on either side. For example, a paragraph is placed inside <p> tags.
Every element has an "opening" and "closing" tag; the closing tag looks just like the opening tag, with a / after the opening bracket. The content inside one section is bracketed by these; for example, a paragraph would look like this:
<p>Text here!</p>
In the above line, <p> is the opening tag, and </p> is the closing tag. Tags of this sort can be placed inside each other:
<p>Some <span>special</span> text.</p>
Note that the "span" tags, both opening and closing, are both inside the "p" tags. You don't want a misordered set, like "<p>Some <span>special text.</p></span>". The opening tag nearest to the start should also have its closing tag nearest to the end.
It is extremely important that while editing the HTML for your theme, you make sure all opening tags have a matching closing tag. If you have a <div> tag, but no matching </div> tag, this might break the theme.
Featured posts
This section fetches the 3 most recent posts from a chosen tag on your blog. To select the tag:
Ctrl+F to "EDIT YOUR TAG HERE".
On that line, there will be a link inside quotation marks, ending in "tagged=featured".
Change featured to the tag of your choice; for example, "tagged=photo". This tag can include spaces, such as "tagged=my writing".
Save and ensure your posts show up as intended.
By default, the tagged posts are fetched from your blog, but you can change this so that the featured posts are from a different blog:
Ctrl+F to "EDIT YOUR TAG HERE".
On that line, there will be a link inside quotation marks, starting with "https://{Name}.tumblr.com".
Change {Name} to the blog username of your choice; for example, "https://starlightthemes.tumblr.com".
Save and ensure your posts show up as intended.
Be careful not to change any other parts of that section. The code for fetching the posts from blogs is easy to break.
Updates section
The updates section has two editable parts: the title, and the actual updates.
To edit the title:
Ctrl+F to "EDIT HERE: UPDATES".
Scroll a few lines down, until you find the line reading "<h2>Latest updates</h2>".
Change "Latest updates" to say whatever you want. Make sure the text stays inside the <h2>...</h2> tags. For example, if you want the heading to read "My activity", that line of code should read "<h2>My activity</h2>".
To edit updates:
Ctrl+F to "EDIT HERE: UPDATES".
A little under this line, you'll see a template, with the outermost tags reading <div class="update">...</div>. If you're adding a new update, copy this template.
Scroll a few lines down, until you find the line reading "<!-- all updates below this line -->".
Now, for each update, paste the template once over (two updates are present for you to start with), and edit three things:
-> "3-LETTER MONTH HERE": The first three letters of the update month, e.g. "Jan".
-> "2-DIGIT DATE HERE": The two-digit version of the update date, e.g. "01" or "31".
-> "UPDATE TEXT HERE": The actual text that'll show up as the update.
Make sure that all the updates are separate- the starting <div class="update"> and the ending </div> of two updates shouldn't overlap.
Make sure all your updates are above the line reading ""<!-- all updates above this line -->".
Save and make sure things look how you want them to.
Members list
To change the title of the members section:
Ctrl+F to "EDIT HERE: MEMBERS LIST".
Scroll a few lines down, until you find the line reading "<h2>Blog members</h2>".
Change "Blog members" to say whatever you want. Make sure the text stays inside the <h2>...</h2> tags. For example, if you want the heading to read "The gang", that line of code should read "<h2>The gang</h2>".
Scroll further down, until you find the line that reads "<h2>{lang:Group members}</h2>". Again, change this to your chosen title, such as "<h2>The gang</h2>".
The actual members list can be customized in two ways. One, for group blogs, you can have it automatically fetch the blog members' main blog names/titles/icons. To do this, turn on "Members list" and turn off "Custom members list" in the main theme settings.
The other option is to manually add any group members and their icons/links. This will also allow you to add customized names and descriptions for each member. To use this option, turn on BOTH "Members list" and "Custom members list". Then:
Ctrl+F to "EDIT HERE: MEMBERS LIST".
A little under that, you'll see a template with the outermost tags reading <a class="member" href="//BLOGNAME.tumblr.com">...</a>. If you're adding members, copy this template.
Scroll a few lines down, until you find the line reading "<!-- all members below this line -->".
Now, for each member, paste the template (two members are present for you to start with) and edit three things:
-> "BLOGNAME": Next to "href" in the <a> tag, and next to "src" in the <img> tag. Change this to your member's username, such as "starlightthemes".
-> "MEMBER NAME": Takes the place of the username. This will show up in bold at the top.
-> "MEMBER DESCRIPTION": Takes the place of the blog title. This will show up at the bottom.
Make sure that all the members are separate- the starting <a class="member" href="..."> and the ending </a> of two members shouldn't overlap.
Make sure all your members are above the line reading ""<!-- all members above this line -->".
Save and make sure things look how you want them to.
Theme credits: Layout/design/icons by Tumblr, Style My Tooltips by malihu, NPF photosets plugin by codematurgy, dark/light mode toggle by eggdesign, custom audio posts by annasthms, scroll to top script by Fabian Lins
Preview header image from Only Vector Backgrounds.
contained theme with 400px and 500px posts, custom font sizes, a lot of colour options and image wrap within text posts
sidebar with an image (300 x 250), tweet as description and updates tab
popup with an image (260 x 330), up to eight links, weekly schedule and to do list
read my terms of use. please like or reblog if you plan on using!
For help in customizing between the different versions of this theme, please refer to this post.
NOTES: Hi tumblr, it’s literally been five years. I have rebranded and risen from the dead, hence the new blog handle. In the coming months, I hope to develop more themes to share with you all. As always, please reblog or like if you are using, and general theme rules apply. Bonus points if you recognize the song reference in the theme name!
