Guest User

Hacker News Proposed Dark Mode Patch - 20230615

a guest
Jun 15th, 2023
394
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.72 KB | None | 0 0
  1. diff --git a/news.css b/news.css
  2. index 6bc5971..3ceb952 100644
  3. --- a/news.css
  4. +++ b/news.css
  5. @@ -93,6 +93,48 @@ table.padtab td { padding:0px 10px }
  6. -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=-1, DX=0, DY=0, SizingMethod='auto expand')";
  7. }
  8.  
  9. +/* dark mode */
  10. +@media (prefers-color-scheme: dark) {
  11. + body { background-color: #000000; color:#d4d4d4; }
  12. + td { color:#d4d4d4; }
  13. +
  14. + #hnmain { background-color: #1a1a1a; }
  15. +
  16. + .admin td { color:#ffffff; }
  17. + .subtext td { color:#d4d4d4; }
  18. +
  19. + a:link { color:#ffffff; }
  20. + a:visited { color:#d4d4d4; }
  21. +
  22. + .default { color:#d4d4d4; }
  23. + .admin { color:#ffffff; }
  24. + .title { color:#d4d4d4; }
  25. + .subtext { color:#d4d4d4; }
  26. + .yclinks { color:#d4d4d4; }
  27. + .pagetop { color:#dddddd; }
  28. + .comhead { color:#d4d4d4; }
  29. +
  30. + .c00, .c00 a:link { color:#ffffff; }
  31. + .c5a, .c5a a:link, .c5a a:visited { color:#a5a5a5; }
  32. + .c73, .c73 a:link, .c73 a:visited { color:#8c8c8c; }
  33. + .c82, .c82 a:link, .c82 a:visited { color:#d4d4d4; }
  34. + .c88, .c88 a:link, .c88 a:visited { color:#777777; }
  35. + .c9c, .c9c a:link, .c9c a:visited { color:#636363; }
  36. + .cae, .cae a:link, .cae a:visited { color:#515151; }
  37. + .cbe, .cbe a:link, .cbe a:visited { color:#414141; }
  38. + .cce, .cce a:link, .cce a:visited { color:#313131; }
  39. + .cdd, .cdd a:link, .cdd a:visited { color:#222222; }
  40. +
  41. + .pagetop a:visited { color:#ffffff;}
  42. + .topsel a:link, .topsel a:visited { color:#000000; }
  43. +
  44. + .subtext a:link, .subtext a:visited { color:#d4d4d4; }
  45. +
  46. + .comhead a:link, .subtext a:visited { color:#d4d4d4; }
  47. +
  48. + .hnmore a:link, a:visited { color:#d4d4d4; }
  49. +}
  50. +
  51. /* mobile device */
  52. @media only screen
  53. and (min-width : 300px)
  54.  
Advertisement
Add Comment
Please, Sign In to add comment