Comment by zackkrida

5 years ago

I have some styles I use. Screenshots:

I don't love when dark modes skew blue, so tried to keep it neutral with blacks and greys

``` @media (prefers-color-scheme:dark) { body { background-color: #2a2b2e; } #hnmain { background-color: rgb(32, 33, 36); }

  a:link, .hnmore a:link, a:visited, td, .c00, .c00 a:link {
    color: #e8eaed;
  }
  .subtext, .comhead a:link, .subtext a:visited, span.subtext a:link, .subtext a:visited {
    color: #9aa0a6;
  }

} ```

4 comments

zackkrida

doomjunky 5 years ago

Please have a look. I shut my windows and turned off the light for this exercise. Just added a tick more warmth. https://imgur.com/a/t1aQaDv

    #ffffff // info white
    #d9d9d9 // text white
    #282828 // background gray
    #222222 // the other background gray
    #ff6600 // HN orange

(Notice how beautiful regular this hexes are looking.)

Source for a CSS simlpe arrow https://css-tricks.com/snippets/css/css-triangle/

zackkrida 5 years ago

This is nice!

deleerium 5 years ago

The colors here on HN skew warm. Was wondering if anyone felt that way.

I like this scheme quite a bit. The white text on the orange bar is the only part I struggle with.

Why do you prefer neutral schemes?

ship_it 5 years ago

Looks awesome!