index.css

/*
>-------------------------------------------------------------------------------------------------------------------------------------------------<
	This was made for the 4chan homepage [4chan.org/4channel.org]

	How to use (on Dark Reader):
		> Install Dark Reader
		> Go to 4chan.org/4channel.org
		> Click on the Dark Reader extension icon/go to Dark Reader preferences
		> Go to "More"
		> Click on "Only for 4chan.org"/"Only for 4channel.org"
		> On "Theme Generation Mode", choose "Static"
		> Click the little orange pencil thingy that just pops up
		> Paste all of this into the textbox window
		> Click "Apply" and then close the textbox window
		> Done
>-------------------------------------------------------------------------------------------------------------------------------------------------<
*/

/* Homepage */
html {
    background: inherit;
}

body {
	background: #1d1f21 none;
	color: #c5c8c6;
}

div#abc-cnt {
	display: none !important;
}

#logo-fp img {
	filter: grayscale(1) contrast(0) brightness(1.9);
}

a:visited {
	color: #81a2be;
}

#disclaimer-dialog {
	border-radius: 10px;
	background: #282a2e;
}

#disclaimer-dialog .hd {
	transition: opacity 0.2s ease-in-out !important;
	border: none !important;
	border-radius: 9px 9px 0 0;
	background: rgba(240, 100, 73) !important;
	box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.25) !important;
}

#backdrop {
	transition: opacity 0.2s ease-in-out !important;
	background-color: rgba(0,0,0,.5) !important;
}

#disclaimer-dialog .container-close, .closebutton {
	filter: grayscale(1) contrast(0.6);
	margin: 5px;
	border-radius: 2px;
}

#announce, .top-box, .boxcontent, .leftbox {
	background: #282a2e;
	color: #c5c8c6;
}
.boxcontent a, .boxcontent > ul {
	color: #c5c8c6;
}

#boards a {
	color: #81a2be !important;
}

div.boxbar, #announce.box-outer .box-inner .boxbar {
	color: #fff;
	background: #303136;
	border-radius: 10px 10px 0 0;
}

.box-outer {
	border: none;
	border-radius: 10px;
}

.c-thread img,
.content img,
.boxbar img {
	border: none;
	border-radius: 5px;
}

img {
	transition: opacity 0.2s ease-in-out !important;
}
img:hover,
a#selected.qr-preview:hover {
	opacity: 0.75;
}
.content img:hover {
	opacity: 1 !important;
}

#copyright a {
	color: #81a2be;
}

#ft .fill {
	display: none;
}

#ft li {
	background: #303136;
	border: none;
}

#ft li.current, #ft li.fill {
	visibility: hidden;
	border: none;
}

#ft ul {
	border-top: none;
	margin-top: 30px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

#ft li a {
	color: #81a2be;
}

#ft li.first {
	border-radius: 10px;
	border-right: 2px solid #1d1f21;
	border-left: none;
}

#ft ul li {
	border-radius: 10px;
	border-right: 2px solid #1d1f21;
	border-left: 2px solid #1d1f21;
}

#fp-menu ul {
	background: #303136;
}

#fp-menu {
	border: none;
	box-shadow: 2px 2px 5px 0 rgba(0,0,0,.1);
}

#ft li a:hover {
	color: #81a2be;
	text-decoration: underline;
}

#fp-menu li:hover {
	background: none;
	color: #fff;
	transition: color 0.2s ease-in-out;
}

#filter-btn, #opts-btn {
	margin-right: 5px;
}

#filter-btn:hover, #opts-btn:hover {
	color: #fff;
	filter: brightness(0.8);
	transition: filter 0.2s ease-in-out;
}

hr {
	color: #c5c8c6;
	background: #c5c8c6;
}


/* News page */
.content {
	color: #c5c8c6;
}

.content h3 {
	background: #303136;
	border-radius: 10px;
	color: #fff;
	border: none;
}

/* FAQ */
dt {
	color: #fff !important;
}

.box-outer {
	background: #282a2e !important;
}

.box-bar {
	background: #303136 !important;
	color: #fff !important;
}

/* 4chan Pass */
.retina {
	filter: grayscale(1) contrast(1.5);
}


	/* Made by Cretzen */
		/* END */