Toggle menu
505
2.3K
828
21.8K
Deadlock Wiki
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.
Revision as of 22:30, 23 January 2025 by RainbowGem2 (talk | contribs) (Added upcoming colors)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/*** ROOT :: The root holds the colors. ***/
:root {
	  --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%);

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

      --theme-wikitable-background-color: rgb(65 61 54 / 100%);
      --theme-wikitable-border-color: rgb(0 0 0 / 100%);
      --theme-wikitable-header-color: rgb(89 83 73 / 100%);

      --theme-messagebox-removed-color: rgb(113 65 52 / 100%);
      --theme-messagebox-underconstruction-color: rgb(248 163 119 / 100%);
      --theme-messagebox-stub-color: rgb(118 153 176 / 100%);
      --theme-messagebox-unreleased-color: rgb(248 242 180 / 100%);
      --theme-messagebox-outdated-color: rgb(167 23 85 / 100%);
      --theme-messagebox-deletion-color: rgb(122 132 154 / 100%);
      --theme-messagebox-translation-color: rgb(220 154 142 / 100%);
      --theme-messagebox-disambiguation-color: rgb(240 203 39 / 100%);
      --theme-messagebox-background-color: rgb(85 107 47 / 100%);

}

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

body {
  color: #000000;
  background: url(https://deadlocked.wiki/images/2/20/DeadlockWikiBG.png) top center / cover no-repeat fixed;
}

/*** .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, .mw-body 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';
}

#right-navigation, .vector-menu-tabs-legacy li a  {
	background-color: var(--theme-topbar-background-color);
    font-family: 'Retail Demo Bold';
    color: var(--theme-link-color);
}

.vector-menu-tabs a {
  background-image: none
}

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