From Coral Goose, 1 Year ago, written in Plain Text.
Embed
  1. /* body background and text color */
  2.   html { background-color: #1a1a1a; }
  3.   body { background-color: #1a1a1a; background: #1a1a1a; color: #b2b2b2; padding: 0 10% 0;}
  4.  
  5.   /* links colors */
  6.   a:link { color: #4285f4 !important; }
  7.   a:link:hover { color: #2e5daa !important; }
  8.  
  9.   /* general changes */
  10. :root.yotsuba-b.catalog-hover-expand .catalog-container:hover > .post, :root.yotsuba.catalog-hover-expand .catalog-container:hover > .post { background-color: #1f1f1f; }
  11.   .navLinks { padding-bottom: 8px; color: transparent; }
  12.   div.navLinks.desktop a { font-weight: 600; border-bottom: solid 2px #4285f4 !important; padding-bottom: 2px; color: #b2b2b2 !important; }
  13. #ctrl-top a, #blotter tfoot tr td a, #togglePostFormLink a, #navtopright a, #navbotright a, .replylink { border-bottom: solid 2px #4285f4 !important; }
  14. #ctrl-top, #blotter tfoot tr td, #togglePostFormLink, #navtopright, #navbotright, .postInfo span { color: #1a1a1a; }
  15. .postInfo .dateTime { color: #b2b2b2 !important; }
  16.   div.navLinks.desktop a:hover { border-bottom: solid 2px #2e5daa !important; color: white !important; }
  17.   :root.fixed:not(.centered-links) #header-bar, html { border-top: 3px solid #498152 !important; }
  18.   a img { border: none; }
  19.   hr { color: #63eaaf !important; background-color: #63eaaf !important; border: none; border-top: 1px solid black; }
  20.   li { color: #b2b2b2; }
  21.   * { border: none !important; }
  22.   input { border: 1px solid black !important; }
  23.   input:hover { background-color: #191919; }
  24.   button { border: 1px solid black !important; background-color: #1f1f1f; color: #b2b2b2; }
  25.   button:hover { background-color: #1a1a1a; }
  26.   .error { color: #ff1919; }
  27.   .button { color: #4285f4 !important; }
  28.   .button:hover { color: #2e5daa !important; }
  29.   h2 { background-color: #1f1f1f; }
  30.   .plus { background-color: #191919; }
  31.   .plus:hover { background-color: #1a1a1a; }
  32.   .left-box .boxbar, .right-box .boxbar { background: black; }
  33.   .stripe-button-el:disabled span { background-color: #1f1f1f; box-shadow: none; color: #b2b2b2; text-shadow: none; }
  34.   input[type="text"] { background-color: #1f1f1f; color: #b2b2b2; }
  35.   input { background-color: #1f1f1f; color: #b2b2b2; }
  36.   #theme-css { background-color: #191919; color: #b2b2b2; }
  37.   kbd { color: black; }
  38.   #quickReply textarea, #postForm textarea { background-color: #1f1f1f; color: #b2b2b2; border: none; }
  39.   #customCSSMenu textarea  { background-color: #1f1f1f; color: #b2b2b2; }
  40.  
  41.  
  42.   /* "What is 4chan?" box */
  43.   #announce { background: #191919; }  
  44.   #announce p { color: #b2b2b2; }
  45.   #announce .boxbar { background: black; }
  46.  
  47.   /* front page boxes */
  48.   .boxbar { background: black; color: #b2b2b2; }
  49.   .boxbar h2 { color: white; }
  50.   .box-inner { background: #191919; }
  51.   .box-outer { border: none; margin-bottom: none; padding-bottom: 0px; }
  52.  
  53.   /* boards box */
  54.   .content h3 { background: black; border: none; color: #b2b2b2; font-size: 116%; padding: .5em; }
  55.   .content { color: #b2b2b2; }
  56.   .boxcontent { color: #b2b2b2; }
  57.   dt, dt.first { color: #63eaaf; }
  58.   .boxcontent dd { border-bottom: solid #63eaaf 1px; }
  59.   .boxcontent > ul { color: #63eaaf; }
  60.   .boxcontent h3 a { color: #63eaaf; }
  61.  
  62.   /* popular threads images */
  63.   .c-thread img { border: none; }
  64.  
  65.   /* disclaimer dialog box */
  66.   #disclaimer-dialog .hd { border: none; padding: 0; padding-left: .5em; line-height: 2em; background: black; background-color: #1f1f1f; color: #fff; position: relative; }
  67.   #disclaimer-dialog { border: none; text-align: left; position: absolute; margin: auto; width: 300px; box-shadow: 2px 2px 0px 1px rgba(0,0,0,0.10); background: #191919; background-color: #191919; left: 50%; margin-left: -151px; }
  68.  
  69.   /* filter and options buttons */
  70.   #filter-btn:hover, #opts-btn:hover { color: #2e5daa; }
  71.   /* filter and options dropdown menu */
  72.   #fp-menu { background-color: #1f1f1f; }
  73.   #fp-menu li:hover { background-color: #1a1a1a !important; }
  74.  
  75.   /* front page footer */
  76.   #ft ul { background-color: #1a1a1a; border: none; }
  77.   #ft li { background-color: #191919; border: none; }
  78.   #ft li a { color: #4285f4; }
  79.   #ft li a:hover { color: #2e5daa; }
  80.   #ft li.current, #ft li.fill { background: #1a1a1a; border: none; }
  81.   #ft li.first { border: none; }
  82.   footer li { background-color: #191919; border: none; }  
  83.   footer li:first-child { border: none; }
  84.   footer { border: none; }
  85.   #entries { background-color: #191919; color: #b2b2b2; }
  86.   #entries td { border: 1px solid black; }
  87.   #entries th { background-color: #1f1f1f; border: 1px solid black; }
  88.  
  89.   /* blotter */
  90.   .redtxt { color: #006666; }
  91.   #entries .col-msg { border-left: 1px solid black !important; }
  92.   #entries tr { border-bottom: 1px solid black !important; }
  93.   #entries #msg-1 { border-bottom: none !important; }
  94.  
  95.       /*---------------------------*/
  96.      /* END OF CSS FOR FRONT PAGE */
  97.     /*---------------------------*/
  98.  
  99.       /*-------------------------*/
  100.      /* START OF CSS FOR BOARDS */
  101.     /*-------------------------*/
  102.  
  103.   /* banner */
  104.   div.boardBanner { color: #006666; }
  105.   #bannerCnt { border: 1px solid black; }  
  106.  
  107.   /* global warning */
  108.   .globalMessage { color: #00b3b3; }
  109.   #globalMessage { color: #00b3b3; }
  110.  
  111.   /* start a new thread */
  112.   table.postForm > tbody > tr > td:first-child { background-color: #1f1f1f; color: #b2b2b2; }
  113.   table.postForm > tbody textarea, table.postForm > tbody > tr > td > input[type="text"] { border: 1px solid black !important; }
  114.  
  115.   /* post info */
  116.   div.post div.postInfo span.postNum a { color: #b2b2b2 !important; }
  117.   div.post div.postInfo span.postNum a:hover { color: #2e5daa !important; }
  118.   div.post div.postInfo span.nameBlock span.name { color: #00b3b3; }
  119.   div.post div.postInfo span.subject { color: #006666; }
  120.   div.post div.postInfo span a.replylink { color: #4285f4 !important; }
  121.   span.capcodeMod strong.capcode, .nameBlock.capcodeMod span.name { color: white !important; }
  122.  
  123.   /* post menu */
  124.   .dd-menu li { background-color: #1f1f1f; }
  125.   .dd-menu li:hover { background-color: #191919; }
  126.  
  127.   /* post style */
  128.   div.reply { background-color: #1f1f1f; border: none !important; }
  129.   .reply:target, .reply.highlight { background: #191919 !important; border: none !important; background-color: #191919; }
  130.   a.replylink:not(:hover) { color: #4285f4 !important; }
  131.   s { color: #b2b2b2 !important; background-color: #b2b2b2 !important; }
  132.   s:hover { color: #fff !important; background-color: #111 !important; }
  133.  
  134.   /* post style hover */
  135.   #quote-preview:not(.ws) { background-color: black !important; border: 1px solid #191919 !important; } /* big up to Babkock */
  136.   #post-preview { background-color: black !important; border: 1px solid !important; } /* big up to Babkock */
  137.  
  138.   /* start a new thread */
  139.   table.postForm > tbody > tr > td:first-child { background-color: #1f1f1f; color: #b2b2b2; border: 1px solid #b2b2b2; }
  140.   postForm tbody tr { border: 1px solid black; }
  141.  
  142.   /* catalog filter */
  143.   .panel { box-shadow: 0 0 5px grey; background-color: #1f1f1f; }
  144.  
  145.   /* archive */
  146.   #arc-list .quotelink { color: #4285f4 !important; }
  147.   #arc-list .quotelink:hover { color: #2e5daa !important; }
  148.  
  149.   /* page list */
  150.   div.pagelist { background: black; border: none; }
  151.   div.pagelist div.cataloglink { border: none; }
  152.   div.pagelist { color: #b2b2b2; }
  153.   .burichan_new .backlink a, .yotsuba_b_new .backlink a { color: #4285f4 !important; }
  154.   .burichan_new .backlink a:hover, .yotsuba_b_new .backlink a:hover { color: #2e5daa !important; }
  155.  
  156.   /* footer */
  157.   div#absbot { color: #b2b2b2; }
  158.   div#absbot a:not(:hover) { color: #4285f4 !important; }
  159.  
  160.   /* boards */
  161.   div#boardNavDesktop { color: #b2b2b2; }
  162.   div#boardNavDesktopFoot { color: #b2b2b2; }
  163.  
  164.  /* boards.4chan.org/f */
  165.   .postblock { background-color: #1f1f1f; color: #b2b2b2; border: 1px solid #b2b2b2; }
  166.   table.flashListing tr:nth-of-type(2n+1) { background-color: #191919; }
  167.   .highlightPost:not(.op) { background: #333333 !important; background-color: #333333 !important; border-color: #d69595 !important; }
  168.   table.flashListing .name { color: #00b3b3; }
  169.   table.flashListing .subject { color: #006666; }
  170.  
  171.  /* captcha */
  172.   #g-recaptcha,  #qrCaptchaContainer { filter: invert(100%) hue-rotate(180deg) !important; }
  173.  
  174. /* code */
  175. .pln { color: #eaeaea; }
  176. .prettyprint { background-color: #191919; border: 1px solid black !important; }
  177. .kwd { color: #4c4ccb; }
  178.       /*-----------------------*/
  179.      /* END OF CSS FOR BOARDS */
  180.     /*-----------------------*/
  181.  
  182.  /* 4chan-x */
  183. :root.yotsuba-b .dialog { background-color: #1f1f1f; }
  184. #fourchanx-settings { box-shadow: 0 0 15px #1a1a1a; }
  185. :root.yotsuba-b .suboption-list > div:last-of-type { background-color: #1f1f1f; }
  186. #fourchanx-settings a { color: #4285f4 !important; }
  187. #fourchanx-settings a:hover { color: #2e5daa !important; }
  188. .field, textarea { background-color: #1a1a1a; color: #b2b2b2; }
  189. .field:hover { color: #b2b2b2 !important; }
  190. .notification.info, :root.yotsuba .suboption-list > div:last-of-type { background-color: #1f1f1f; }
  191. :root.yotsuba-b #header-bar.dialog { background: black; }
  192. :root.yotsuba-b .qr-link { background: black !important; }
  193. :root.yotsuba-b .qr-link:hover { background: #191919; }
  194. #file-n-submit > input, #qr select, :root.yotsuba #header-bar.dialog { background: black; }
  195. :root.yotsuba #header-bar { color: #b2b2b2; }
  196. :root.yotsuba .qr-link { background: black; }
  197. :root.yotsuba .qr-link:hover { background: #191919; }
  198. :root.yotsuba .dialog { background-color: #1f1f1f; }
  199. :root.yotsuba .dialog a { color: #4285f4; }
  200. :root.yotsuba .dialog a:hover { color: #2e5daa !important; }
  201. .qphl { outline: 2px solid #191919; }
captcha