MediaWiki:Minerva-theme-light.css
Jump to navigation
Jump to search
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 {
color-scheme: light;
/*------------------
BASE COLORS
----------------*/
--lotus-blue: #1B4D6D;
--lotus-blue-slight-light: #246B8F;
--lotus-blue-light: #5BB7E5;
--lotus-blue-lighter: #89C6E5;
--lotus-blue-lightest: #B7D5E5;
--lotus-blue-dark: #153D57;
--lotus-blue-darker: #0d2534;
--lotus-blue-gray-dark: #19262f;
--almost-black: #0f0f0f;
--darker-gray: #171717;
--light-darker-gray: #232323;
--dark-gray: #6a6a6a;
--gray: #c4c4c4;
--light-gray: #d5d5d5;
--almost-white: #f9f9f9;
--dark-blue: #0148c2;
--dark-red: #861c10;
--red: #ee4231;
--light-red: #ea7f74;
--pink: #fbc0ba;
--green: #379541;
--light-green: #c1edbf;
--lightest-green: #d8f0d3;
--transparent-black: rgba(0, 0, 0, 0.61);
/*------------------
THEME VARIABLES
------------------*/
--body-main: var(--almost-white); /**/
--body-light: var(--almost-white); /**/
--body-mid: var(--light-gray); /**/
--body-dark: var(--gray); /**/
--body-border: var(--almost-black);
--body-background-image: url('filepath://Warframe_Wiki_background_light.png'); /**/
--body-background-color: var(--light-gray); /**/
--button-background: var(--lotus-blue);
--button-color: white;
--button-border: var(--lotus-blue-dark);
--button-dark: var(--lotus-blue-dark);
--button-light: var(--lotus-blue-slight-light);
--sidebar: var(--almost-white);
--background-text-color: var(--light-gray);
--background-link-color: var(--lotus-blue-light);
--search-box: var(--lotus-blue);
--link-color: var(--lotus-blue); /**/
--redlink-color: var(--dark-red); /**/
--text-color: var(--almost-black); /**/
--byline-color: var(--gray);
--subtle-color: var(--gray);
--thumb-bg: var(--darker-gray);
--thumb-caption-bg: var(--darker-gray);
--sourceeditor-input-background: black;
--sourceeditor-background: var(--body-light);
--sourceeditor-background-secondary: var(--body-light);
--sourceeditor-border: var(--dark-gray);
--codemirror-gutter-background: var(--body-mid);
/* Templates */
--template-background-color-1: var(--light-gray); /**/
--template-background-color-2: var(--gray); /**/
--template-background-color-2-link: var(--lotus-blue-darkest); /**/
--template-text-color-1: var(--darker-gray); /**/
--template-text-color-2: var(--almost-white);
/* Wikitables */
--wikitable-header-bg: var(--gray); /**/
--wikitable-border: var(--lotus-blue);
--wikitable-bg: var(--light-gray); /**/
--wikitable-bg-lighter: var(--almost-white); /**/
--wikitable-color: var(--text-color);
/* Navbox colors */
--navbox-title-background: var(--wikitable-header-bg);
--navbox-group-title-background: var(--wikitable-header-bg);
--navbox-background: var(--wikitable-bg);
--navbox-border: var(--wikitable-border);
--navbox-footer-background: var(--wikitable-header-bg);
/* msgbox */
--errorbox-bg: #530000;
--errorbox-border: #ee4231;
--warningbox-bg: #534600;
--warningbox-border: #f9d000;
--successbox-bg: #00531d;
--successbox-border: #6bc71f;
/* diff */
--diff-addedline-border-color: var(--lotus-blue-slight-light);
--diff-addedline-background: var(--lotus-blue-lightest);
--diff-addedline-color: #000;
--diff-deletedline-border-color: var(--green);
--diff-deletedline-background: var(--light-green);
--diff-deletedline-color: #000;
--diff-context-border-color: var(--body-mid);
--diff-context-background: var(--body-dark);
--diff-inline-deletedline: var(--pink);
/* Tabber */
--tabber-tab-bg: var(--template-background-color-1);
--tabber-tab-border-color: var(--body-border);
--tabber-active-tab-bg: var(--body-light);
--tabber-active-tab-color: var(--text-color);
--tabber-active-tab-hover-bg: var(--body-light);
--tabber-active-tab-hover-border-color: var(--body-border);
--tabber-active-tab-hover-color: var(--text-color);
--tabber-active-tab-border-hider-color: var(--body-light);
--tabber-inactive-tab-bg: var(--body-background-color);
--tabber-inactive-tab-border-color: var(--body-border);
--tabber-inactive-tab-color: var(--text-color);
--tabber-inactive-tab-hover-bg: var(--body-light);
--tabber-inactive-tab-hover-border-color: var(--body-border);
/* OOUI */
--ooui-text: var(--text-color);
--ooui-interface: var(--body-light);
--ooui-interface-border: var(--body-border);
--ooui-window-background: rgba(255, 255, 255, 0.5);
--ooui-normal: var(--lotus-blue);
--ooui-normal--hover: var(--lotus-blue-dark);
--ooui-normal-border: var(--dark-gray);
--ooui-progressive: var(--lotus-blue-dark);
--ooui-progressive--hover: var(--lotus-blue);
--ooui-accent: var(--link-color);
--ooui-input: black;
--ooui-input-border: var(--lotus-blue);
--ooui-input-border--hover: var(--lotus-blue-dark);
--ooui-disabled:var(--light-gray);
--ooui-disabled-border: var(--gray);
--ooui-disabled-text: var(--subtle-color);
--ooui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px);
/* Some additional below editor functionality */
--background-color-interactive-subtle: var(--ooui-progressive);
--color-progressive: var(--link-color);
--border-color-interactive: var(--ooui-normal-border);
/* Messageboxes */
--messagebox-obsolete-background: var(--gray);
--messagebox-obsolete-border: var(--dark-gray);
--messagebox-obsolete-color: var(--text-color);
--messagebox-obsolete-link-color: var(--dark-gray);
--messagebox-info-background: var(--almost-white);
--messagebox-info-border: var(--dark-gray);
--messagebox-info-color: var(--text-color);
--messagebox-info-link-color: var(--dark-gray);
--messagebox-action-background: var(--lotus-blue-lightest);
--messagebox-action-border: var(--lotus-blue-slight-light);
--messagebox-action-color: var(--text-color);
--messagebox-action-link-color: var(--lotus-blue);
--messagebox-warn-background: var(--pink);
--messagebox-warn-border: var(--dark-red);
--messagebox-warn-color: var(--text-color);
--messagebox-warn-link-color: var(--dark-red);
--messagebox-safe-background: var(--lightest-green);
--messagebox-safe-border: var(--green);
--messagebox-safe-color: var(--text-color);
--messagebox-safe-link-color: var(--green);
--messagebox-disambig-background: var(--almost-white);
--messagebox-disambig-border: var(--dark-gray);
--messagebox-disambig-color: var(--text-color);
--messagebox-disambig-link-color: var(--dark-gray);
--messagebox-discord-background: #5865f2;
--messagebox-discord-border: #4c57d0;
--messagebox-discord-link-color: #d2e5fc;
/* Recent changes */
--rc-positive-color: var(--green);
--rc-negative-color: var(--red);
/* Module Editor */
--sourceeditor-input-background: var(--body);
--sourceeditor-background: var(--body-light);
--sourceeditor-background-secondary: var(--body-light);
--sourceeditor-border: var(--body-border);
--codemirror-gutter-background: var(--body-light);
/* Editor arrows */
--arrow-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5' fill='%23444'/%3E%3C/svg%3E");
}
.infobox .title {
background-color: var(--darker-gray);
}