Ask HN: Dark mode for HN please?

Re:Ask HN: Dark mode for HN please? by zackkrida on Friday May 15, 2020 @11:07PM (#23200138)

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;
  }

} ```

[ Parent | on HN ]

Re:Ask HN: Dark mode for HN please? by doomjunky on Saturday May 16, 2020 @09:56AM (#23203406)

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/

[ Parent | on HN ]

Re:Ask HN: Dark mode for HN please? by zackkrida on Saturday May 16, 2020 @11:59PM (#23209455)

This is nice!

[ Parent | on HN ]

Re:Ask HN: Dark mode for HN please? by deleerium on Friday May 15, 2020 @11:24PM (#23200234)

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?

[ Parent | on HN ]

Re:Ask HN: Dark mode for HN please? by ship_it on Saturday May 16, 2020 @05:43AM (#23201992)

Looks awesome!

[ Parent | on HN ]