☰

Another One Universal Dark Theme(User Style)

changes all web-site theme to dark

  1. /* ==UserStyle==
  2. @name Another One Universal Dark Theme(User Style)
  3. @description changes all web-site theme to dark
  4. @author NotYou
  5. @namespace -
  6. @version 0.2
  7. @license GPLv3
  8. @license-link https://www.gnu.org/licenses/gpl-3.0.txt
  9. ==/UserStyle== */
  10.  
  11. /*
  12.  
  13. ﹀ Change Log ﹀
  14.  
  15. 0.2 Verison:
  16. - Greasy Fork Styles
  17. - Added Selection Style
  18. - Better *CONTENT* CSS
  19.  
  20. */
  21.  
  22. /* GREASY FORK */
  23.  
  24. .text-content ,#main-header, #user-script-list, #user-deleted-script-list, .list-option-group ul, .list-option-group a:focus, .list-option-group a:hover {
  25. box-shadow: rgb(15, 15, 15) 0px 0px 5px !important;
  26. border: 1px solid rgb(19, 19, 19) !important;
  27. background: rgb(22, 22, 22) !important;
  28. }
  29.  
  30. .list-option {
  31. background: rgb(22, 22, 22) !important;
  32. }
  33.  
  34. .script-list li:not(.ad-entry) {
  35. border-bottom: 1px solid rgb(36, 36, 36);
  36. }
  37.  
  38. .badge-css {
  39. background-color: rgb(37, 75, 221);
  40. color: rgb(255, 255, 255) !important;
  41. }
  42.  
  43. .badge-js {
  44. background-color: rgb(239, 216, 29);
  45. color: rgb(0, 0, 0) !important;
  46. }
  47.  
  48. /* MAIN */
  49. html, body {
  50. background: rgb(19, 19, 19) !important;
  51. }
  52.  
  53. ::selection {
  54. background: rgba(0, 0, 0, 0.6) !important;
  55. color: rgb(191, 191, 191) !important;
  56. }
  57.  
  58. /* HEADING */
  59. header, #header, .header, nav, .nav, .navbar, .navigation {
  60. background: rgb(22, 22, 22) !important;
  61. }
  62.  
  63. /* CONTENT */
  64. input, output, label, button, form, textarea, fieldset, select, option {
  65. box-shadow: rgb(15, 15, 15) 0px 0px 5px !important;
  66. border: 1px solid rgb(24, 24, 24 ) !important;
  67. background-color: rgb(20, 20, 20) !important;
  68. color: rgb(181, 181, 181) !important;
  69. border-radius: 2px;
  70. }
  71.  
  72. code {
  73. background-color: rgb(19, 19, 19) !important;
  74. }
  75.  
  76. #content, .content, h1, h2, h3, h4, h5, h6, span, sub, sup, i, b, u, s, q, dl, dd, dt, em, ol, li, ul, table, tbody, thead, tr, th, pre, div, detials, summary, main, small, big, strong, time {
  77. color: rgb(164, 139, 139) !important;
  78. }
  79.  
  80. div, li, ul, ol {
  81. background-color: rgb(22, 22, 22) !important;
  82. }
  83.  
  84. p {
  85. color: rgb(181, 181, 181) !important;
  86. }
  87.  
  88. a {
  89. color: rgb(52, 116, 172) !important;
  90. }
  91.  
  92. a:visited {
  93. color: rgb(58, 136, 204) !important;
  94. }
  95.  
  96. svg {
  97. fill: rgb(191, 191, 191) !important;
  98. }
  99.  
  100. img {
  101. border-radius: 2px;
  102. }
  103.  
  104. tr, td {
  105. background-color: rgb(40, 40, 40)!important;
  106. }
  107.  
  108. /* FOOTER */
  109. footer, #footer, .footer {
  110. background-color: rgb(22, 22, 22) !important;
  111. }