User:RainbowGem2/common.css

/*** ROOT :: The root holds the colors. ***/
:root {
      --theme-wiki-background: url(https://deadlocked.wiki/images/2/20/DeadlockWikiBG.png) top center / cover no-repeat fixed;
	  --theme-catlink-background-color: rgb(49 57 54 / 100%);

      --theme-filebox-background-color: rgb(39 47 44 / 100%);	  
	  --theme-contentbox-background-color: rgb(47 47 47 / 100%);

	  --theme-header-background-color: rgb(39 49 44 / 100%);	

	  --theme-page-background-color: rgb(49 57 54 / 95%);
	  --theme-page-border-color: rgb(49 57 54 / 95%);

	  --theme-text-header-color: rgb(253 245 220 / 100%);
	  --theme-text-color: rgb(227 216 199 / 100%);

	  --theme-link-color: rgb(235 235 235 / 100%);
	  --theme-link-color-hover: rgb(255 255 255 / 100%);
	  --theme-link-color-visited: rgb(205 205 205 / 100%);
	  --theme-link-color-redlink: rgb(255 100 100 / 100%);
}

/*** BODY :: This is where the wiki background is handled. ***/

body {
  color: #000000;
}

/*** .MW-PAGE-BASE :: This is where text, page background and border color is handled. ***/
#mw-page-base {
    visibility: hidden
}

/*** .MW-BODY :: This is where text, page background and border color is handled. ***/
.mw-body {
	color: var(--theme-text-color);/*#b1a695;*/
	background: var(--theme-page-background-color);
	border-color: var(--theme-page-border-color);
}

/*** .MW-FOOTER LI :: Footer text color ***/
.mw-footer li {
	color: var(--theme-text-color);/*#b1a695;*/
}

/*** .CATLINKS :: This is where the category link colors are handled. ***/
.catlinks {
	background-color: var(--theme-catlinks-background-color);
}

/*** just a bunch of stuff uses the text color. ***/
.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited{
	color: var(--theme-text-color);/*#b1a695;*/
}

/*** File box contents ***/
#filetoc {
	background-color: var(--theme-filebox-background-color);/*#b1a695;*/
}

/*** h1,ETC. :: This is where header color is handled. ***/
.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a, h1, h2, h3, h4, h5, h6 {
    color: var(--theme-text-header-color);
    font-family:'Retail Demo Regular';
}

.vector-menu-heading-label {
    font-family:'Retail Demo Bold';
}

/*** LINK COLORS :: ***/
a, a.selflink:hover, a.selflink:active {
  color: var(--theme-link-color);
}

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

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/*** CONTENT BOX STUFF ***/

.toc{
  background-color: var(--theme-contentbox-background-color);
}

.tocnumber{
  color: var(--theme-text-header-color);
}

.toctogglelabel{
  color: var(--theme-text-color);
}

.vector-search-box-input {
    font-family: 'Retail Demo Bold';
}

.vector-user-menu-legacy .vector-menu-content-list {
    font-family: 'Retail Demo Bold';
}

/*** MISC SYMBOLS ***/

::marker {
  color: var(--theme-text-header-color);
}

#mw-editsection-divider, #mw-editsection-bracket {
  color: var(--theme-text-header-color);
}

.mw-echo-notifications-badge .mw-echo-notification-badge-nojs .oo-ui-icon-bell .mw-echo-notifications-badge-all-read {
  color: #ffffff;
}