NEW Visual Theme for STEEMIT Available NOW for FREE! Check out this sexy blue style I just created for YOU!

in #steemit7 years ago (edited)

Every now and again I like to give something away for free and today I spent several hours making a new visual style for Steemit.com. The visual appearance of Steemit is pretty basic, so I thought it was about time to create something a bit more appealing.

Ureka Blue

As you can see in the following brief demo video, the theme is very blue!

How to use

As with the 2 new colour themes for Steemit that I recently linked you to in my Steemit blog - You just need to install the Styling browser plugin and then install this theme from the userstyles website. Instructions are below:

Ready? Let's get started:

We are going to use the browser plugin and service called 'Stylish' - available at userstyles.

stylish

  1. Install the browser plugin called 'Stylish' in your web browser by searching inside your web browser's add-on area. Firefox and chrome both have areas that you can use to add extensions/add-ons and you can find the area in the browser's main menu.

  2. Visit steemit.com and click on the button for Stylish that has been added to your browser's list of extension icons (usually top-right of the browser). Choose 'Find styles for this site' and you will then see a list of available themes you can use to change the appearance of Steemit.

  3. Choose the 'Steemit - Enhanced Post Reading Toolbar' modification available here: https://userstyles.org/styles/144689/steemit-enhanced-post-reading-toolbar.

  4. Click to install the Mod.

Once installed, you will find that Steemit.com is now displaying the various menus in a new way - Success!

Injoy!

Follow, Upvote, Resteem - @ura-soul

Sort:  

This is awesome bro! It looks clean and professional. Glad to know it's free! Here take my upvote as form of payment instead :)

you are welcome! you actually just helped me fix a bug as i had missed a part which i saw when i viewed your comment! :)

Nice! Glad to be of help kind sir

Man this deserves more than $6, comon!
I'm promoting this :)

Thanks a lot! Yes, I am definitely a bit frustrated by my hard work being ignored! Thanks for supporting :)

Little Hint there:
try using the steemapps and steemtool tag ^^"
Hope I can see you be successful :)

Oh ok, I didn't know about those - very useful, thanks :)

Fantastic work. I KNEW it was only a matter of time till this place became MYSPACE, haha, although I realize, only the user can see his own modifications here, and no one else has to deal with somebody elses animated blinking gifs of care bears wielding automatic weapons and thug life hats.

hehe - thanks! i will at least aim to keep a level of decorum and style when i am destroying steemit's visuals :)

I wish you could join their UI/UX team, and become like... the first apparent member of any semblance of any UI/UX team at steemit.

lol! i actually quite like the functional way they have laid out the site - but it surely needs some heart and passion behind it's styling - i totally agree.

and follower/unfollowed sorting and visual clues. And a real search engine. And a lot of things. Actually.

Sexy blue 😂 You're the best, Nick

wait till you see the unicorn 8D

How neat is this! Thanks for sharing!

You're welcome - i may make some more in the future as some people appear to like unicorns more than blue! ;)

I'm like unicorns but not that much lol

Thanks for this and for giving this place a bit of a face lift!

Wow! I love it! Resteemed!

great, thanks!

I notice when im in the wallet screen, the "$" to the left of the word "wallet" is not highlighted. Only when hovered over. Is this by design or a squashable little bug?

i had some issues with that, yes - what browser are you using?
I intended originally to add a bunch of nice icons for each menu option, but that proved more complicated than i had time for today.. I might just remove the dollar sign until i can do it properly.

firefox on linux

oh ok, that's what i was using to code it. for me, the hover effect does work but there is a fraction of a second delay between the dollar sign being lit up and the rest of the word being lit. i thought that was acceptable but i can understand some might not like it.

Right, on the fraction of a second. However, if you go to the wallet screen first, the behavior is different...

ok, good call. i have removed that dollar sign for now. if you update the style it will now be gone.

@ura-soul thanks for sharing :) Did you script and design this? Nice

you are welcome! yes, I just did it today - it took about 4 hours. now I have the template for re-theming steemit I can make more and it will be a bit easier in future. :)

Wow, that is awesome and very impressive :) I will be using it. You did a great job.

great! thanks for your kind words. if you want anything fixed or have suggestions then just let me know in this thread.

Check out @papa-pepper's post today... He wants to do some things to improve the platform and needs someone with your skills.

oh ok, thanks for the tip - i'll have a look.

Thanks for the great idea. I hope to relax my eyes from this tool.
Great stuff

you are welcome! yes, darker themes are better for the eyes and balance overall. check out the night theme too for a very nice dark theme for eye relaxation.

Coin Marketplace

STEEM 0.20
TRX 0.15
JST 0.029
BTC 64512.68
ETH 2615.54
USDT 1.00
SBD 2.82