Advertisement
TheMichelle

Wikipedia Dark-Mode (b20)

May 25th, 2020 (edited)
2,524
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.17 KB | None | 0 0
  1. /* THIS stylesheet is a basic dark mode for Wikipedia, inspired by many hours of blinding study. Darkmode will make the pages much easier to read, especially when reading for a long duration.
  2. YOU can now download the Wikidark extension for Google Chrome <https://chrome.google.com/webstore/detail/wikidark/lcmpmaacbobambpleeocghndddaimfod>
  3. ALTERNATIVELY you can use a browser extension to enable and apply custom CSS on selected webpages. I currently use MagicCSS for Chrome.
  4. IF YOU find that it needs any adjustments, such as certain areas not appearing correctly, feel free to bother me about it: a.wild.michelle@hotmail.com
  5. THANK YOU.
  6.  
  7. UPDATED 5/27/2020:
  8. Added Logo.
  9. Added Main Page.
  10. Added Talk Page.
  11. Corrected <pre> elements.
  12. Corrected navigation boxes.
  13. Corrected empty table data.
  14. Corrected collapsible tables. */
  15.  
  16. html, body, .navbox-abovebelow, .outercollapse, .searchboxInput, .vertical-navbox div, .vertical-navbox, #centralized-discussion-label, .module-shortcutboxplain, .plainlinks, .mp-h2, .itn-special, #mp-lower, #mp-right, #mp-left, #mp-topbanner, #content, #mw-head, #mw-panel,.infobox,table,tr,td, ul, a,.thumbinner,.toc, #catlinks,.navbox, th,#searchInput,.mwe-popups,#mwe-popups-settings {
  17.     background-color:#222 !important;
  18. }
  19.  
  20. p, ul, li, h1, h2, h3, h4, h5, tr, dl, b, abbr, .navbox-title span,.vertical-navbox div span, .infobox, .tfa-recent, #mp-topbanner,.thumb, .tocnumber, #mwe-popups-settings * {
  21.     color:#ccc !important;
  22. }
  23. pre { background-color:#999; }
  24.  
  25. .hatnote {
  26.     color:#999 !important;
  27.     font-weight: bold;
  28. }
  29.  
  30. #mw-head-base { border-bottom:1px solid; }
  31.  
  32. a, label {
  33.     color:#d9d !important;
  34. }
  35.  
  36. a:visited {
  37.     color:#c7c !important;
  38. }
  39.  
  40. .thumbinner {
  41.     border:none !important;
  42. }
  43.  
  44. img { filter: brightness(90%) }
  45.  
  46. .toclevel-1, .toclevel-2 {
  47.   list-style: none !important;
  48. }
  49.  
  50. li:not(.toclevel-1)::before {
  51.   content: "\2022";
  52.   color: #eee;
  53.   display: inline-block;
  54.   width: 1em;
  55.   margin-left: -1em;
  56. }
  57.  
  58. .mwe-popups-overlay {
  59.     background-color:rgba(33,33,33,.75);
  60. }
  61.  
  62. .mwe-popups {
  63.     border:1px solid #ccc;
  64. }
  65.  
  66. .mw-wiki-logo {
  67.     background-image: url('https://i.imgur.com/4DYX2lY.png');
  68. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement