Before viewing and using my themes you agree to follow these rules:

  • Please do not remove my credit.
  • You may customize and edit my codes while keeping to the original design.
  • You may not repost my codes or take parts of my codes.
  • Feel free to message me message me if have customization questions or you encounter any problems with one of my codes.

    accept and continue to my themes

    • mercury themes
    a theme blog by freddie-mercurys
    codesrecommendationsresourcestutorials
    Pinned Post
    posted on
    April 2
    with
    22
    notes

  • 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 ✧･ﾟ: *✧･ﾟ:*

    • thank you allcodingcabini'll tag u guys to spread the word :)
    posted on
    March 29

  • Anonymous asked:

    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.

    • answered*iotheme
    posted on
    March 29
    with
    2
    notes
  • echoatze asked:

    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.

    • answered*hydratheme
    posted on
    March 12

  • Anonymous asked:

    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!!

    • answered*darknightsthemetbh i don't have the energy to even try to fix this i'm so sorry guysi'm beyond exhausted most days now and the last thing i wanna do when i get home from work now is sit at my crappy laptop and code stuff
    posted on
    March 1
    with
    1
    notes
  • purplecosmonaut asked:

    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>

    • answered*iotheme
    posted on
    January 19
    with
    320
    notes
  • rstylr

    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]

    • resourcestutorials
    posted on
    January 1
    with
    1
    notes
  • Anonymous asked:

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

  • Thank you dear anon!!

    • happy new year!!
    posted on
    January 1

  • Anonymous asked:

    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 :)

    • answered*iotheme
    posted on
    January 1

  • Anonymous asked:

    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}

    • answered*iotheme
    posted on
    December 4
    with
    2
    notes

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

    • like wtfit's either the script is outdated now or dropbox is being dumb
    m.