MediaWiki:Theme-umbra.css
Jump to navigation
Jump to search
In other languages: Español • Français
CSS and Javascript changes must comply with the wiki design rules.
Note: After saving, 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)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
:root {
--text-color:#FF29FE;
--text-color--rgb:255, 41, 254;
}
.theme-umbra,
:root {
--wiki-body-background-color: #470081;
--wiki-body-background-color--rgb: 71, 0, 129;
--wiki-body-background-image: url(/images/d/dd/Umbra_background.jpg); /* [[File:Umbra background.jpg]] */
--wiki-content-background-color: #000;
--wiki-content-background-color--rgb: 0,0,0;
--wiki-content-background-color--secondary: #000;
--wiki-content-background-color--secondary--rgb: 0,0,0;
--wiki-content-text-color: var(--text-color);
--wiki-content-text-color--rgb: 0,0,0;
--wiki-content-text-color--hover: #000;
--wiki-content-text-mix-color: #80147f;
--wiki-content-text-mix-color--rgb: 128, 20, 127;
--wiki-content-text-mix-color-95: #0d020d;
--wiki-content-text-mix-color-95--rgb: 13, 2, 13;
--wiki-content-accent-mix-color: #000;
--wiki-content-link-color: var(--text-color);
--wiki-content-link-color--rgb: var(--text-color--rgb);
--wiki-content-link-color--hover: #000;
--wiki-content-link-label-color: #000;
--wiki-accent-color: #000;
--wiki-accent-color--rgb: 0,0,0;
--wiki-accent-color--hover: #000;
--wiki-accent-label-color: #fff;
--wiki-content-border-color: #4A0078;
--wiki-content-border-color--rgb: 74, 0, 120;
--wiki-heading-color: var(--wiki-content-text-color);
--wiki-sidebar-background-color: var(--wiki-content-background-color);
--wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb);
--wiki-sidebar-border-color: transparent;
--wiki-sidebar-link-color: var(--wiki-content-link-color);
--wiki-sidebar-header-color: var(--wiki-heading-color);
--wiki-navigation-background-color: transparent;
--wiki-navigation-border-color: transparent;
--wiki-navigation-text-color: var(--wiki-content-link-color);
--wiki-navigation-selected-background-color:var(--wiki-navigation-background-color);
--wiki-navigation-selected-text-color:var(--wiki-navigation-text-color);
--wiki-icon-general-filter: var(--wiki-icon-to-link-filter);
--wiki-icon-to-link-filter: invert(24%) sepia(82%) saturate(2356%) hue-rotate(283deg) brightness(110%) contrast(139%);
--wiki-header-color: var(--wiki-content-text-color);
/* currently placeholders. They can be customized as we get a real dark theme */
--template-background-color-1: var(--wiki-content-background-color--secondary);
--template-background-color-2: var(--wiki-navigation-background-color);
--template-background-color-3: var(--wiki-content-text-mix-color-95);
--template-background-color-4: #000;
--template-background-color-5: #000;
--template-background-color-6: #000;
--template-text-color-1: var(--wiki-navigation-text-color);
--template-text-color-2: var(--text-color);
--template-text-color-3: var(--wiki-content-text-color);
--template-text-color-4: var(--text-color);
--template-border-color-1: var(--wiki-content-border-color);
}
body {
background-size:initial;
background-repeat:repeat;
}
/*
body {
background-image:none;
}
.mw-body {
position:relative;
}
.mw-body::before {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
content:'';
background:var(--wiki-body-background-image);
z-index:-1;
border-image-slice: 25% 25% 25% 25%;
border-image-width: 20px 20px 20px 20px;
border-image-outset: 0px 0px 0px 0px;
border-image-repeat: round round;
border-image-source: url("https://cdn.discordapp.com/attachments/569656269380780032/1223407877251665980/Umbra_Wiki02.png?ex=6619be5f&is=6607495f&hm=06be513d734d59766d1bc354300b8fae23b217639ee71601ab1c0b972f265a92&");
border-style: solid;
} */
.content-wrapper img,
.mw-wiki-logo {
filter:contrast(100%) brightness(100%) var(--wiki-icon-to-link-filter);
filter:drop-shadow(0 0 5px var(--text-color)) drop-shadow(0 0 5px #4A0078);
}
.mw-parser-output a,
.mw-parser-output a:visited,
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw, .mw-parser-output a.extiw:visited {
text-shadow:0 0 5px blue;
}