Advertisement
Guest User

8chan Black Theme CSS

a guest
Dec 6th, 2022
42
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.71 KB | None | 0 0
  1. /* 8chan Black Theme */
  2. :root {
  3.     --selection-color: #2b2b2b ;
  4.     --name-color: #22593d;
  5.     --spoiler-color: #3e3e3e;
  6.     --greenText-color: #4e7334;
  7.     --pinkText-color: #866479;
  8.     --echoText-color: #393998;
  9.     --background-color: #000;
  10.     --background-gradient: var(--background-color);
  11.     --text-color: #646464;
  12.     --contrast-color: #111;
  13.     --menu-color: #000;
  14.     --background-highlight-color: #111;
  15.     --horizon-sep-color: #000;
  16.     --border-color: #111;
  17.     --marked-color: #1c1c1c;
  18.     --marked-border-color: #111;
  19.  
  20.     --board-title-color: inherit;
  21.     /*--board-shadow-color: inherit;*/
  22.     --index-text-color: var(--text-color);
  23.  
  24.     --link-color: #2f4f6c;
  25.     --link-hover-color: #497193;
  26.  
  27.     --navbar-text-color: var(--horizon-sep-color);
  28.     --table-every-other-color: var(--contrast-color);
  29.     /*--button-color: #fed;*/
  30.     --sfw-indicator-color: navy;
  31.     --subject-color: #6b2420;
  32.  
  33.     --thread-navbar-background: #111;
  34.     --thread-navbar-color: var(--text-color);
  35.  
  36.     --logo-image: url("/.static/logo/logo_blue_light.png");
  37. }
  38. .quoteLink {
  39.   color: var(--link-color);
  40. }
  41.  
  42. .quoteLink:hover {
  43.   color: var(--link-hover-color);
  44. }
  45.  
  46. code {
  47.     background-color: rgba(0,0,0,0.15);
  48. }
  49.  
  50. .modalTableBody input[type="text"], .modalTableBody select,
  51. #themeSelector,
  52. #modalAnswer,
  53. #cssInput, #jsInput,
  54. #postingForm input[type="text"], #postingForm textarea,
  55. #quick-reply input[type="text"], #quick-reply textarea {
  56.   color: var(--text-color);
  57.   background-color: var(--background-color);
  58. }
  59.  
  60. #themeSelector {
  61.   border-color: var(--navbar-text-color);
  62. }
  63.  
  64. /* Other Colors */
  65. #divTools > label > select > option {color:var(--text-color); background:var(--contrast-color);}
  66. ::selection {background: var(--selection-color);}
  67. input[type="checkbox"] {filter: invert(100%); filter: grayscale(100%); opacity: 0.2;}
  68. input, select, select > option {color:var(--text-color)!important; background:var(--contrast-color)!important; border:none !important;}
  69. select {-webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: '';}
  70. .labelId {color: var(--background-color); text-shadow:none ; opacity: 0.6; border: none ; border-radius:0px ; padding:2px 10px ;}
  71. .echoText {color: var(--echoText-color); background: var(--text-color);}
  72. .redText {color: var(--subject-color);}
  73. .doomText {color: var(--subject-color);}
  74. .greenText {color: var(--greenText-color);}
  75. .slopedText {background: var(--subject-color);}
  76. .pinkText {color: var(--pinkText-color);}
  77. .noEmailName {color: var(--name-color);}
  78. .spoiler:hover {color: var(--spoiler-color);}
  79.  
  80. /* Disclaimer Page */
  81. html.idc0_340, html.idc0_341,  html.idc0_342,  html.idc0_343,  html.idc0_344,
  82. html.idc0_345, html.idc0_346,  html.idc0_347,  html.idc0_348,  html.idc0_349
  83. {background:#000; color:#646464;}
Tags: CSS theme 8chan
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement