☰

Dark Mode For QQ

5/8/2024, 02:40 PM EST

Fra 08.05.2024. Se den seneste versjonen.

  1. // ==UserScript==
  2. // @name        Dark Mode For QQ
  3. // @namespace   Violentmonkey Scripts
  4. // @match       https://forum.questionablequesting.com/*
  5. // @grant       GM_addStyle
  6. // @version     1.1
  7. // @author      Jaoheah
  8. // @description 5/8/2024, 02:40 PM EST
  9. // @license GNU GPLv3 
  10. // ==/UserScript==
  11.  
  12. (function() {
  13.   let css = "";
  14.   if (location.href.startsWith("https://forum.questionablequesting.com")) {
  15.     css += `
  16.  
  17. html.style-dark .block--messages .message,
  18. html.style-dark .block--messages .block-row,
  19. html.style-dark .block-container {
  20.     color: #E6E6E6 !important;
  21. }
  22.  
  23. html.style-dark article.message-body a.link:is(:link, :visited, :hover, :active) {
  24.     color: lightblue;
  25. }
  26.  
  27. html.style-dark article.message-body a.link.link--external:visited {
  28.     color: blueviolet;
  29. }
  30.  
  31. html.style-dark article.message-body a.username {
  32.     color: dodgerblue;
  33. }
  34.  
  35. .p-navSticky {
  36.     position: static !important;
  37. }
  38.  
  39. .p-nav-smallLogo img {
  40.     max-height: unset;
  41. }
  42.  
  43.  
  44. .menu.menu--medium {
  45.     width: 500px;
  46. }
  47.  
  48.  
  49. html.style-dark #top {
  50.     background-color: #000000;
  51. }
  52.  
  53. html.style-dark .block--messages article.message {
  54.     background-color: #000000;
  55. }
  56.  
  57. html.style-dark .block--messages article.message .bbCodeBlock {
  58.     background-color: #000000;
  59. }
  60.  
  61. html.style-dark .message-cell.message-cell--user {
  62.     background-color: #000000;
  63. }
  64.  
  65. html.style-dark .message-header .message-attribution {
  66.     background-color: #000000;
  67.     border-top-color: #000000;
  68. }
  69.  
  70. html.style-dark .message .reactionsBar {
  71.      background-color: #000000;
  72. }
  73.  
  74. html.style-dark .bbCodeBlock-title {
  75.     background-color: #000000;
  76. }
  77.  
  78. .p-nav {
  79.     background-color: #000000;
  80. }
  81.  
  82. html.style-dark .menu-header {
  83.     background-color: #000000;
  84. }
  85.  
  86. html.style-dark .menu-content .js-alertsMenuBody .alert.is-unread, .alert-list .alert.is-unread  {
  87.     background-color: #000000;
  88. }
  89.  
  90. html.style-dark .menu-footer.menu-footer--split .menu-footer-main {
  91.     background-color: #000000;
  92. }
  93.  
  94. html.style-dark .block-container {
  95.     background-color: #000000;
  96. }
  97.  
  98. html.style-dark .block-filterBar {
  99.     background-color: #000000;
  100.     border-top-color: #000000;
  101. }
  102.  
  103. .p-body-pageContent .block .block-minorHeader {
  104.     background-color: #000000;
  105.     border-top-color: #000000;
  106. }
  107.  
  108. html.style-dark .block--category .block-header-wrapper .block-header {
  109.     background-color: #000000;
  110.     border-top-color: #000000;
  111. }
  112.  
  113. .p-body-sidebar .block .block-minorHeader {
  114.     background-color: #000000;
  115.     border-top-color: #000000;
  116. }
  117.  
  118. .p-body-sidebar .block .block-container {
  119.     background-color: #000000;
  120. }
  121.  
  122. html.style-dark .block-footer {
  123.     background-color: #000000;
  124. }
  125.  
  126. html.style-dark .block-header {
  127.     background-color: #000000;
  128.     border-top-color: #000000;
  129. }
  130.  
  131. html.style-dark .tabs--standalone {
  132.     background-color: #000000;
  133. }
  134.  
  135. html.style-dark .message-responseRow {
  136.     background-color: #000000;
  137. }
  138.  
  139. html.style-dark .block-minorHeader {
  140.     background-color: #000000;
  141. }
  142.  
  143. .p-body-sidebar .block .block-minorHeader, .p-body-sideNavContent .block .block-minorHeader {
  144.     background-color: #000000;
  145.     border-top-color: #000000;
  146. }
  147.  
  148. html.style-dark .block-body {
  149.     background-color: #000000;
  150. }
  151.  
  152. html.style-dark .block--messages .message-cell--threadmark-footer {
  153.     background-color: #000000
  154. }
  155.  
  156. html.style-dark .block--messages .message-cell--threadmark-header {
  157.     background-color: #000000
  158. }
  159.  
  160. html.style-dark .block-tabHeader {
  161.     background-color: #000000
  162. }
  163.     `;
  164.   }
  165.   GM_addStyle(css);
  166.  
  167. })();