mercury themes

a theme blog by freddie-mercurys

[mercurythms]

Hi everyone. I feel like this post is a long time coming. 

I’ll be officially archiving this theme blog. I won’t delete it in case anyone wants to download my themes still. I feel like I do not have enough time to upkeep a separate theme blog anymore. I kinda just want a fresh start. 

I will still post themes on my main blog @freddie-mercurys. If you want to send me any asks on old themes please direct them to my main askbox here.

Thank you all for supporting this blog and downloading and using my themes!!!

Luv, Jo ✧･ﾟ: *✧･ﾟ:*

[mercurythms]

howdy! i just installed your io theme and i noticed that you can change the icon names? (etc: archive icon: sun) could you elaborate on that please i'm a bit new to this thanks!

It's in the customization tips of the post for that theme :)

The icon names to use are on this link. You would just simply need to type in the icon name you want and it should automatically change.

[mercurythms]

hi! I'm using your hydra theme and I was just wondering if there's any way to make it so there's endless scrolling/unlimited posts? thanks! xx.

Hi! I never use unlimited scrolling but this base code i used to use has that option.

[mercurythms]

Hello! I downloaded your darknights theme and i scrolled other questions to see you mention how dropbox links for sounds might not work anymore

Do i by any chance have to change any part of the link so i can try something like soundcloud or drive? Thank you!

LMAO I totally forgot about this and never fixed it. I'm not sure. Sorry!!

[mercurythms]

Hello! I'm currently using your Io theme. I really love it! I was wondering if it's possible and how can I replace the custom tumblr controls (follow, message, etc on the top right) in the theme for the default Tumblr controls, please? Thank you.

Hi there! I'm glad you are enjoying the theme! You'll need to delete the icon, the icon styling and then set the controls to 100% opacity and move the margins a bit.

So, first: find and delete

.tmblr-iframe-compact .tmblr-iframe--unified-controls { z-index: 999999!important; margin-right: 3em; margin-top: 10px; opacity: 0; visibility: hidden; transform: scale(0.7); transform-origin: 100% 0; -webkit-transform: scale(0.7); -webkit-transform-origin: 100% 0; -o-transform: scale(0.7); -o-transform-origin: 100% 0; -moz-transform: scale(0.7); -moz-transform-origin: 100% 0; -ms-transform: scale(0.7); -ms-transform-origin: 100% 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } body.controls-click .tmblr-iframe { position: fixed; opacity: 0.6; visibility: visible; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

And replace it with:

.tmblr-iframe-compact .tmblr-iframe--unified-controls { z-index: 999999!important; margin-right: 10px; margin-top: 10px; transform: scale(0.7); transform-origin: 100% 0; -webkit-transform: scale(0.7); -webkit-transform-origin: 100% 0; -o-transform: scale(0.7); -o-transform-origin: 100% 0; -moz-transform: scale(0.7); -moz-transform-origin: 100% 0; -ms-transform: scale(0.7); -ms-transform-origin: 100% 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

And lastly delete these sections

#controls { position: fixed; top: 15px; right: 15px; padding: 0 5px; border-radius: 5px; z-index: 999999; }

<div id="controls"><i class="system-uicons" icon-name="settings" title="click for controls"></i></div>

[mournstera]

A Dark Mode guide - with CSS variables and JS by @rstylr

This guide is aimed to make displaying dark mode more accessible and stable. I had a long talk with a user of one of my themes, who has some eyesight difficulties, I wanted to improve on accessibility in my themes - beginning with a better dark mode experience.

What we want

When selected, dark theme to stay dark when refreshing a page

To prevent default (light) theme from flashing before displaying dark mode when browsing

If a visitor has dark mode on their computer/device, honor their preference and display dark mode with the option to turn on light mode

a snappy transition(!)

[View guide]

[mercurythms]

HAPPY NEW YEAR! thanks for all your themes & help. hope you have a fantastic 2022!

Thank you dear anon!!

[mercurythms]

Hi, this is the previous anon. Sorry, I forgot I had another question to ask. Still about your io theme (I love it btw!), how would I add source for reblogged posts to say "via" and "original source"? Because sometimes its hard to tell on the theme what is a reblog and what is an original post by me. Its not stated on posts or on the posts permalink page. Thank you for answering and for your hard work :D Happy holidays!

Hello! Those are currently not options for this theme as it would probably look too cluttered. But I can direct you to tumblr's documentation page to see how you could add them in :)

[mercurythms]

Hi! I hope you're doing well. I'm using your io theme and I noticed the "previous page"/ back button is on the first page of the theme. How do I make it so the back button appears on every other page except page 1/ first page of theme? Thank you in advance

Hi! You'll want to replace the pagination section of the html with this. Basically just moving the "Next Page" and "Previous Page" blocks so the button only appears when those pages exist :)

{block:Pagination} <div id="page-navigation"> {block:NextPage}<a href="{NextPage}" title="next"><i class="system-uicons" icon-name="chevron right"></i></a>{/block:NextPage} {block:PreviousPage}<a href="{PreviousPage}" title="back"><i class="system-uicons" icon-name="chevron left"></i></a>{/block:PreviousPage} <a href="#" title="back to top"><i class="system-uicons" icon-name="chevron up"></i></a> </div> <article id="mobile-pagination"> {block:PreviousPage}<a href="{PreviousPage}" title="back"><i class="system-uicons" icon-name="chevron left"></i></a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" title="next"><i class="system-uicons" icon-name="chevron right"></i></a>{/block:NextPage} <a href="#" title="back to top"><i class="system-uicons" icon-name="chevron up"></i></a></article> {/block:Pagination}

[mercurythms]

gotta love how my music player on dark nights just decided to quit working

[mercurythms]

I’ve revamped my hydra theme so much that it looks honestly different enough to release as its own theme lol

[glenthemes]

Iconsax icons by vuesax

ICONSAX is an abundant library consisting of over 900 SVG uicons with soft corners. I went through all of them and wrote a lightweight script that allows you to add any icon with just one line of HTML. I’ve also curated a complete icon cheatsheet so you can search for any icons you want to use, and preview them before adding them to your project.

👉🏼 Installation / Usage / Customization 👈🏼

[mercurythms]

Hello, I am using your *iotheme and just let me say it's beautiful crafted. Simple, yet elegant. But during your preview, there is light/dark mode yet when I installed it, it only appeared in light mode. I thought there's an option under "the option" but there's none. Also, when I change the post width to 540px, all the 540px seem normal but the 268px and 177px posts seem blurry. Any idea why?

Hi! Thank you for using my theme! I did not install a light or dark option in that theme. You’d have to pick colors. With the pics though, that’s been an issue with tumblr ever since they changed photo set dimensions years ago.

[mercurythms]

Hi! I've switched to your darknights theme recently and I love it. But it doesn't play any music for me - not even on your preview. When I click it, nothing happens. Any idea why?

I wonder if it's a dropbox issue. I've heard of tumblr themes having issues with dropbox links lately. I haven't changed anything with the code or anything so that's probably it. Might have to look into another site for audio files.

[mercurythms]

Hello! I would love to use your dark nights theme but for some reason none of my posts show up on it. Can't figure out how to fix this problem

Is there a way you could send me a link or screenshot of what you see off anon? I've never encountered this issue before.

Also please note the theme customization menu can be extremely buggy. Sometimes posts won't show in the menu but will appear fine once you save your theme.

[mercurythms]

hi! i love your io-theme, it's so beautiful. thank you so much for submitting it for free use ♥ i do have a question though: is there any way to have them tags visible all the time (instead of clicking on "show tags" under each post)?

Hi! In the theme editor there is a toggle that allows you to hide or show tags. Turn it to the off position to make your tags visible :)

[mercurythms]

hello! im currently using your asteroid theme, it seem to works well at first. after a while i found a very strange issue, some of the images seem to appear like a long post with no spacing instead of a grid photo set post (back then i change the spacing to 3px, and it works, but now it just disappeared). the video post also seem to have the same issue i guess? i hope you can help me w this :( (p/s: english is not my first language sorry!)

Hmm, that sounds like it has something to do with the scripts loading which is something I have no ability to fix :(