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; }