Unreal Engine Docs Dark by phoenix1917

/* ==UserStyle==
@name           Unreal Engine Docs Dark
@namespace      USO Archive
@author         Damon
@description    `Dark theme for the docs.unrealengine.com`, modified based on Alex Barcelo's version
@version        20211030.10.51
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */
@-moz-document url-prefix("https://docs.unrealengine.com/") {
	:root {
		--bg-color: #242424;
		--bg-selected-color: #242424;
		--bg-hover-color: #434343;
		--link-color: #fff;
		--text-color: #d7d7d7;
		--code-bg-color: #23242d;
		--warn-color:#986b02;
		--warn-border-color:#c4c0b7;
		--code-inline-text-color: #ffa3a3;
		--code-inline-bg-color:#171820;
		--code-inline-border-color: #656565;
	}

	#maincol {
		background-color: var(--bg-color) !important;
	}


	#webbgThree, #navPanel, .toc, #seeAlso, .toc LI A {
		background: var(--bg-color);
		background-color: var(--bg-color) !important;
		color: var(--text-color);
	}

	A {
		color: var(--link-color);
	}

	#navPanel p:hover {
		background-color: var(--bg-hover-color);
	}

	.selectedLink {
		background-color: #111111 !important;
		border-left: solid 2px var(--code-inline-border-color);
	}

	.selectedLink a, .highlightedLink a{
		color: var(--text-color) !important;
	}

	.selectedLink #toc_link	{
		background-color: transparent !important;
	}

	.note {
		border-color: var(--warn--border-color);
		background-color: #383838;
	}

	code {
		color: var(--code-inline-text-color);
		background-color: var(--code-inline-bg-color) !important;
		border: solid 1px var(--code-inline-border-color);
		padding-left: 3px;
		padding-right: 3px;
	}

	pre, pre code {
		background-color: var(--code-bg-color) !important;
		border: none;
	}

	pre.prettyprint, code pre.prettyprint {
		border: 1px solid #D0D8E8;
		padding: 10px;
	}

	/* SPAN elements with the classes below are added by prettyprint. */
	.pln { color: #f8f8f2 }  /* plain text */

	@media screen {
	  .str { color: #e6db74 }  /* string content */
	  .kwd { color: #f35b5b; font-weight:bold; }  /* a keyword */
	  .com { color: #75715e }  /* a comment */
	  .typ { color: #88d578 }  /* a type name */
	  .lit { color: #ae81ff }  /* a literal value */
	  /* punctuation, lisp open bracket, lisp close bracket */
	  .pun, .opn, .clo { color: #f8f8f2 }
	  .tag { color: #f92672; font-weight:bold; }  /* a markup tag name */
	  .atn { color: #00A }  /* a markup attribute name */
	  .atv { color: #080 }  /* a markup attribute value */
	  .dec, .var { color: #d9d9d9 }  /* a declaration; a variable name */
	  .fun { color: #fd971f; font-weight:bold; }  /* a function name */
	}

	#navPanel span {
		color: #bebebe !important;
	}

	#navPanel .highlightedLink span {
		color: #ddd !important;
	}

	#versionSelect, #parent_link, #page {
		color: #fff !important;
	}

	#navWrapper .menu_scroll {
		background-color: #959595;
	}

	.menu_scroll_Bar {
		background-color: #fff !important;
	}

	.keyword_tag_filter {
		background-color: #c8c8c8;
	}

	.toc .title {
		color: #e0e0e0;
	}

}