☰

Darker ExHentai

Dark css for exhentai + Better Gallery Viewer

  1. /* ==UserStyle==
  2. @name         Darker ExHentai
  3. @description  Dark css for exhentai + Better Gallery Viewer
  4. @version      0.0.1
  5. @namespace https://greasyfork.org/users/707017
  6. ==/UserStyle== */
  7.  
  8.  @-moz-document domain("exhentai.org"){
  9. /* Main Colors */
  10. :root {
  11.     --Text-Color: #acacac;
  12.     --Background-darker: #000;
  13.     --Background-dark: #1a1a1a;
  14.     --Background-light: #121212;
  15.     --Background-lighter: #262626;
  16. }
  17.  
  18. /* Main Background color */
  19. body {
  20.     background: var(--Background-darker);
  21. }
  22. /* Browsing page */
  23. .gld {
  24.     border: none;
  25. }
  26. div.ido {
  27.     background: var(--Background-lighter);
  28. }
  29. div.itg {
  30.     border: 1px solid #000;
  31. }
  32. .gl1t:nth-child(2n+1), .gl1t:nth-child(2n+2) {
  33.     background: #00000029;
  34. }
  35.  
  36. /* TEXT */
  37. body {
  38.     font-size: 8pt;
  39.     font-family: arial,helvetica,sans-serif;
  40.     color: var(--Text-Color);
  41. }
  42.  
  43.  
  44.  
  45.  
  46. /* Titles*/
  47. div.gm,div#gd2 {
  48.     background: var(--Background-darker);
  49. }
  50. div#gmid {
  51.     background: var(--Background-light);
  52. }
  53.  
  54.  
  55. /* Tags : Language - Artist - Misc */
  56. div.gt {
  57.     border-radius: 4px;
  58.     border: 1px solid #000;
  59.     background: #422d2d;
  60. }
  61. /* Tags : Parody - Female - Male */
  62. div.gtw {
  63.     border-radius: 4px;
  64.     border: 1px solid #000;
  65.     background: #592626;
  66. }
  67.  
  68. /* Gallery */
  69. div#gdt {
  70.     background: var(--Background-light);
  71.     border: 1px solid var(--Background-lighter);
  72.     text-align: left;
  73.     min-width: 720px;
  74.     max-width: 1200px;
  75.     margin: 0 auto;
  76.     clear: both;
  77.     padding: 5px;
  78.     
  79. }
  80.  
  81. /* Image Viewer */
  82. div.sni {
  83.     background: var(--Background-light);
  84.     border: 1px solid #000000;
  85.     text-align: center;
  86.     margin: 0px auto 0px;
  87.     padding: 0 0px 0px;
  88. }
  89. div.sni img{
  90.     max-height: 100vh !important;
  91.     width: auto !important;
  92.     margin: 0px auto 0px;
  93.     padding: 0 0px 0px;
  94. }
  95.  
  96. /* side nav */
  97. div#i4{
  98.     display:none;
  99. }
  100. Div#i2{
  101.     position:fixed !important;
  102.     top:10px !important;
  103.     left: 50%;
  104. }
  105.  
  106. div.sb{
  107.     position:fixed;
  108.     bottom:5px;
  109.     left: 50%;
  110. }
  111. /* bottom image viewer downloads and other misc things */
  112. div.if, div.dp{
  113.     display:none;
  114. }
  115.  
  116. div.sni h1{
  117.     display:none;
  118. }
  119.  
  120.  
  121. /* width */
  122. ::-webkit-scrollbar {
  123.   width: 2px;
  124.   height: 0px;
  125. }
  126.  
  127. /* Track */
  128. ::-webkit-scrollbar-track {
  129.   background: #0000; 
  130. }
  131.  
  132. /* Handle */
  133. ::-webkit-scrollbar-thumb {
  134.   background: #131313;
  135. }
  136. /* Handle on hover */
  137. ::-webkit-scrollbar-thumb:hover {
  138.   background: #aaaaaa; 
  139. }}