☰

Sleazy Fork is available in English.

Dark Mode For QQ

5/10/2024, 8:55 PM ET

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