3 ms·
I have some styles I use. Screenshots: https://imgur.com/a/WZAaJST https://imgur.com/a/WZAaJST I don't love when dark modes skew blue, so tried to keep it neu
by zackkrida 6y ago
I have some styles I use. Screenshots:
https://imgur.com/a/WZAaJST https://imgur.com/a/WZAaJST
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;
}
}
```
- deleerium 6y agoThe 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 6y agoLooks awesome!
- doomjunky 6y agoPlease 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 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/ https://css-tricks.com/snippets/css/css-triangle/
- zackkrida 6y agoThis is nice!