I made a Steemit Night Mode user style inspired by Poloniex for my first post, with instructions on how to install it.

in #steemit • 7 years ago

Night Mode / Dark Mode for Steemit.com

steemit-night-mode.jpg

Hey Steemers!

I recently found out about Steemit, as part of my new adventure in the exciting world of cryptocurrency trading. I think the whole project is really fantastic, and have never felt more like I was really part of something in the early days of its greatness.

I've been lurking for a little while, and wanted to kick off my participation here by making a small contribution to the community. I'm a big fan of night mode / dark mode wherever it's available, but I couldn't find any options for Steemit.

I've been using Poloinex.com as my primary exchange while I learn about crypto, and their night mode is among the best I've seen; so I used it as inspiration to create one for myself, and for all of you!

For those of you already familiar with Stylish & userstyles.org , or otherwise ready to dive in, here's a link directly to the style:

https://userstyles.org/styles/144149/steemit-night-mode

If the style becomes popular, I'll start a repo or gist on GitHub soon so I can easily accept open source contributions for improvements. I may also need help keeping it up to date as the Steemit.com team makes changes to the underlying markup here.

For anyone who isn't familiar with Stylish, but wants to use the dark style, here are some step-by-step instructions for how to get up & running with Steemit Night Mode and the Stylish extension for Chrome:

1. Get Stylish

get-stylish.png

allow-stylish.png

Click here for the Stylish extension download page.

Click the blue + Add to Chrome button, then make sure you click the Add extension button in the popup that slides down from the address bar.

2. Get Steemit Night Mode from Userstyles.org

stylish-styles.png

You can just click the direct link above if you prefer, but I wanted to give a glimpse of the Stylish extension while we're here. On any site you visit, you can use the extension panel to find & manage styles for all your favorite sites. The link at the bottom of the panel will take you to find more styles for the site, including Steemit Night Mode.

directory-thumb.png

install-style.png

The Stylish extension also allows you to easily toggle user styles on & off as needed, for the inevitable occasions when you encounter glitches; or if you prefer the default, blinding white version of the web during the day... weirdo... :)

3. Let me know if you like it, and how I can make it better. Thanks!

I'm really happy to be here with everyone. Follow me, and let's make it a permanent holiday together!

#howto #tutorial #cryptocurrency
7 years ago in #steemit by
$14.64
  • Promotion Cost $5.00
  • Past Payouts $14.64, 0.00 TRX
  • - Author $11.26, 0.00 TRX
  • - Curators $3.38, 0.00 TRX
Reply 12
Sort:  
  • Trending
    • [-]
     7 years ago (edited)

    Great theme! I love it. I made an edit so I could see the blockquotes better and themed the account menu as well if you would like to include it!

    .Markdown blockquote > p {
     color: rgba(255, 255, 255, 0.6);
}
  
.menu.vertical > li > a {
    color: #59989c;
    background-color: rgb(51, 51, 51);
}
.dropdown-pane {
    border: 1px solid #59989c;
}  
  
.VerticalMenu > li.title {
    padding: 0.4rem;
    font-weight: 700;
    text-align: center;
    background-color: rgb(51, 51, 51);
    border-bottom: 1px solid rgb(89, 152, 156);
}

    Here are some screenshots of the changes as well.
    white blockquote.png
    themed menu.png

    $0.00
      Reply
      Loading...
      [-]
       7 years ago 

      I'm surprised this post has so few votes/replies. Resteeming it for my 20something followers.

      $0.00
        Reply
        [-]
         7 years ago 

        Thank you for resteeming! I think it's because I'm brand new and don't have any followers. I probably could have milked it a little more by engaging people first, but it was a chicken & egg thing -- I needed Night Mode before I could really start participating. :-) I'm all in now, though!

        no-idea.jpg

        $0.00
          Reply
          [-]
           7 years ago 

          Likely. You did promote it so it managed to get out.

          $0.00
            Reply
            [-]
             7 years ago 

            Thanks for sharing this, it looks easy on the eye. I'll have to try it out. I'll resteem it too.

            $0.00
              Reply
              [-]
               7 years ago 

              Thanks! Since I'm browsing Steemit while I also play around on Poloniex with Night Mode, "easy on the eye" was totally my goal. :-)

              $1.54
              • Past Payouts $1.54, 0.00 TRX
              • - Author $1.16, 0.00 TRX
              • - Curators $0.38, 0.00 TRX
              Reply
              [-]
               7 years ago 

              I just found this via Google and had to hunt this post down so me and my eyes could thank you!

              $0.00
                Reply
                [-]
                 7 years ago 

                This is great, but isn't it possible to install a .css which works for all browsers?

                $0.00
                  Reply
                  [-]
                   5 years ago 

                  Congratulations @sethmerrick! You received a personal award!

                  Happy Birthday! - You are on the Steem blockchain for 2 years!

                  You can view your badges on your Steem Board and compare to others on the Steem Ranking

                  Vote for @Steemitboard as a witness to get one more award and increased upvotes!
                  $0.00
                    Reply

                    Coin Marketplace

                    STEEM 0.25
                    TRX 0.11
                    JST 0.032
                    BTC 61830.08
                    ETH 2986.99
                    USDT 1.00
                    SBD 3.73