MediaWiki:Theme-dark-gen2.css
Jump to navigation
Jump to search
In other languages: Deutsch • Español • Français • Italiano • 日本語 • Polski • Português do Brasil • Русский • ไทย
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.
/* [[de:MediaWiki:Theme-dark-gen2.css]] * [[es:MediaWiki:Theme-dark-gen2.css]] * [[fr:MediaWiki:Theme-dark-gen2.css]] * [[it:MediaWiki:Theme-dark-gen2.css]] * [[ja:MediaWiki:Theme-dark-gen2.css]] * [[pl:MediaWiki:Theme-dark-gen2.css]] * [[pt-br:MediaWiki:Theme-dark-gen2.css]] * [[ru:MediaWiki:Theme-dark-gen2.css]] * [[th:MediaWiki:Theme-dark-gen2.css]] */
/* CSS placed here will affect users with the "dark-gen2" theme enabled */
/* #region Theme variables */
:root {
/* Body */
--page-background-image: url(/images/d/d2/Bg_gen2.jpg?20231019) /*[[File:Bg gen2.jpg]]*/;
/* Logo assets */
--wiki-logo-source--frame: url(/images/6/66/Framed_logo_gen2.png?20231019) /*[[File:Framed logo gen2.png]]*/;
--wiki-logo-source--wordmark: url(/images/0/01/Framed_logo_wordmark_en.png?20231017) /*[[File:Framed logo wordmark.png]]*/;
--wiki-logo-source--horizontal: url(/images/7/79/Logo_horiz.png?20231016) /*[[File:Logo horiz.png]]*/;
/* Page content frame */
--content-frame-image: url(/images/2/2f/Border_frame_gen2.png?20231019) /*[[File:Border frame gen2.png]]*/;
--theme-accent-color: #b56e20;
--theme-accent-color--rgb: 13, 111, 112;
--page-background-color: #120C16;
--page-background-color--rgb: 18, 12, 22;
--content-background-color: #120C16;
--content-background-color--rgb: 18, 12, 22;
--content-text-color: #ffeffc;
--content-header-color: #f2c96a;
--content-text-link-color: #ffb588;
--content-border-color: #9d4d2d;
--content-border-color--rgb: 157, 77, 45;
--content-default-link-color: #ffea9e;
--content-default-link-color--rgb: 255, 234, 158;
--code-background-color: #2a0a12;
--code-border-color: #9d5a22;
--content-text-top-border-color: #97bde1;
--footer-background-color: rgba(var(--content-background-color--rgb), 0.8);
--reference-background-color--highlight: #5e5e5e;
/* Article navigation */
--article-navigation-item-background-color: #2c2037fa;
--article-navigation-item-background-color--selected: #261431;
--article-navigation-item-border-color: var(--content-border-color);
--article-navigation-dropdown-background-color: #2e212c;
--article-navigation-item-underline-color: #e4cb90;
--article-navigation-item-underline-color--active: #cfa058;
/* Search */
--search-background-color--rgb: 79, 25, 64;
--search-background-color-opacity: 0.8;
--search-background-color-opacity--active: 0.9;
--search-background-color--sticky: #71254b9c;
--search-border-color: var(--content-border-color);
--search-border-color--active: var(--content-border-color);
--search-border-color--sticky: #b56937;
--search-text-color: #ffe9fc;
--search-text-color--sticky: #fff6ca;
--search-text-color--placeholder: #fffde4;
--search-text-color--placeholder-sticky: #ffd479;
/* Site notice */
--sitenotice-background-color: #0002;
--sitenotice-border-color: var(--content-border-color);
/* Sidebar */
--sidenav-header-background: #bc5917;
--sidenav-header-background--rgb: 69, 140, 196;
--sidenav-header-text-color: #f0a33a;
--sidenav-background-color: #3d3e3d50;
--sidenav-text-color: #edd0ff;
--sidenav-text-hover-color: var(--content-text-link-color);
--toolbar-background-color: #601247ce;
--toolbar-list-background-color: #401140fa;
--toolbar-border-color: #88500f;
--sidenav-toggle-icon-filter: invert(1);
--ad-content-divider-color: var(--sidebar-content-divider-color);
--sidebar-background-color: rgba(155, 68, 119, .1);
--sidebar-content-divider-color: #7b2b52;
/* Table of contents */
--toc-background-color: #221728;
--toc-number-color: #faf1cf;
/* Tabbers */
--tabber-shadow-color: var(--ark-arkitex-border-color);
--tabber-shadow-active-color: #b06d23;
--tabber-shadow-hover-color: #d28127;
--tabber-background-hover-color: #401727;
--tabber-text-hover-color: #ffecc9;
--tabber-background-active-color: #531c30;
--tabber-bottom-active-color: var(--tabber-shadow-hover-color);
/* Tables */
--table-background-color: #1c0d1b;
--table-border-color: #933a1a;
--table-heading-background-color: #40122f;
--gray-table-background-color: #240611;
--red-table-background-color: #281122;
/* Frontpage */
--fp-heading-text-color: #ffb5b5;
--fp-heading-border-color: #c1823b;
--fp-box-background-color: #1b0817;
--fp-box-border-color: #ab610e;
--fp-box-shadow-color: #4a5153;
--fp-box-border-color--2: #d26e0a;
--fp-box-background-color--2: #230d1a;
--fp-box-mainheading-text-color: #ffe7a3;
--fp-labelled-icon-border-color: var(--content-default-link-color);
--fp-labelled-icon-background: #310e27;
--fp-social-icon-border-color: rgba(var(--content-border-color--rgb), 0.7);
--fp-social-icon-background: #43382d5c;
--fp-promo-shadow-color--1: #00000024;
--fp-promo-shadow-color--2: #0003;
--fp-promo-shadow-color--text: #000;
--fp-promo-text-color: #fcffd7;
--fp-promo-link-color: #ffe97c;
/* Ambox */
--ark-ambox-background-color: #4136404d;
--ark-ambox-border-color: #a98e6f;
--ark-ambox-blue: #0000aa;
--ark-ambox-gray: #555555;
--ark-ambox-green: #00aa06;
--ark-ambox-purple: #a655b2;
--ark-ambox-red: #aa0000;
--ark-ambox-yellow: #aaaa00;
--ark-ambox-cyan: #00ABA2;
--ark-ambox-orange: #ffa500;
/* Template:Navbox */
--ark-navbox-title-text-color: var(--content-text-color);
--ark-navbox-title-link-color: #ffe579;
--ark-navbox-title-background-color: var(--ark-arkitex-background-color);
--navbox-border-color: #ae6228;
--navbox-row-zebra-colour: #fff1;
--ark-navboxgroup-title-background-color: #20101a;
--ark-navboxgroup-title-text-color: var(--content-text-color);
--ark-navboxgroup-title-border-color: #4d2a4b;
/* Arkitexure */
--ark-arkitex-background-color: #2c19298f;
--ark-arkitex-border-color: var(--sidenav-header-background);
--ark-arkitex-border-color--rgb: var(--sidenav-header-background--rgb);
--ark-arkitex-accent-color: #aa513b;
--ark-arkitex-left-color: #43141675;
--ark-arkitex-right-color: #3f1f38;
/* PaintRegion */
--ark-paintregion-background-color: #190b1c;
--ark-paintregion-border-color: var(--content-border-color);
/* Template:DossierText & Template:Quote */
--ark-cite-quote-color: #f2675fd9;
--ark-dossier-background-color: #621e5b36;
--ark-dossier-border-color: #ba50d2a6;
--ark-dossier-text-color: #ffbf52;
--ark-dossiernote-background-color: #332130;
--ark-dossiernote-border-color: #823a6a;
/* Module:LootTable */
--ark-loottable-background-color: #021e289a;
--ark-loottable-header-color: #0b58599a;
/* Difficulty level colors */
--ark-difficulty-gamma: #4edb17;
--ark-difficulty-beta: #19cff9;
--ark-difficulty-alpha: #f76450;
--ark-difficulty-none: #BCEEFA;
/* Template:Mission */
--ark-mission-background-color: #3b1927;
--ark-mission-text-color: #fffae8;
--ark-mission-border-color: var(--theme-accent-color);
/* Template:HoverNote */
--ark-hovertext-text-color: #4FB5FF;
/* Kibble tables */
--ark-kibbletable-border-color: #ff6d00a6;
--ark-kibbletable-background-color: #d87e8c1a;
/* [[Template:ModListEntry]] */
--ark-mod-entry-border-color: #c65319;
--ark-mod-entry-background-color: #311e33;
/* Math */
--math-filter: invert(1);
/* OOUI */
/* Useful for colourisation filters: https://codepen.io/sosuke/pen/Pjoqqp */
--oo-ui-icon-filter--normal: invert(1);
--oo-ui-icon-filter--black: brightness(0);
--oo-ui-icon-filter--normal-progressive: invert(73%) sepia(25%) saturate(6347%) hue-rotate(349deg) brightness(104%) contrast(97%);
--oo-ui-icon-filter--destructive: none;
--oo-ui-icon-filter--error: none;
--oo-ui-icon-filter--alert: none;
--oo-ui-icon-filter--success: none;
--oo-ui-icon-filter--required: invert(1);
/* DataMaps */
--datamaps-notice-border-color: var(--content-border-color);
--datamaps-notice-background-color: var(--ark-arkitex-right-color);
--datamaps-container-background-color: var(--table-background-color);
--datamaps-container-top-background-color: var(--tabber-background-hover-color);
--datamaps-container-select-background--rgb: var(--content-border-color--rgb);
--datamaps-container-legend-background-color: var(--toc-background-color);
--datamaps-container-legend-selected-background-color: var(--toc-background-color);
--datamaps-popup-subtitle-text-color: #9b9b9b;
--datamaps-tabber-background-active-color: var(--tabber-background-active-color);
--datamaps-tabber-background-color: #561a31b5;
/* Sticky header */
--sticky-header-background-color: rgb(80, 21, 32);
--sticky-header-shadow-color: #0000004a;
--sticky-header-text-color: #f4f152;
--sticky-header-link-color: #fff3ae;
--sticky-button-text-color: #faf77b;
--sticky-button-border-color: #984f0a;
--sticky-button-background-color: #892826b0;
--sticky-button-hover-background-color: #701d1bb0;
/* [[Template:ResourceMap]] only used on mod versions of data maps */
--trm-map-notice-border-color: #7FE7FF;
--trm-map-notice-background-color: #6e92c06b;
--trm-map-container-border-color: #000;
--trm-map-container-background-color: var(--ark-dossier-background-color);
--trm-map-checkbox-unchecked-color: #f5aaaa;
--trm-map-checkbox-checked-color: #05bb25;
--trm-map-spawninfo-border-color: #222;
/* Vector-menu styling */
--vector-underline-hover-color: #6eeeec;
--vector-underline-hover-active-color: #6fb4ea;
--vector-menu-background-color: var(--articlenav-background-color);
--vector-menu-border-color: var(--articlenav-border-color);
--vector-menu-link-color: var(--content-default-link-color);
/* Adminlist */
--adminlist-background-color: #c8c8c811;
--adminlist-border-color: var(--content-border-color);
/* toc links and file toc */
--catlinks-background-color: var(--table-heading-background-color);
--catlinks-border-color: var(--table-border-color);
--catlinks-text-color: #80E7FF;
/* Creature nav */
--creature-nav-default-background-color: #f70404;
--creature-nav-hover-shadow-color-1: #aaca;
--creature-nav-hover-shadow-color-2: #111;
--creature-nav-creature-color--white: #D5F2F2;
--creature-nav-creature-color--yellow: #E5DFAC;
--creature-nav-creature-color--lime: #CEF294;
--creature-nav-creature-color--brown: #e5c6ac;
--creature-nav-creature-color--purple: #CEACE5;
--creature-nav-creature-color--orange: #FAD6A5;
--creature-nav-creature-color--grey: #C4C4C4;
--creature-nav-creature-color--green: #a6ffa9;
--creature-nav-creature-color--cyan: #86e0f0;
--creature-nav-creature-color--pink: #ffb0eb;
--creature-nav-creature-color--red: #e5acb1;
--creature-nav-creature-color--yellowish: #c0a264;
/* History and diffs */
--diff-background-color: rgba(0,0,0,0.3);
--diff-plusminus-pos-color: #00d200;
--diff-plusminus-neg-color: #ff1010;
--diff-deletedline-background-color: #440000;
--diff-deletedline-text-color: #e62444;
--diff-deletedline-border-color: none;
--diff-deletedline-diffchange-background-color: #be666394;
--diff-addedline-background-color: #035c03;
--diff-addedline-text-color: #bfd959;
--diff-addedline-border-color: none;
--diff-addedline-diffchange-background-color: #51b85694;
--diff-context-background-color: #6e92c036;
--diff-context-text-color: #e0e0e0;
--diff-context-border-color: #9b9b9b;
--pagehist-selected-background-color: #231026;
--pagehist-selected-text-color: var(--content-text-color);
--pagehist-last-visit-color: #000;
}
/* #endregion */
/* #region OOUI theming variables */
:root {
--wmui-color-base0: #fdd7f1;
--wmui-color-base10: #ffddb8;
--wmui-color-base20: #fbb9a4;
--wmui-color-base30: #bb7723;
--wmui-color-base50: #b05102;
--wmui-color-base70: #804c70;
--wmui-color-base80: #481d4a;
--wmui-color-base90: #370a34;
--wmui-color-base100: #28112b;
--wmui-color-accent30: #730b3c;
--wmui-color-accent50: #400925;
--wmui-color-accent90: #ee8628;
--wmui-color-red30: #711616;
--wmui-color-red50: #8e2020;
--wmui-color-red90: #390d0b;
--wmui-color-yellow30: #ac6600;
--wmui-color-yellow50: #edab00;
--wmui-color-yellow90: #53410a;
--wmui-color-green30: #14866d;
--wmui-color-green50: #00af89;
--wmui-color-green90: #0d3129;
--wmui-color-green700: #096450;
--wmui-color-base10--lighten: #fde144;
--wmui-color-accent50--lighten: #ffad00;
--wmui-color-red50--lighten: #bd2929;
--wmui-color-green50--lighten: #1c6665;
--wmui-color-purple50: #6b4ba1;
--wmui-background-color-base: var(--wmui-color-base100);
--wmui-background-color-base--hover: var(--wmui-color-base80);
--wmui-background-color-base--disabled: var(--wmui-color-base80);
--wmui-background-color-base--read-only: var(--wmui-color-base90);
--wmui-background-color-code: var(--wmui-color-base90);
--wmui-background-color-framed: var(--wmui-color-base90);
--wmui-background-color-framed--hover: var(--wmui-color-base80);
--wmui-background-color-framed--active: var(--wmui-color-base80);
--wmui-background-color-filled--disabled: var(--wmui-color-base70);
--wmui-background-color-quiet: var(--wmui-background-color-base);
--wmui-background-color-quiet--hover: rgba(0, 24, 73, 0.02745098);
--wmui-background-color-quiet--active: rgba(0, 24, 73, 0.08235294);
--wmui-background-color-toolbar: var(--wmui-background-color-base);
--wmui-background-color-tool--hover: var(--wmui-background-color-base--hover);
--wmui-background-color-tool--active: var(--wmui-background-color-primary);
--wmui-background-color-tool--active-hover: var(--wmui-background-color-primary--hover);
--wmui-background-color-tabs: var(--wmui-color-base80);
--wmui-background-color-error--framed: var(--wmui-color-red90);
--wmui-background-color-warning--framed: var(--wmui-color-yellow90);
--wmui-background-color-success--framed: var(--wmui-color-green90);
--wmui-background-color-notice--framed: var(--wmui-color-base80);
--wmui-background-color-highlight: rgba(255, 182, 13, 0.4);
--wmui-color-base: var(--wmui-color-base10);
--wmui-color-base--hover: var(--wmui-color-base10--lighten);
--wmui-color-base--active: var(--wmui-color-base0);
--wmui-color-base--inverted: #1b0e00;
--wmui-color-base--emphasized: var(--wmui-color-base0);
--wmui-color-base--subtle: var(--wmui-color-base30);
--wmui-color-base--disabled: var(--wmui-color-base30);
--wmui-color-filled--disabled: var(--wmui-color-base--inverted);
--wmui-color-accessory: var(--wmui-color-base20);
--wmui-color-placeholder: var(--wmui-color-base30);
--wmui-background-color-primary: var(--wmui-color-accent90);
--wmui-background-color-primary--hover: rgba(41, 98, 204, 0.1);
--wmui-color-primary: var(--wmui-color-accent90);
--wmui-color-primary--hover: var(--wmui-color-accent50--lighten);
--wmui-color-primary--active: var(--wmui-color-accent30);
--wmui-color-primary--focus: var(--wmui-color-primary);
--wmui-background-color-destructive: var(--wmui-color-red90);
--wmui-color-destructive: var(--wmui-color-red50);
--wmui-color-destructive--hover: var(--wmui-color-red50--lighten);
--wmui-color-destructive--active: var(--wmui-color-red30);
--wmui-color-destructive--focus: var(--wmui-color-destructive);
--wmui-color-secondary: var(--wmui-color-green50);
--wmui-color-secondary--hover: var(--wmui-color-green50--lighten);
--wmui-color-secondary--active: var(--wmui-color-green30);
--wmui-color-secondary--focus: var(--wmui-color-secondary);
--wmui-color-error: var(--wmui-color-red50);
--wmui-color-warning: var(--wmui-color-base0);
--wmui-color-success: var(--wmui-color-green30);
--wmui-color-success--framed: var(--wmui-color-base0);
--wmui-color-notice: var(--wmui-color-base0);
--wmui-color-tool--hover: var(--wmui-color-base--emphasized);
--wmui-color-tool--active: var(--wmui-color-primary);
--wmui-border-color-dialog: var(--wmui-border-color-base);
--wmui-border-color-menu: var(--wmui-border-color-base);
--wmui-border-color-base: var(--wmui-color-base50);
--wmui-border-color-base--darken14: #7b8590;
--wmui-border-color-base--hover: var(--wmui-color-base50);
--wmui-border-color-base--active: var(--wmui-color-base30);
--wmui-border-color-base--focus: var(--wmui-color-primary--focus);
--wmui-border-color-base--disabled: var(--wmui-color-base70);
--wmui-border-color-filled--disabled: var(--wmui-color-filled--disabled);
--wmui-border-color-primary: var(--wmui-color-primary);
--wmui-border-color-primary--hover: var(--wmui-color-primary--hover);
--wmui-border-color-primary--active: var(--wmui-color-primary--active);
--wmui-border-color-primary--focus: var(--wmui-border-color-primary);
--wmui-border-color-destructive: var(--wmui-color-destructive);
--wmui-border-color-destructive--hover: var(--wmui-color-destructive--hover);
--wmui-border-color-destructive--active: var(--wmui-color-destructive--active);
--wmui-border-color-destructive--focus: var(--wmui-border-color-destructive);
--wmui-border-color-inset--focus: var(--wmui-color-base--inverted);
--wmui-border-color-input--hover: var(--wmui-border-color-base--active);
--wmui-border-color-heading: var(--wmui-color-base70);
--wmui-border-color-divider: var(--wmui-color-base50);
--wmui-border-color-wikitable: rgba(84, 89, 93, 0.3);
--wmui-border-color-error: var(--wmui-color-red30);
--wmui-border-color-warning: var(--wmui-color-yellow30);
--wmui-border-color-success: var(--wmui-color-green700);
--wmui-border-color-notice: var(--wmui-color-base30);
--wmui-border-width-base: 1px;
--wmui-box-shadow-base: inset 0 0 0 1px transparent;
--wmui-box-shadow-base--focus: inset 0 0 0 1px var(--wmui-color-accent50);
--wmui-box-shadow-primary--focus: inset 0 0 0 1px var(--wmui-color-primary), inset 0 0 0 2px var(--wmui-color-base--inverted);
--wmui-box-shadow-destructive--focus: inset 0 0 0 1px var(--wmui-color-destructive), inset 0 0 0 2px var(--wmui-color-base--inverted);
--wmui-box-shadow-filled--disabled: inset 0 0 0 1px var(--wmui-color-filled--disabled);
--wmui-box-shadow-card: 0 1px 1px rgba(0, 0, 0, 0.15);
--wmui-box-shadow-dialog: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
--wmui-box-shadow-menu: var(--wmui-box-shadow-dialog);
--wmui-outline-color-base--focus: transparent;
--wmui-text-shadow-base: 0 1px 1px var(--wmui-color-base--inverted);
--wmui-text-shadow-base--disabled: var(--wmui-text-shadow-base);
--wmui-background-color-base--active: var(--wmui-color-base80);
--wmui-background-color-frameless--hover: var(--wmui-background-color-quiet--hover);
--wmui-background-color-frameless--active: var(--wmui-background-color-quiet--active);
--wmui-background-color-pending-stripe: var(--wmui-color-base80);
--wmui-background-color-backdrop-light: rgba(255, 255, 255, 0.65);
--wmui-color-base--deemphasized: var(--wmui-color-base20);
--wmui-color-taboption: var(--wmui-color-base--hover);
--wmui-color-destructive-non-primary: #ff2424;
--wmui-border-color-framed-progressive--hover: var(--wmui-color-primary--hover);
--wmui-border-color-framed-destructive--hover: var(--wmui-color-destructive--hover);
--wmui-border-color-frameless: transparent;
--wmui-border-color-focus-inset: var(--wmui-color-base--inverted);
--wmui-border-color-dialog-bar: var(--wmui-color-base70);
--wmui-border-width-frameless-tab: 2px;
--wmui-border-color-toolbar: var(--wmui-color-base70);
--wmui-border-color-toolgroup: var(--wmui-color-base80);
--wmui-box-shadow-toolbar-top: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
--wmui-box-shadow-toolbar-bottom: 0 -1px 1px 0 rgba(0, 0, 0, 0.1);
--wmui-box-shadow-progressbar: var(--wmui-box-shadow-card);
--wmui-box-shadow-progressive-filled--focus: inset 0 0 0 1px var(--wmui-color-primary), inset 0 0 0 2px var(--wmui-color-base--inverted);
--wmui-box-shadow-frameless-indicator--focus: 0 0 0 2px var(--wmui-color-primary);
--wmui-box-shadow-action--focus: var(--wmui-box-shadow-base--focus), 0 0 0 1px var(--wmui-color-primary);
--wmui-box-shadow-toolbar-action-button--focus: inset 0 0 0 2px var(--wmui-color-primary), inset 0 0 0 3px var(--wmui-color-base--inverted);
--wmui-box-shadow-popuptoolgroup-tool--focus: inset 0 0 0 2px var(--wmui-color-primary--focus);
--wmui-box-shadow-input-binary--active: inset 0 0 0 1px var(--wmui-color-primary--active);
--wmui-box-shadow-error--focus: inset 0 0 0 1px var(--wmui-color-error);
--wmui-filter-drop-shadow-menu: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.3));
--wmui-background-color-input-binary--active: var(--wmui-color-primary--active);
--wmui-background-color-input-binary--checked: var(--wmui-color-primary);
--wmui-border-color-input-binary: var(--wmui-border-color-base--active);
--wmui-border-color-input-binary--active: var(--wmui-color-primary--active);
--wmui-border-color-input-binary--checked: var(--wmui-color-primary);
--wmui-border-width-radio--checked: 6px;
--wmui-background-color-filled--primary-disabled: #a0a;
}
/* #endregion */