Codec Guide Dark Theme by l_0Rl

	/* ==UserStyle==
@name         codecguide Dark Theme
@namespace    userstyles.world/user/l_0Rl
@author       l_0Rl
@description  codecguide.com Dark theme
@version      1.0.3
@license      NONE
==/UserStyle== */
	@-moz-document domain("codecguide.com") {

		:root {
			--bg-global: #1b1b1b;
			--bg-table: #262626;
			--a-visited: var(--a-hover); /* #b629f8; if you want that idk*/
			--a-hover: #3b91ff;
			--bg-category: #3156d2;
			--bg-topic: #1f73ff;
			--bg-a: #2154ca;
			--text-global: #d0d0d0;
			--text-footer: #868686;
		}

		body {
			background: var(--bg-global);
			color: var(--text-global);
		}

		img[src*="cgheader.png"] {
			content: url(""); /* bye bye */
		}

		form#cse-search-box div input {
			color: var(--text-global);
			background: #484848 !important;
		}

		tdbody, table, tr, td {
			background: var(--bg-table);
		}

		h1 {
			color: var(--bg-topic);
		}

		h2 {
			color: #063;
		}

		h4 {

			color: #7c99ff;
		}

		h5 {
			color: #888;
		}

		p {
			color: var(--text-global);
		}

		hr {
			color: var(--text-global);
		}


		a {
			color: var(--bg-a);
		}

		a:hover {
			color: var(--a-hover)
		}

		a:visited {
			color: var(--a-visited);
		}

		a.ml, a.ml:visited {
			color: var(--a-visited);
			border-left-color: #4b4b4b;
		}

		a.ml:hover {
			color: var(--a-hover);
			border-left-color: #808080
		}

		.mh {
			color: var(--bg-category);
			background-color: var(--bg-global);
			border: 1px var(--bg-global) solid;
		}

		.mi {
			background-color: var(--bg-global);
			border: 1px var(--bg-global) solid
		}

		.mi:hover {
			background-color: var(--bg-global);
			border: 1px var(--a-hover) solid
		}

		.r1 {
			color: var(--a-hover);
		}

		.bb1 {
			border: 1px solid #888;
		}

		.logo {
			background-color: var(--bg-global);
		}

		.header {
			background-color: var(--bg-global);
			border-bottom: 1px solid var(--bg-global);
		}

		.menubar {
			background-color: var(--bg-global);
			border-right: 1px solid var(--bg-global);
		}

		.tdcontent {
			background-color: var(--bg-global);
			border-bottom: 1px solid var(--bg-global);
		}

		.footer {
			color: var(--text-footer);;
			background-color: var(--bg-global)
		}

		.footer a {
			color: var(--bg-a);
		}

		.footer a:hover {
			color: var(--a-hover);
		}

		.mas {
			background-color: var(--bg-global);
			border: 1px var(--bg-global) solid
		}

		a.ubtext, a.ubtext:visited, a.ubtext:hover {
			color: var(--a-visited);
		}

		.cc_container {
			background: var(--bg-global);
			color: var(--text-footer);
		}

		.cc_container .cc_btn {
			background-color: var(--bg-global);
		}


		.cc_container .cc_btn, .cc_container .cc_btn:visited {
			color: var(--text-global);
			background-color: var(--bg-global);
		}

		.cc_container .cc_btn:hover, .cc_container .cc_btn:active {
			background-color: var(--bg-global);
			color: var(--text-global);
		}

		.cc_container a, .cc_container a:visited {
			color: var(--a-visited)
		}

		.cc_container a:hover, .cc_container a:active {
			color: var(--text-footer);
		}
	}