Magnesium is a theme for the lovers of angled corners, blocky styles, and neatly constructed layouts; plus a flashy sidebar design.

Tutorials

This page provides an overview of all customisation options. For step-by-step help on how to customise specific elements of the theme, please see the tutorials below:

• Tutorial: Adding Custom Links & Pages

Features

OVERALL

• Minimalist, clean design, that emphasises post legibility.
• Choose two accent colours that are seen throughout the theme, along with two additional “text on accent” colours that complement them well.
• Customised scrollbar, text highlight, hover tooltips. You can edit the bold, italic, and linked text formatting.

SIDEBAR

• Futuristic and clean vibes.
• Your uploaded sidebar image will be automatically cropped and fit to the space (200px width, 240px height).
• Icon navigation for index, ask, archives.
• Choose a custom ‘sticker’ that overlays your sidebar image — just get the icon name from your favourite cappuccicon (by suiomi) and fill in the ‘Sidebar sticker icon name’ field.
• Unlimited custom links (built-in custom links, see tutorial here).
• Sleek ‘sticky note’ look for your blog title and description. Your description scrolls if it gets too long.
• Search bar included.
• Jump pagination for easy blog digging.

POSTS & CONTENT

• Unique post styling for all post types. Supports NPF.
• Sticky post header shows who you reblogged the post from and its source, along with post actions (like, reblog, permalink). The permalink icon can be customised.
• Pinned post sticker label (see the Howl’s Moving Castle gif post at index / the first post on the blog’s first page).
• Visible tags on index. They will be truncated if too long, but hovering shows the full tag. You can also choose to hide your tags on index.
• NPF support!
• Styled headers for tag pages and search pages.

Theme Options

IMAGE OPTIONS

• Custom favison image: The lil’ icon that goes into your browser tab. If you upload a custom favicon here, you need to toggle the “Custom Favicon” option below.
• Sidebar: Sidebar image, 200px by 240px, but any images that does not fit these dimensions will be auto-cropped and centered.

ON/OFF TOGGLES (Selected options in brackets)

• Custom Favicon (off): Turn on if you want to upload your own custom favicon.
• Show Tags on Index (on): When on, tags are visible at the bottom of posts. Tags are always visible on permalink pages.

SELECTION OPTIONS (selected options in this preview indicated by an asterisk*)

• Tumblr controls colour: White / Grey / Black
• Main font: Karla* / Ubuntu / Nunito / Oxygen / Poppins / Roboto / Yaldevi
• Post size: 500* / 400 / 700
• Photoset grid gap: 0px / 3px* / 5px / 10px
• Photo lightbox: Light* / Dark
• Numbered list style: i, ii, iii* / 1, 2, 3 / a, b, c / あ, い, う
• Permalink icon: Bookmark* / Paper plane / Link / Folder / Pencil / Plus / Add
• Permalink time format: 2 days ago* / 15 July 2024 / 15 Jul 2024 + 14:59 / Monday (14:59) / 15/07/24 + 14:59
• Permalink Time Format: 8 November 2006* / 3 hours ago / Wednesday
• Note count format: 12,392 notes / 12392 %* / 12.3k

TEXT OPTIONS

• Browser tab title: The name of the browser tab.
• Sidebar image text: The text that goes above your sidebar image.
• Sidebar sticker icon name: The icon name of the cappuccicons icon you like best, which will apear as a semi-transparent sticker over the bottom right of your sidebar. By default, it is a fire icon.
• Custom links section title: The title of the header over your custom links. By default, it says ‘NAVIGATE’.
• Custom note counter: Only relevant if you have selected the second option “12392 %” of the [Note count format] option. You can replace “ %” with any custom counter you would like to use.

Credits

• Sidebar image art by me @xuekoi
• Feather icons by Cole Bemis
• cappuccicons by suiomi
• style-my-tooltips by malihu
• photosets.css by annasthms & eggdesign
• customaudio.js by annasthms
• shorten note count by shythemes
• npf audio player, NPF images fix v3.0 by glenthemes