|
|
| Line 1,957: |
Line 1,957: |
| } | | } |
| } | | } |
| :root {
| |
| --body-main: #e2dbc8;
| |
| --body-light: #d8ccb4;
| |
| --body-mid: #d0bd97;
| |
| --body-dark: #b8a282;
| |
| --body-border: #94866d;
| |
| --body-background-color: #c0a886;
| |
| --button-background: #605443;
| |
| --button-color: #fff;
| |
| --button-border: #3c352a;
| |
| --button-dark: #18140c;
| |
| --button-light: #3a301d;
| |
| --sidebar: #cfc08d;
| |
| --sidebar-text-color: #444444;
| |
| --sidebar-link-color: #442b18;
| |
| --background-text-color: #444;
| |
| --background-link-color: #52351e;
| |
| --search-box: #efeee6;
| |
| --link-color: #936039;
| |
| --redlink-color: #ba0000;
| |
| --text-color: #000;
| |
| --base-text-color: #444e5a;
| |
| --base-heading-color: #444e5a;
| |
| --base-heading-border: #e4eaee;
| |
| --mw-code-background-color: #ddd4bb;
| |
| --ul-list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%234c4c4c'/%3E %3C/svg%3E");
| |
| --body-background-image: url("filepath://wiki-background.png");
| |
| }
| |
|
| |
| body.wgl-darkmode { | | body.wgl-darkmode { |
| --body-main: #172136;
| |
| --body-light: #313e59;
| |
| --body-mid: #293753;
| |
| --body-dark: #222e45;
| |
| --body-border: #596e96;
| |
| --body-background-color: #071022;
| |
| --button-background: #222e45;
| |
| --button-color: #fff;
| |
| --button-border: #222e45;
| |
| --button-dark: #18140c;
| |
| --button-light: #3a301d;
| |
| --sidebar: #596e96;
| |
| --sidebar-text-color: #444444;
| |
| --sidebar-link-color: #442b18;
| |
| --background-text-color: #cbd9f4;
| |
| --background-link-color: #8cabe6;
| |
| --search-box: #313e59;
| |
| --link-color: #8cabe6;
| |
| --redlink-color: #f26d60;
| |
| --text-color: #cbd9f4;
| |
| --base-text-color: #cbd9f4;
| |
| --base-heading-color: #cbd9f4;
| |
| --base-heading-border: #e4eaee;
| |
| --mw-code-background-color: #313e59;
| |
| --oo-ui-popup-border-color: #2f4060;
| |
| }
| |
|
| |
| :root {
| |
| --code-editor-border: var(--body-main);
| |
| --code-editor-background: var(--body-light);
| |
| }
| |
|
| |
| body.wgl-darkmode :root {
| |
| --code-editor-border: var(--body-main); | | --code-editor-border: var(--body-main); |
| --code-editor-background: var(--body-light); | | --code-editor-background: var(--body-light); |
| Line 2,029: |
Line 1,967: |
| body.wgl-darkmode .codeEditor-status-message { | | body.wgl-darkmode .codeEditor-status-message { |
| border-color: var(--code-editor-border); | | border-color: var(--code-editor-border); |
| }
| |
|
| |
| :root {
| |
| --body-main: #e2dbc8;
| |
| --body-light: #d8ccb4;
| |
| --body-mid: #d0bd97;
| |
| --body-dark: #b8a282;
| |
| --body-border: #94866d;
| |
| --body-background-color: #c0a886;
| |
| --button-background: #605443;
| |
| --button-color: #fff;
| |
| --button-border: #3c352a;
| |
| --button-dark: #18140c;
| |
| --button-light: #3a301d;
| |
| --sidebar: #cfc08d;
| |
| --sidebar-text-color: #444444;
| |
| --sidebar-link-color: #442b18;
| |
| --background-text-color: #444;
| |
| --background-link-color: #52351e;
| |
| --search-box: #efeee6;
| |
| --link-color: #936039;
| |
| --redlink-color: #ba0000;
| |
| --text-color: #000;
| |
| --base-text-color: #444e5a;
| |
| --base-heading-color: #444e5a;
| |
| --base-heading-border: #e4eaee;
| |
| --mw-code-background-color: #ddd4bb;
| |
| --ul-list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%234c4c4c'/%3E %3C/svg%3E");
| |
| --body-background-image: url("filepath://wiki-background.png");
| |
| } | | } |
|
| |
|
| body.wgl-darkmode { | | body.wgl-darkmode { |
| --body-main: #172136;
| |
| --body-light: #313e59;
| |
| --body-mid: #293753;
| |
| --body-dark: #222e45;
| |
| --body-border: #596e96;
| |
| --body-background-color: #071022;
| |
| --button-background: #222e45;
| |
| --button-color: #fff;
| |
| --button-border: #222e45;
| |
| --button-dark: #18140c;
| |
| --button-light: #3a301d;
| |
| --sidebar: #596e96;
| |
| --sidebar-text-color: #444444;
| |
| --sidebar-link-color: #442b18;
| |
| --background-text-color: #cbd9f4;
| |
| --background-link-color: #8cabe6;
| |
| --search-box: #313e59;
| |
| --link-color: #8cabe6;
| |
| --redlink-color: #f26d60;
| |
| --text-color: #cbd9f4;
| |
| --base-text-color: #cbd9f4;
| |
| --base-heading-color: #cbd9f4;
| |
| --base-heading-border: #e4eaee;
| |
| --mw-code-background-color: #313e59;
| |
| --oo-ui-popup-border-color: #2f4060;
| |
| }
| |
|
| |
| :root {
| |
| --codemirror-gutter-background: var(--body-light);
| |
| --codemirror-border: var(--body-main);
| |
| --codemirror-background: var(--body-dark);
| |
| --codemirror-caret-color: #61afef;
| |
| --codemirror-text-color: var(--text-color);
| |
| --codemirror-select-1: rgba(140, 171, 230, 0.1);
| |
| --codemirror-select-2: rgba(140, 171, 230, 0.2);
| |
| --codemirror-section: #fff;
| |
| }
| |
|
| |
| body.wgl-darkmode :root {
| |
| --codemirror-gutter-background: var(--body-light); | | --codemirror-gutter-background: var(--body-light); |
| --codemirror-border: var(--body-main); | | --codemirror-border: var(--body-main); |
| Line 2,224: |
Line 2,094: |
| .CodeMirror-focused body.wgl-darkmode .CodeMirror-selected { | | .CodeMirror-focused body.wgl-darkmode .CodeMirror-selected { |
| background-color: var(--codemirror-select-2); | | background-color: var(--codemirror-select-2); |
| }
| |
|
| |
| :root {
| |
| --body-main: #e2dbc8;
| |
| --body-light: #d8ccb4;
| |
| --body-mid: #d0bd97;
| |
| --body-dark: #b8a282;
| |
| --body-border: #94866d;
| |
| --body-background-color: #c0a886;
| |
| --button-background: #605443;
| |
| --button-color: #fff;
| |
| --button-border: #3c352a;
| |
| --button-dark: #18140c;
| |
| --button-light: #3a301d;
| |
| --sidebar: #cfc08d;
| |
| --sidebar-text-color: #444444;
| |
| --sidebar-link-color: #442b18;
| |
| --background-text-color: #444;
| |
| --background-link-color: #52351e;
| |
| --search-box: #efeee6;
| |
| --link-color: #936039;
| |
| --redlink-color: #ba0000;
| |
| --text-color: #000;
| |
| --base-text-color: #444e5a;
| |
| --base-heading-color: #444e5a;
| |
| --base-heading-border: #e4eaee;
| |
| --mw-code-background-color: #ddd4bb;
| |
| --ul-list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%234c4c4c'/%3E %3C/svg%3E");
| |
| --body-background-image: url("filepath://wiki-background.png");
| |
| }
| |
|
| |
| body.wgl-darkmode {
| |
| --body-main: #172136;
| |
| --body-light: #313e59;
| |
| --body-mid: #293753;
| |
| --body-dark: #222e45;
| |
| --body-border: #596e96;
| |
| --body-background-color: #071022;
| |
| --button-background: #222e45;
| |
| --button-color: #fff;
| |
| --button-border: #222e45;
| |
| --button-dark: #18140c;
| |
| --button-light: #3a301d;
| |
| --sidebar: #596e96;
| |
| --sidebar-text-color: #444444;
| |
| --sidebar-link-color: #442b18;
| |
| --background-text-color: #cbd9f4;
| |
| --background-link-color: #8cabe6;
| |
| --search-box: #313e59;
| |
| --link-color: #8cabe6;
| |
| --redlink-color: #f26d60;
| |
| --text-color: #cbd9f4;
| |
| --base-text-color: #cbd9f4;
| |
| --base-heading-color: #cbd9f4;
| |
| --base-heading-border: #e4eaee;
| |
| --mw-code-background-color: #313e59;
| |
| --oo-ui-popup-border-color: #2f4060;
| |
| } | | } |
|
| |
|
| Line 2,292: |
Line 2,105: |
| background: var(--body-dark); | | background: var(--body-dark); |
| border-color: var(--body-main); | | border-color: var(--body-main); |
| }
| |
|
| |
| :root {
| |
| --body-main: #e2dbc8;
| |
| --body-light: #d8ccb4;
| |
| --body-mid: #d0bd97;
| |
| --body-dark: #b8a282;
| |
| --body-border: #94866d;
| |
| --body-background-color: #c0a886;
| |
| --button-background: #605443;
| |
| --button-color: #fff;
| |
| --button-border: #3c352a;
| |
| --button-dark: #18140c;
| |
| --button-light: #3a301d;
| |
| --sidebar: #cfc08d;
| |
| --sidebar-text-color: #444444;
| |
| --sidebar-link-color: #442b18;
| |
| --background-text-color: #444;
| |
| --background-link-color: #52351e;
| |
| --search-box: #efeee6;
| |
| --link-color: #936039;
| |
| --redlink-color: #ba0000;
| |
| --text-color: #000;
| |
| --base-text-color: #444e5a;
| |
| --base-heading-color: #444e5a;
| |
| --base-heading-border: #e4eaee;
| |
| --mw-code-background-color: #ddd4bb;
| |
| --ul-list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%234c4c4c'/%3E %3C/svg%3E");
| |
| --body-background-image: url("filepath://wiki-background.png");
| |
| }
| |
|
| |
| body.wgl-darkmode {
| |
| --body-main: #172136;
| |
| --body-light: #313e59;
| |
| --body-mid: #293753;
| |
| --body-dark: #222e45;
| |
| --body-border: #596e96;
| |
| --body-background-color: #071022;
| |
| --button-background: #222e45;
| |
| --button-color: #fff;
| |
| --button-border: #222e45;
| |
| --button-dark: #18140c;
| |
| --button-light: #3a301d;
| |
| --sidebar: #596e96;
| |
| --sidebar-text-color: #444444;
| |
| --sidebar-link-color: #442b18;
| |
| --background-text-color: #cbd9f4;
| |
| --background-link-color: #8cabe6;
| |
| --search-box: #313e59;
| |
| --link-color: #8cabe6;
| |
| --redlink-color: #f26d60;
| |
| --text-color: #cbd9f4;
| |
| --base-text-color: #cbd9f4;
| |
| --base-heading-color: #cbd9f4;
| |
| --base-heading-border: #e4eaee;
| |
| --mw-code-background-color: #313e59;
| |
| --oo-ui-popup-border-color: #2f4060;
| |
| } | | } |
|
| |
|
| Line 2,374: |
Line 2,130: |
| border: 1px solid #475980; | | border: 1px solid #475980; |
| border-left: none; | | border-left: none; |
| }
| |
|
| |
| :root {
| |
| --body-main: #e2dbc8;
| |
| --body-light: #d8ccb4;
| |
| --body-mid: #d0bd97;
| |
| --body-dark: #b8a282;
| |
| --body-border: #94866d;
| |
| --body-background-color: #c0a886;
| |
| --button-background: #605443;
| |
| --button-color: #fff;
| |
| --button-border: #3c352a;
| |
| --button-dark: #18140c;
| |
| --button-light: #3a301d;
| |
| --sidebar: #cfc08d;
| |
| --sidebar-text-color: #444444;
| |
| --sidebar-link-color: #442b18;
| |
| --background-text-color: #444;
| |
| --background-link-color: #52351e;
| |
| --search-box: #efeee6;
| |
| --link-color: #936039;
| |
| --redlink-color: #ba0000;
| |
| --text-color: #000;
| |
| --base-text-color: #444e5a;
| |
| --base-heading-color: #444e5a;
| |
| --base-heading-border: #e4eaee;
| |
| --mw-code-background-color: #ddd4bb;
| |
| --ul-list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%234c4c4c'/%3E %3C/svg%3E");
| |
| --body-background-image: url("filepath://wiki-background.png");
| |
| }
| |
|
| |
| body.wgl-darkmode {
| |
| --body-main: #172136;
| |
| --body-light: #313e59;
| |
| --body-mid: #293753;
| |
| --body-dark: #222e45;
| |
| --body-border: #596e96;
| |
| --body-background-color: #071022;
| |
| --button-background: #222e45;
| |
| --button-color: #fff;
| |
| --button-border: #222e45;
| |
| --button-dark: #18140c;
| |
| --button-light: #3a301d;
| |
| --sidebar: #596e96;
| |
| --sidebar-text-color: #444444;
| |
| --sidebar-link-color: #442b18;
| |
| --background-text-color: #cbd9f4;
| |
| --background-link-color: #8cabe6;
| |
| --search-box: #313e59;
| |
| --link-color: #8cabe6;
| |
| --redlink-color: #f26d60;
| |
| --text-color: #cbd9f4;
| |
| --base-text-color: #cbd9f4;
| |
| --base-heading-color: #cbd9f4;
| |
| --base-heading-border: #e4eaee;
| |
| --mw-code-background-color: #313e59;
| |
| --oo-ui-popup-border-color: #2f4060;
| |
| }
| |
|
| |
| :root {
| |
| --body-main: #e2dbc8;
| |
| --body-light: #d8ccb4;
| |
| --body-mid: #d0bd97;
| |
| --body-dark: #b8a282;
| |
| --body-border: #94866d;
| |
| --body-background-color: #c0a886;
| |
| --button-background: #605443;
| |
| --button-color: #fff;
| |
| --button-border: #3c352a;
| |
| --button-dark: #18140c;
| |
| --button-light: #3a301d;
| |
| --sidebar: #cfc08d;
| |
| --sidebar-text-color: #444444;
| |
| --sidebar-link-color: #442b18;
| |
| --background-text-color: #444;
| |
| --background-link-color: #52351e;
| |
| --search-box: #efeee6;
| |
| --link-color: #936039;
| |
| --redlink-color: #ba0000;
| |
| --text-color: #000;
| |
| --base-text-color: #444e5a;
| |
| --base-heading-color: #444e5a;
| |
| --base-heading-border: #e4eaee;
| |
| --mw-code-background-color: #ddd4bb;
| |
| --ul-list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%234c4c4c'/%3E %3C/svg%3E");
| |
| --body-background-image: url("filepath://wiki-background.png");
| |
| }
| |
|
| |
| body.wgl-darkmode {
| |
| --body-main: #172136;
| |
| --body-light: #313e59;
| |
| --body-mid: #293753;
| |
| --body-dark: #222e45;
| |
| --body-border: #596e96;
| |
| --body-background-color: #071022;
| |
| --button-background: #222e45;
| |
| --button-color: #fff;
| |
| --button-border: #222e45;
| |
| --button-dark: #18140c;
| |
| --button-light: #3a301d;
| |
| --sidebar: #596e96;
| |
| --sidebar-text-color: #444444;
| |
| --sidebar-link-color: #442b18;
| |
| --background-text-color: #cbd9f4;
| |
| --background-link-color: #8cabe6;
| |
| --search-box: #313e59;
| |
| --link-color: #8cabe6;
| |
| --redlink-color: #f26d60;
| |
| --text-color: #cbd9f4;
| |
| --base-text-color: #cbd9f4;
| |
| --base-heading-color: #cbd9f4;
| |
| --base-heading-border: #e4eaee;
| |
| --mw-code-background-color: #313e59;
| |
| --oo-ui-popup-border-color: #2f4060;
| |
| }
| |
|
| |
| body.wgl-darkmode {
| |
| --oo-ui-text-color: var(--text-color);
| |
| --oo-ui-background-light: var(--body-light);
| |
| --oo-ui-background-mid: var(--body-dark);
| |
| --oo-ui-background-dark: #384766;
| |
| --oo-ui-border-light: #475980;
| |
| --oo-ui-border-mid: #556c9b;
| |
| --oo-ui-border-dark: #3f5073;
| |
| --oo-ui-disabled: #8992a4;
| |
| --oo-ui-widget-background: #182137;
| |
| }
| |
| body.wgl-darkmode .oo-ui-widget {
| |
| color: var(--oo-ui-text-color);
| |
| }
| |
| body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
| |
| color: var(--oo-ui-text-color);
| |
| background-color: var(--oo-ui-background-light);
| |
| border-color: var(--oo-ui-border-dark);
| |
| }
| |
| body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled:not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button:hover {
| |
| color: var(--oo-ui-text-color);
| |
| background-color: var(--oo-ui-background-dark);
| |
| border-color: var(--oo-ui-border-light);
| |
| }
| |
| body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
| |
| background-color: #447ff5;
| |
| border-color: #447ff5;
| |
| }
| |
| body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button[aria-disabled=true] {
| |
| background-color: var(--oo-ui-disabled);
| |
| border-color: var(--oo-ui-disabled);
| |
| }
| |
| body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
| |
| background-color: #2a4b8d;
| |
| border-color: #2a4b8d;
| |
| }
| |
| body.wgl-darkmode .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
| |
| background-color: var(--oo-ui-disabled);
| |
| border-color: var(--oo-ui-disabled);
| |
| }
| |
| body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
| |
| background-color: var(--oo-ui-background-dark);
| |
| }
| |
| body.wgl-darkmode .oo-ui-tagMultiselectWidget-handle {
| |
| border-color: var(--oo-ui-border-light);
| |
| }
| |
| body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle {
| |
| border-color: var(--oo-ui-border-mid);
| |
| }
| |
| body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
| |
| background-color: var(--oo-ui-dark-background);
| |
| border-color: var(--oo-ui-popup-border-color);
| |
| }
| |
| body.wgl-darkmode .oo-ui-menuSelectWidget {
| |
| background-color: var(--oo-ui-background-light);
| |
| border-color: var(--oo-ui-border-dark);
| |
| }
| |
| body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
| |
| background-color: var(--oo-ui-widget-background);
| |
| }
| |
| body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
| |
| background-color: var(--oo-ui-background-light);
| |
| border-color: var(--oo-ui-border-dark);
| |
| }
| |
| body.wgl-darkmode .oo-ui-textInputWidget input, body.wgl-darkmode .oo-ui-textInputWidget textarea {
| |
| color: var(--oo-ui-text-color);
| |
| background-color: var(--oo-ui-background-dark);
| |
| border-color: var(--oo-ui-border-light);
| |
| }
| |
| body.wgl-darkmode .oo-ui-textInputWidget .oo-ui-inputWidget-input::placeholder {
| |
| color: rgba(203, 217, 244, 0.6);
| |
| }
| |
| body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled:hover input, body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled:hover textarea {
| |
| border-color: var(--oo-ui-border-mid);
| |
| }
| |
| body.wgl-darkmode .oo-ui-pendingElement-pending {
| |
| background-image: repeating-linear-gradient(-45deg, #2f4060, #303f59 20px, #182137 20px, #182137 30px);
| |
| }
| |
| body.wgl-darkmode .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer {
| |
| border-color: var(--oo-ui-border-dark);
| |
| }
| |
| body.wgl-darkmode .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {
| |
| border-color: var(--oo-ui-border-dark);
| |
| }
| |
| body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled {
| |
| background-color: var(--oo-ui-widget-background);
| |
| }
| |
| body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {
| |
| background-color: var(--oo-ui-widget-background);
| |
| }
| |
| body.wgl-darkmode .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
| |
| color: var(--oo-ui-text-color);
| |
| background-color: var(--oo-ui-background-light);
| |
| border-color: var(--oo-ui-border-dark);
| |
| }
| |
| body.wgl-darkmode .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
| |
| color: var(--oo-ui-text-color);
| |
| background-color: var(--oo-ui-background-light);
| |
| border-color: var(--oo-ui-border-light);
| |
| }
| |
| body.wgl-darkmode .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
| |
| background-color: var(--oo-ui-background-dark);
| |
| }
| |
| body.wgl-darkmode .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
| |
| background-color: #2a354c;
| |
| }
| |
| body.wgl-darkmode .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
| |
| background-color: var(--oo-ui-background-dark);
| |
| }
| |
| body.wgl-darkmode .oo-ui-checkboxInputWidget [type=checkbox] + span, body.wgl-darkmode .oo-ui-radioInputWidget [type=radio] + span {
| |
| background-color: var(--oo-ui-background-dark);
| |
| border-color: var(--oo-ui-border-light);
| |
| }
| |
| body.wgl-darkmode .oo-ui-checkboxInputWidget [type=checkbox]:disabled + span {
| |
| background-color: var(--oo-ui-disabled);
| |
| border-color: var(--oo-ui-disabled);
| |
| }
| |
| body.wgl-darkmode .oo-ui-radioInputWidget [type=radio]:disabled + span {
| |
| background-color: var(--oo-ui-disabled);
| |
| border-color: var(--oo-ui-disabled);
| |
| }
| |
| body.wgl-darkmode .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked + span {
| |
| background-color: #8daeee;
| |
| border-color: #728bba;
| |
| }
| |
| body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
| |
| color: #ccd9f4;
| |
| }
| |
| body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover {
| |
| color: #ccd9f4;
| |
| border-color: var(--oo-ui-border-dark);
| |
| }
| |
| body.wgl-darkmode .oo-ui-window-content {
| |
| background-color: var(--oo-ui-dark-background);
| |
| color: var(--oo-ui-text-color);
| |
| }
| |
| body.wgl-darkmode .oo-ui-window-content .oo-ui-window-body, body.wgl-darkmode .oo-ui-window-content .oo-ui-window-head {
| |
| outline-color: var(--oo-ui-popup-border-color);
| |
| }
| |
| body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-dropTarget, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-info {
| |
| background-color: #2a3956;
| |
| border-color: #384c71;
| |
| }
| |
| body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-dropTarget:hover, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-info:hover {
| |
| border-color: #3b5078;
| |
| }
| |
| body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-dropLabel {
| |
| color: var(--oo-ui-text-color);
| |
| }
| |
| body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
| |
| background-color: #313946;
| |
| border-color: #363f50;
| |
| }
| |
| body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-disabled input, body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
| |
| text-shadow: 0 1px 1px #000;
| |
| color: #e5f3fc;
| |
| -webkit-text-fill-color: #e5f3fc;
| |
| }
| |
| body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {
| |
| background-color: #444e5a;
| |
| } | | } |
|
| |
|
| Line 2,707: |
Line 2,187: |
| body.wgl-darkmode .mw-echo-ui-specialHelpMenuWidget-menu .oo-ui-buttonWidget:hover { | | body.wgl-darkmode .mw-echo-ui-specialHelpMenuWidget-menu .oo-ui-buttonWidget:hover { |
| background-color: #384766; | | background-color: #384766; |
| }
| |
|
| |
| :root {
| |
| --body-main: #e2dbc8;
| |
| --body-light: #d8ccb4;
| |
| --body-mid: #d0bd97;
| |
| --body-dark: #b8a282;
| |
| --body-border: #94866d;
| |
| --body-background-color: #c0a886;
| |
| --button-background: #605443;
| |
| --button-color: #fff;
| |
| --button-border: #3c352a;
| |
| --button-dark: #18140c;
| |
| --button-light: #3a301d;
| |
| --sidebar: #cfc08d;
| |
| --sidebar-text-color: #444444;
| |
| --sidebar-link-color: #442b18;
| |
| --background-text-color: #444;
| |
| --background-link-color: #52351e;
| |
| --search-box: #efeee6;
| |
| --link-color: #936039;
| |
| --redlink-color: #ba0000;
| |
| --text-color: #000;
| |
| --base-text-color: #444e5a;
| |
| --base-heading-color: #444e5a;
| |
| --base-heading-border: #e4eaee;
| |
| --mw-code-background-color: #ddd4bb;
| |
| --ul-list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%234c4c4c'/%3E %3C/svg%3E");
| |
| --body-background-image: url("filepath://wiki-background.png");
| |
| }
| |
|
| |
| body.wgl-darkmode {
| |
| --body-main: #172136;
| |
| --body-light: #313e59;
| |
| --body-mid: #293753;
| |
| --body-dark: #222e45;
| |
| --body-border: #596e96;
| |
| --body-background-color: #071022;
| |
| --button-background: #222e45;
| |
| --button-color: #fff;
| |
| --button-border: #222e45;
| |
| --button-dark: #18140c;
| |
| --button-light: #3a301d;
| |
| --sidebar: #596e96;
| |
| --sidebar-text-color: #444444;
| |
| --sidebar-link-color: #442b18;
| |
| --background-text-color: #cbd9f4;
| |
| --background-link-color: #8cabe6;
| |
| --search-box: #313e59;
| |
| --link-color: #8cabe6;
| |
| --redlink-color: #f26d60;
| |
| --text-color: #cbd9f4;
| |
| --base-text-color: #cbd9f4;
| |
| --base-heading-color: #cbd9f4;
| |
| --base-heading-border: #e4eaee;
| |
| --mw-code-background-color: #313e59;
| |
| --oo-ui-popup-border-color: #2f4060;
| |
| } | | } |
|
| |
|
| Line 2,898: |
Line 2,321: |
| background-color: var(--body-light); | | background-color: var(--body-light); |
| color: #cbd9f4; | | color: #cbd9f4; |
| }
| |
|
| |
| :root {
| |
| --body-main: #e2dbc8;
| |
| --body-light: #d8ccb4;
| |
| --body-mid: #d0bd97;
| |
| --body-dark: #b8a282;
| |
| --body-border: #94866d;
| |
| --body-background-color: #c0a886;
| |
| --button-background: #605443;
| |
| --button-color: #fff;
| |
| --button-border: #3c352a;
| |
| --button-dark: #18140c;
| |
| --button-light: #3a301d;
| |
| --sidebar: #cfc08d;
| |
| --sidebar-text-color: #444444;
| |
| --sidebar-link-color: #442b18;
| |
| --background-text-color: #444;
| |
| --background-link-color: #52351e;
| |
| --search-box: #efeee6;
| |
| --link-color: #936039;
| |
| --redlink-color: #ba0000;
| |
| --text-color: #000;
| |
| --base-text-color: #444e5a;
| |
| --base-heading-color: #444e5a;
| |
| --base-heading-border: #e4eaee;
| |
| --mw-code-background-color: #ddd4bb;
| |
| --ul-list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%234c4c4c'/%3E %3C/svg%3E");
| |
| --body-background-image: url("filepath://wiki-background.png");
| |
| }
| |
|
| |
| body.wgl-darkmode {
| |
| --body-main: #172136;
| |
| --body-light: #313e59;
| |
| --body-mid: #293753;
| |
| --body-dark: #222e45;
| |
| --body-border: #596e96;
| |
| --body-background-color: #071022;
| |
| --button-background: #222e45;
| |
| --button-color: #fff;
| |
| --button-border: #222e45;
| |
| --button-dark: #18140c;
| |
| --button-light: #3a301d;
| |
| --sidebar: #596e96;
| |
| --sidebar-text-color: #444444;
| |
| --sidebar-link-color: #442b18;
| |
| --background-text-color: #cbd9f4;
| |
| --background-link-color: #8cabe6;
| |
| --search-box: #313e59;
| |
| --link-color: #8cabe6;
| |
| --redlink-color: #f26d60;
| |
| --text-color: #cbd9f4;
| |
| --base-text-color: #cbd9f4;
| |
| --base-heading-color: #cbd9f4;
| |
| --base-heading-border: #e4eaee;
| |
| --mw-code-background-color: #313e59;
| |
| --oo-ui-popup-border-color: #2f4060;
| |
| } | | } |
|
| |
|
| Line 2,962: |
Line 2,328: |
| body.wgl-darkmode #pt-notifications-notice a { | | body.wgl-darkmode #pt-notifications-notice a { |
| background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E tray %3C/title%3E%3Cpath fill='%23ccd9f4' d='M17 1H3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 12h-4l-1 2H8l-1-2H3V3h14z'/%3E%3C/svg%3E"); | | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E tray %3C/title%3E%3Cpath fill='%23ccd9f4' d='M17 1H3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 12h-4l-1 2H8l-1-2H3V3h14z'/%3E%3C/svg%3E"); |
| }
| |
|
| |
| :root {
| |
| --body-main: #e2dbc8;
| |
| --body-light: #d8ccb4;
| |
| --body-mid: #d0bd97;
| |
| --body-dark: #b8a282;
| |
| --body-border: #94866d;
| |
| --body-background-color: #c0a886;
| |
| --button-background: #605443;
| |
| --button-color: #fff;
| |
| --button-border: #3c352a;
| |
| --button-dark: #18140c;
| |
| --button-light: #3a301d;
| |
| --sidebar: #cfc08d;
| |
| --sidebar-text-color: #444444;
| |
| --sidebar-link-color: #442b18;
| |
| --background-text-color: #444;
| |
| --background-link-color: #52351e;
| |
| --search-box: #efeee6;
| |
| --link-color: #936039;
| |
| --redlink-color: #ba0000;
| |
| --text-color: #000;
| |
| --base-text-color: #444e5a;
| |
| --base-heading-color: #444e5a;
| |
| --base-heading-border: #e4eaee;
| |
| --mw-code-background-color: #ddd4bb;
| |
| --ul-list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%234c4c4c'/%3E %3C/svg%3E");
| |
| --body-background-image: url("filepath://wiki-background.png");
| |
| }
| |
|
| |
| body.wgl-darkmode {
| |
| --body-main: #172136;
| |
| --body-light: #313e59;
| |
| --body-mid: #293753;
| |
| --body-dark: #222e45;
| |
| --body-border: #596e96;
| |
| --body-background-color: #071022;
| |
| --button-background: #222e45;
| |
| --button-color: #fff;
| |
| --button-border: #222e45;
| |
| --button-dark: #18140c;
| |
| --button-light: #3a301d;
| |
| --sidebar: #596e96;
| |
| --sidebar-text-color: #444444;
| |
| --sidebar-link-color: #442b18;
| |
| --background-text-color: #cbd9f4;
| |
| --background-link-color: #8cabe6;
| |
| --search-box: #313e59;
| |
| --link-color: #8cabe6;
| |
| --redlink-color: #f26d60;
| |
| --text-color: #cbd9f4;
| |
| --base-text-color: #cbd9f4;
| |
| --base-heading-color: #cbd9f4;
| |
| --base-heading-border: #e4eaee;
| |
| --mw-code-background-color: #313e59;
| |
| --oo-ui-popup-border-color: #2f4060;
| |
| }
| |
|
| |
| body.wgl-darkmode {
| |
| --oo-ui-text-color: var(--text-color);
| |
| --oo-ui-background-light: var(--body-light);
| |
| --oo-ui-background-mid: var(--body-dark);
| |
| --oo-ui-background-dark: #384766;
| |
| --oo-ui-border-light: #475980;
| |
| --oo-ui-border-mid: #556c9b;
| |
| --oo-ui-border-dark: #3f5073;
| |
| --oo-ui-disabled: #8992a4;
| |
| --oo-ui-widget-background: #182137;
| |
| }
| |
| body.wgl-darkmode .oo-ui-widget {
| |
| color: var(--oo-ui-text-color);
| |
| }
| |
| body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
| |
| color: var(--oo-ui-text-color);
| |
| background-color: var(--oo-ui-background-light);
| |
| border-color: var(--oo-ui-border-dark);
| |
| }
| |
| body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled:not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button:hover {
| |
| color: var(--oo-ui-text-color);
| |
| background-color: var(--oo-ui-background-dark);
| |
| border-color: var(--oo-ui-border-light);
| |
| }
| |
| body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
| |
| background-color: #447ff5;
| |
| border-color: #447ff5;
| |
| }
| |
| body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button[aria-disabled=true] {
| |
| background-color: var(--oo-ui-disabled);
| |
| border-color: var(--oo-ui-disabled);
| |
| }
| |
| body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
| |
| background-color: #2a4b8d;
| |
| border-color: #2a4b8d;
| |
| }
| |
| body.wgl-darkmode .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
| |
| background-color: var(--oo-ui-disabled);
| |
| border-color: var(--oo-ui-disabled);
| |
| }
| |
| body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
| |
| background-color: var(--oo-ui-background-dark);
| |
| }
| |
| body.wgl-darkmode .oo-ui-tagMultiselectWidget-handle {
| |
| border-color: var(--oo-ui-border-light);
| |
| }
| |
| body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle {
| |
| border-color: var(--oo-ui-border-mid);
| |
| }
| |
| body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
| |
| background-color: var(--oo-ui-dark-background);
| |
| border-color: var(--oo-ui-popup-border-color);
| |
| }
| |
| body.wgl-darkmode .oo-ui-menuSelectWidget {
| |
| background-color: var(--oo-ui-background-light);
| |
| border-color: var(--oo-ui-border-dark);
| |
| }
| |
| body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
| |
| background-color: var(--oo-ui-widget-background);
| |
| }
| |
| body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
| |
| background-color: var(--oo-ui-background-light);
| |
| border-color: var(--oo-ui-border-dark);
| |
| }
| |
| body.wgl-darkmode .oo-ui-textInputWidget input, body.wgl-darkmode .oo-ui-textInputWidget textarea {
| |
| color: var(--oo-ui-text-color);
| |
| background-color: var(--oo-ui-background-dark);
| |
| border-color: var(--oo-ui-border-light);
| |
| }
| |
| body.wgl-darkmode .oo-ui-textInputWidget .oo-ui-inputWidget-input::placeholder {
| |
| color: rgba(203, 217, 244, 0.6);
| |
| }
| |
| body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled:hover input, body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled:hover textarea {
| |
| border-color: var(--oo-ui-border-mid);
| |
| }
| |
| body.wgl-darkmode .oo-ui-pendingElement-pending {
| |
| background-image: repeating-linear-gradient(-45deg, #2f4060, #303f59 20px, #182137 20px, #182137 30px);
| |
| }
| |
| body.wgl-darkmode .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer {
| |
| border-color: var(--oo-ui-border-dark);
| |
| }
| |
| body.wgl-darkmode .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {
| |
| border-color: var(--oo-ui-border-dark);
| |
| }
| |
| body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled {
| |
| background-color: var(--oo-ui-widget-background);
| |
| }
| |
| body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {
| |
| background-color: var(--oo-ui-widget-background);
| |
| }
| |
| body.wgl-darkmode .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
| |
| color: var(--oo-ui-text-color);
| |
| background-color: var(--oo-ui-background-light);
| |
| border-color: var(--oo-ui-border-dark);
| |
| }
| |
| body.wgl-darkmode .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
| |
| color: var(--oo-ui-text-color);
| |
| background-color: var(--oo-ui-background-light);
| |
| border-color: var(--oo-ui-border-light);
| |
| }
| |
| body.wgl-darkmode .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
| |
| background-color: var(--oo-ui-background-dark);
| |
| }
| |
| body.wgl-darkmode .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
| |
| background-color: #2a354c;
| |
| }
| |
| body.wgl-darkmode .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
| |
| background-color: var(--oo-ui-background-dark);
| |
| }
| |
| body.wgl-darkmode .oo-ui-checkboxInputWidget [type=checkbox] + span, body.wgl-darkmode .oo-ui-radioInputWidget [type=radio] + span {
| |
| background-color: var(--oo-ui-background-dark);
| |
| border-color: var(--oo-ui-border-light);
| |
| }
| |
| body.wgl-darkmode .oo-ui-checkboxInputWidget [type=checkbox]:disabled + span {
| |
| background-color: var(--oo-ui-disabled);
| |
| border-color: var(--oo-ui-disabled);
| |
| }
| |
| body.wgl-darkmode .oo-ui-radioInputWidget [type=radio]:disabled + span {
| |
| background-color: var(--oo-ui-disabled);
| |
| border-color: var(--oo-ui-disabled);
| |
| }
| |
| body.wgl-darkmode .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked + span {
| |
| background-color: #8daeee;
| |
| border-color: #728bba;
| |
| }
| |
| body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
| |
| color: #ccd9f4;
| |
| }
| |
| body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover {
| |
| color: #ccd9f4;
| |
| border-color: var(--oo-ui-border-dark);
| |
| }
| |
| body.wgl-darkmode .oo-ui-window-content {
| |
| background-color: var(--oo-ui-dark-background);
| |
| color: var(--oo-ui-text-color);
| |
| }
| |
| body.wgl-darkmode .oo-ui-window-content .oo-ui-window-body, body.wgl-darkmode .oo-ui-window-content .oo-ui-window-head {
| |
| outline-color: var(--oo-ui-popup-border-color);
| |
| }
| |
| body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-dropTarget, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-info {
| |
| background-color: #2a3956;
| |
| border-color: #384c71;
| |
| }
| |
| body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-dropTarget:hover, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-info:hover {
| |
| border-color: #3b5078;
| |
| }
| |
| body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-dropLabel {
| |
| color: var(--oo-ui-text-color);
| |
| }
| |
| body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
| |
| background-color: #313946;
| |
| border-color: #363f50;
| |
| }
| |
| body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-disabled input, body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
| |
| text-shadow: 0 1px 1px #000;
| |
| color: #e5f3fc;
| |
| -webkit-text-fill-color: #e5f3fc;
| |
| }
| |
| body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {
| |
| background-color: #444e5a;
| |
| }
| |
|
| |
| :root {
| |
| --body-main: #e2dbc8;
| |
| --body-light: #d8ccb4;
| |
| --body-mid: #d0bd97;
| |
| --body-dark: #b8a282;
| |
| --body-border: #94866d;
| |
| --body-background-color: #c0a886;
| |
| --button-background: #605443;
| |
| --button-color: #fff;
| |
| --button-border: #3c352a;
| |
| --button-dark: #18140c;
| |
| --button-light: #3a301d;
| |
| --sidebar: #cfc08d;
| |
| --sidebar-text-color: #444444;
| |
| --sidebar-link-color: #442b18;
| |
| --background-text-color: #444;
| |
| --background-link-color: #52351e;
| |
| --search-box: #efeee6;
| |
| --link-color: #936039;
| |
| --redlink-color: #ba0000;
| |
| --text-color: #000;
| |
| --base-text-color: #444e5a;
| |
| --base-heading-color: #444e5a;
| |
| --base-heading-border: #e4eaee;
| |
| --mw-code-background-color: #ddd4bb;
| |
| --ul-list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%234c4c4c'/%3E %3C/svg%3E");
| |
| --body-background-image: url("filepath://wiki-background.png");
| |
| }
| |
|
| |
| body.wgl-darkmode {
| |
| --body-main: #172136;
| |
| --body-light: #313e59;
| |
| --body-mid: #293753;
| |
| --body-dark: #222e45;
| |
| --body-border: #596e96;
| |
| --body-background-color: #071022;
| |
| --button-background: #222e45;
| |
| --button-color: #fff;
| |
| --button-border: #222e45;
| |
| --button-dark: #18140c;
| |
| --button-light: #3a301d;
| |
| --sidebar: #596e96;
| |
| --sidebar-text-color: #444444;
| |
| --sidebar-link-color: #442b18;
| |
| --background-text-color: #cbd9f4;
| |
| --background-link-color: #8cabe6;
| |
| --search-box: #313e59;
| |
| --link-color: #8cabe6;
| |
| --redlink-color: #f26d60;
| |
| --text-color: #cbd9f4;
| |
| --base-text-color: #cbd9f4;
| |
| --base-heading-color: #cbd9f4;
| |
| --base-heading-border: #e4eaee;
| |
| --mw-code-background-color: #313e59;
| |
| --oo-ui-popup-border-color: #2f4060;
| |
| }
| |
|
| |
| :root {
| |
| --body-main: #e2dbc8;
| |
| --body-light: #d8ccb4;
| |
| --body-mid: #d0bd97;
| |
| --body-dark: #b8a282;
| |
| --body-border: #94866d;
| |
| --body-background-color: #c0a886;
| |
| --button-background: #605443;
| |
| --button-color: #fff;
| |
| --button-border: #3c352a;
| |
| --button-dark: #18140c;
| |
| --button-light: #3a301d;
| |
| --sidebar: #cfc08d;
| |
| --sidebar-text-color: #444444;
| |
| --sidebar-link-color: #442b18;
| |
| --background-text-color: #444;
| |
| --background-link-color: #52351e;
| |
| --search-box: #efeee6;
| |
| --link-color: #936039;
| |
| --redlink-color: #ba0000;
| |
| --text-color: #000;
| |
| --base-text-color: #444e5a;
| |
| --base-heading-color: #444e5a;
| |
| --base-heading-border: #e4eaee;
| |
| --mw-code-background-color: #ddd4bb;
| |
| --ul-list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%234c4c4c'/%3E %3C/svg%3E");
| |
| --body-background-image: url("filepath://wiki-background.png");
| |
| }
| |
|
| |
| body.wgl-darkmode {
| |
| --body-main: #172136;
| |
| --body-light: #313e59;
| |
| --body-mid: #293753;
| |
| --body-dark: #222e45;
| |
| --body-border: #596e96;
| |
| --body-background-color: #071022;
| |
| --button-background: #222e45;
| |
| --button-color: #fff;
| |
| --button-border: #222e45;
| |
| --button-dark: #18140c;
| |
| --button-light: #3a301d;
| |
| --sidebar: #596e96;
| |
| --sidebar-text-color: #444444;
| |
| --sidebar-link-color: #442b18;
| |
| --background-text-color: #cbd9f4;
| |
| --background-link-color: #8cabe6;
| |
| --search-box: #313e59;
| |
| --link-color: #8cabe6;
| |
| --redlink-color: #f26d60;
| |
| --text-color: #cbd9f4;
| |
| --base-text-color: #cbd9f4;
| |
| --base-heading-color: #cbd9f4;
| |
| --base-heading-border: #e4eaee;
| |
| --mw-code-background-color: #313e59;
| |
| --oo-ui-popup-border-color: #2f4060;
| |
| } | | } |
|
| |
|
| Line 3,492: |
Line 2,525: |
| color: #ee4231; | | color: #ee4231; |
| border-bottom-color: #ee4231; | | border-bottom-color: #ee4231; |
| }
| |
|
| |
| :root {
| |
| --body-main: #e2dbc8;
| |
| --body-light: #d8ccb4;
| |
| --body-mid: #d0bd97;
| |
| --body-dark: #b8a282;
| |
| --body-border: #94866d;
| |
| --body-background-color: #c0a886;
| |
| --button-background: #605443;
| |
| --button-color: #fff;
| |
| --button-border: #3c352a;
| |
| --button-dark: #18140c;
| |
| --button-light: #3a301d;
| |
| --sidebar: #cfc08d;
| |
| --sidebar-text-color: #444444;
| |
| --sidebar-link-color: #442b18;
| |
| --background-text-color: #444;
| |
| --background-link-color: #52351e;
| |
| --search-box: #efeee6;
| |
| --link-color: #936039;
| |
| --redlink-color: #ba0000;
| |
| --text-color: #000;
| |
| --base-text-color: #444e5a;
| |
| --base-heading-color: #444e5a;
| |
| --base-heading-border: #e4eaee;
| |
| --mw-code-background-color: #ddd4bb;
| |
| --ul-list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%234c4c4c'/%3E %3C/svg%3E");
| |
| --body-background-image: url("filepath://wiki-background.png");
| |
| }
| |
|
| |
| body.wgl-darkmode {
| |
| --body-main: #172136;
| |
| --body-light: #313e59;
| |
| --body-mid: #293753;
| |
| --body-dark: #222e45;
| |
| --body-border: #596e96;
| |
| --body-background-color: #071022;
| |
| --button-background: #222e45;
| |
| --button-color: #fff;
| |
| --button-border: #222e45;
| |
| --button-dark: #18140c;
| |
| --button-light: #3a301d;
| |
| --sidebar: #596e96;
| |
| --sidebar-text-color: #444444;
| |
| --sidebar-link-color: #442b18;
| |
| --background-text-color: #cbd9f4;
| |
| --background-link-color: #8cabe6;
| |
| --search-box: #313e59;
| |
| --link-color: #8cabe6;
| |
| --redlink-color: #f26d60;
| |
| --text-color: #cbd9f4;
| |
| --base-text-color: #cbd9f4;
| |
| --base-heading-color: #cbd9f4;
| |
| --base-heading-border: #e4eaee;
| |
| --mw-code-background-color: #313e59;
| |
| --oo-ui-popup-border-color: #2f4060;
| |
| }
| |
|
| |
| :root {
| |
| --body-main: #e2dbc8;
| |
| --body-light: #d8ccb4;
| |
| --body-mid: #d0bd97;
| |
| --body-dark: #b8a282;
| |
| --body-border: #94866d;
| |
| --body-background-color: #c0a886;
| |
| --button-background: #605443;
| |
| --button-color: #fff;
| |
| --button-border: #3c352a;
| |
| --button-dark: #18140c;
| |
| --button-light: #3a301d;
| |
| --sidebar: #cfc08d;
| |
| --sidebar-text-color: #444444;
| |
| --sidebar-link-color: #442b18;
| |
| --background-text-color: #444;
| |
| --background-link-color: #52351e;
| |
| --search-box: #efeee6;
| |
| --link-color: #936039;
| |
| --redlink-color: #ba0000;
| |
| --text-color: #000;
| |
| --base-text-color: #444e5a;
| |
| --base-heading-color: #444e5a;
| |
| --base-heading-border: #e4eaee;
| |
| --mw-code-background-color: #ddd4bb;
| |
| --ul-list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%234c4c4c'/%3E %3C/svg%3E");
| |
| --body-background-image: url("filepath://wiki-background.png");
| |
| }
| |
|
| |
| body.wgl-darkmode {
| |
| --body-main: #172136;
| |
| --body-light: #313e59;
| |
| --body-mid: #293753;
| |
| --body-dark: #222e45;
| |
| --body-border: #596e96;
| |
| --body-background-color: #071022;
| |
| --button-background: #222e45;
| |
| --button-color: #fff;
| |
| --button-border: #222e45;
| |
| --button-dark: #18140c;
| |
| --button-light: #3a301d;
| |
| --sidebar: #596e96;
| |
| --sidebar-text-color: #444444;
| |
| --sidebar-link-color: #442b18;
| |
| --background-text-color: #cbd9f4;
| |
| --background-link-color: #8cabe6;
| |
| --search-box: #313e59;
| |
| --link-color: #8cabe6;
| |
| --redlink-color: #f26d60;
| |
| --text-color: #cbd9f4;
| |
| --base-text-color: #cbd9f4;
| |
| --base-heading-color: #cbd9f4;
| |
| --base-heading-border: #e4eaee;
| |
| --mw-code-background-color: #313e59;
| |
| --oo-ui-popup-border-color: #2f4060;
| |
| }
| |
|
| |
| body.wgl-darkmode {
| |
| --oo-ui-text-color: var(--text-color);
| |
| --oo-ui-background-light: var(--body-light);
| |
| --oo-ui-background-mid: var(--body-dark);
| |
| --oo-ui-background-dark: #384766;
| |
| --oo-ui-border-light: #475980;
| |
| --oo-ui-border-mid: #556c9b;
| |
| --oo-ui-border-dark: #3f5073;
| |
| --oo-ui-disabled: #8992a4;
| |
| --oo-ui-widget-background: #182137;
| |
| }
| |
| body.wgl-darkmode .oo-ui-widget {
| |
| color: var(--oo-ui-text-color);
| |
| }
| |
| body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
| |
| color: var(--oo-ui-text-color);
| |
| background-color: var(--oo-ui-background-light);
| |
| border-color: var(--oo-ui-border-dark);
| |
| }
| |
| body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled:not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button:hover {
| |
| color: var(--oo-ui-text-color);
| |
| background-color: var(--oo-ui-background-dark);
| |
| border-color: var(--oo-ui-border-light);
| |
| }
| |
| body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
| |
| background-color: #447ff5;
| |
| border-color: #447ff5;
| |
| }
| |
| body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button[aria-disabled=true] {
| |
| background-color: var(--oo-ui-disabled);
| |
| border-color: var(--oo-ui-disabled);
| |
| }
| |
| body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
| |
| background-color: #2a4b8d;
| |
| border-color: #2a4b8d;
| |
| }
| |
| body.wgl-darkmode .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
| |
| background-color: var(--oo-ui-disabled);
| |
| border-color: var(--oo-ui-disabled);
| |
| }
| |
| body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
| |
| background-color: var(--oo-ui-background-dark);
| |
| }
| |
| body.wgl-darkmode .oo-ui-tagMultiselectWidget-handle {
| |
| border-color: var(--oo-ui-border-light);
| |
| }
| |
| body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle {
| |
| border-color: var(--oo-ui-border-mid);
| |
| }
| |
| body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
| |
| background-color: var(--oo-ui-dark-background);
| |
| border-color: var(--oo-ui-popup-border-color);
| |
| }
| |
| body.wgl-darkmode .oo-ui-menuSelectWidget {
| |
| background-color: var(--oo-ui-background-light);
| |
| border-color: var(--oo-ui-border-dark);
| |
| }
| |
| body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
| |
| background-color: var(--oo-ui-widget-background);
| |
| }
| |
| body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
| |
| background-color: var(--oo-ui-background-light);
| |
| border-color: var(--oo-ui-border-dark);
| |
| }
| |
| body.wgl-darkmode .oo-ui-textInputWidget input, body.wgl-darkmode .oo-ui-textInputWidget textarea {
| |
| color: var(--oo-ui-text-color);
| |
| background-color: var(--oo-ui-background-dark);
| |
| border-color: var(--oo-ui-border-light);
| |
| }
| |
| body.wgl-darkmode .oo-ui-textInputWidget .oo-ui-inputWidget-input::placeholder {
| |
| color: rgba(203, 217, 244, 0.6);
| |
| }
| |
| body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled:hover input, body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled:hover textarea {
| |
| border-color: var(--oo-ui-border-mid);
| |
| }
| |
| body.wgl-darkmode .oo-ui-pendingElement-pending {
| |
| background-image: repeating-linear-gradient(-45deg, #2f4060, #303f59 20px, #182137 20px, #182137 30px);
| |
| }
| |
| body.wgl-darkmode .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer {
| |
| border-color: var(--oo-ui-border-dark);
| |
| }
| |
| body.wgl-darkmode .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {
| |
| border-color: var(--oo-ui-border-dark);
| |
| }
| |
| body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled {
| |
| background-color: var(--oo-ui-widget-background);
| |
| }
| |
| body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {
| |
| background-color: var(--oo-ui-widget-background);
| |
| }
| |
| body.wgl-darkmode .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
| |
| color: var(--oo-ui-text-color);
| |
| background-color: var(--oo-ui-background-light);
| |
| border-color: var(--oo-ui-border-dark);
| |
| }
| |
| body.wgl-darkmode .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
| |
| color: var(--oo-ui-text-color);
| |
| background-color: var(--oo-ui-background-light);
| |
| border-color: var(--oo-ui-border-light);
| |
| }
| |
| body.wgl-darkmode .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
| |
| background-color: var(--oo-ui-background-dark);
| |
| }
| |
| body.wgl-darkmode .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
| |
| background-color: #2a354c;
| |
| }
| |
| body.wgl-darkmode .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
| |
| background-color: var(--oo-ui-background-dark);
| |
| }
| |
| body.wgl-darkmode .oo-ui-checkboxInputWidget [type=checkbox] + span, body.wgl-darkmode .oo-ui-radioInputWidget [type=radio] + span {
| |
| background-color: var(--oo-ui-background-dark);
| |
| border-color: var(--oo-ui-border-light);
| |
| }
| |
| body.wgl-darkmode .oo-ui-checkboxInputWidget [type=checkbox]:disabled + span {
| |
| background-color: var(--oo-ui-disabled);
| |
| border-color: var(--oo-ui-disabled);
| |
| }
| |
| body.wgl-darkmode .oo-ui-radioInputWidget [type=radio]:disabled + span {
| |
| background-color: var(--oo-ui-disabled);
| |
| border-color: var(--oo-ui-disabled);
| |
| }
| |
| body.wgl-darkmode .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked + span {
| |
| background-color: #8daeee;
| |
| border-color: #728bba;
| |
| }
| |
| body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
| |
| color: #ccd9f4;
| |
| }
| |
| body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover {
| |
| color: #ccd9f4;
| |
| border-color: var(--oo-ui-border-dark);
| |
| }
| |
| body.wgl-darkmode .oo-ui-window-content {
| |
| background-color: var(--oo-ui-dark-background);
| |
| color: var(--oo-ui-text-color);
| |
| }
| |
| body.wgl-darkmode .oo-ui-window-content .oo-ui-window-body, body.wgl-darkmode .oo-ui-window-content .oo-ui-window-head {
| |
| outline-color: var(--oo-ui-popup-border-color);
| |
| }
| |
| body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-dropTarget, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-info {
| |
| background-color: #2a3956;
| |
| border-color: #384c71;
| |
| }
| |
| body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-dropTarget:hover, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-info:hover {
| |
| border-color: #3b5078;
| |
| }
| |
| body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-dropLabel {
| |
| color: var(--oo-ui-text-color);
| |
| }
| |
| body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
| |
| background-color: #313946;
| |
| border-color: #363f50;
| |
| }
| |
| body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-disabled input, body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
| |
| text-shadow: 0 1px 1px #000;
| |
| color: #e5f3fc;
| |
| -webkit-text-fill-color: #e5f3fc;
| |
| }
| |
| body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {
| |
| background-color: #444e5a;
| |
| } | | } |
|
| |
|
| Line 3,838: |
Line 2,595: |
| background: none; | | background: none; |
| border: none; | | border: none; |
| }
| |
|
| |
| :root {
| |
| --body-main: #e2dbc8;
| |
| --body-light: #d8ccb4;
| |
| --body-mid: #d0bd97;
| |
| --body-dark: #b8a282;
| |
| --body-border: #94866d;
| |
| --body-background-color: #c0a886;
| |
| --button-background: #605443;
| |
| --button-color: #fff;
| |
| --button-border: #3c352a;
| |
| --button-dark: #18140c;
| |
| --button-light: #3a301d;
| |
| --sidebar: #cfc08d;
| |
| --sidebar-text-color: #444444;
| |
| --sidebar-link-color: #442b18;
| |
| --background-text-color: #444;
| |
| --background-link-color: #52351e;
| |
| --search-box: #efeee6;
| |
| --link-color: #936039;
| |
| --redlink-color: #ba0000;
| |
| --text-color: #000;
| |
| --base-text-color: #444e5a;
| |
| --base-heading-color: #444e5a;
| |
| --base-heading-border: #e4eaee;
| |
| --mw-code-background-color: #ddd4bb;
| |
| --ul-list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%234c4c4c'/%3E %3C/svg%3E");
| |
| --body-background-image: url("filepath://wiki-background.png");
| |
| } | | } |
|
| |
|
| body.wgl-darkmode { | | body.wgl-darkmode { |
| --body-main: #172136;
| |
| --body-light: #313e59;
| |
| --body-mid: #293753;
| |
| --body-dark: #222e45;
| |
| --body-border: #596e96;
| |
| --body-background-color: #071022;
| |
| --button-background: #222e45;
| |
| --button-color: #fff;
| |
| --button-border: #222e45;
| |
| --button-dark: #18140c;
| |
| --button-light: #3a301d;
| |
| --sidebar: #596e96;
| |
| --sidebar-text-color: #444444;
| |
| --sidebar-link-color: #442b18;
| |
| --background-text-color: #cbd9f4;
| |
| --background-link-color: #8cabe6;
| |
| --search-box: #313e59;
| |
| --link-color: #8cabe6;
| |
| --redlink-color: #f26d60;
| |
| --text-color: #cbd9f4;
| |
| --base-text-color: #cbd9f4;
| |
| --base-heading-color: #cbd9f4;
| |
| --base-heading-border: #e4eaee;
| |
| --mw-code-background-color: #313e59;
| |
| --oo-ui-popup-border-color: #2f4060;
| |
| }
| |
|
| |
| :root {
| |
| --body-main: #e2dbc8;
| |
| --body-light: #d8ccb4;
| |
| --body-mid: #d0bd97;
| |
| --body-dark: #b8a282;
| |
| --body-border: #94866d;
| |
| --body-background-color: #c0a886;
| |
| --button-background: #605443;
| |
| --button-color: #fff;
| |
| --button-border: #3c352a;
| |
| --button-dark: #18140c;
| |
| --button-light: #3a301d;
| |
| --sidebar: #cfc08d;
| |
| --sidebar-text-color: #444444;
| |
| --sidebar-link-color: #442b18;
| |
| --background-text-color: #444;
| |
| --background-link-color: #52351e;
| |
| --search-box: #efeee6;
| |
| --link-color: #936039;
| |
| --redlink-color: #ba0000;
| |
| --text-color: #000;
| |
| --base-text-color: #444e5a;
| |
| --base-heading-color: #444e5a;
| |
| --base-heading-border: #e4eaee;
| |
| --mw-code-background-color: #ddd4bb;
| |
| --ul-list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%234c4c4c'/%3E %3C/svg%3E");
| |
| --body-background-image: url("filepath://wiki-background.png");
| |
| }
| |
|
| |
| body.wgl-darkmode {
| |
| --body-main: #172136;
| |
| --body-light: #313e59;
| |
| --body-mid: #293753;
| |
| --body-dark: #222e45;
| |
| --body-border: #596e96;
| |
| --body-background-color: #071022;
| |
| --button-background: #222e45;
| |
| --button-color: #fff;
| |
| --button-border: #222e45;
| |
| --button-dark: #18140c;
| |
| --button-light: #3a301d;
| |
| --sidebar: #596e96;
| |
| --sidebar-text-color: #444444;
| |
| --sidebar-link-color: #442b18;
| |
| --background-text-color: #cbd9f4;
| |
| --background-link-color: #8cabe6;
| |
| --search-box: #313e59;
| |
| --link-color: #8cabe6;
| |
| --redlink-color: #f26d60;
| |
| --text-color: #cbd9f4;
| |
| --base-text-color: #cbd9f4;
| |
| --base-heading-color: #cbd9f4;
| |
| --base-heading-border: #e4eaee;
| |
| --mw-code-background-color: #313e59;
| |
| --oo-ui-popup-border-color: #2f4060;
| |
| }
| |
|
| |
| body.wgl-darkmode {
| |
| --oo-ui-text-color: var(--text-color);
| |
| --oo-ui-background-light: var(--body-light);
| |
| --oo-ui-background-mid: var(--body-dark);
| |
| --oo-ui-background-dark: #384766;
| |
| --oo-ui-border-light: #475980;
| |
| --oo-ui-border-mid: #556c9b;
| |
| --oo-ui-border-dark: #3f5073;
| |
| --oo-ui-disabled: #8992a4;
| |
| --oo-ui-widget-background: #182137;
| |
| }
| |
| body.wgl-darkmode .oo-ui-widget {
| |
| color: var(--oo-ui-text-color);
| |
| }
| |
| body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
| |
| color: var(--oo-ui-text-color);
| |
| background-color: var(--oo-ui-background-light);
| |
| border-color: var(--oo-ui-border-dark);
| |
| }
| |
| body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled:not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button:hover {
| |
| color: var(--oo-ui-text-color);
| |
| background-color: var(--oo-ui-background-dark);
| |
| border-color: var(--oo-ui-border-light);
| |
| }
| |
| body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
| |
| background-color: #447ff5;
| |
| border-color: #447ff5;
| |
| }
| |
| body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button[aria-disabled=true] {
| |
| background-color: var(--oo-ui-disabled);
| |
| border-color: var(--oo-ui-disabled);
| |
| }
| |
| body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
| |
| background-color: #2a4b8d;
| |
| border-color: #2a4b8d;
| |
| }
| |
| body.wgl-darkmode .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
| |
| background-color: var(--oo-ui-disabled);
| |
| border-color: var(--oo-ui-disabled);
| |
| }
| |
| body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
| |
| background-color: var(--oo-ui-background-dark);
| |
| }
| |
| body.wgl-darkmode .oo-ui-tagMultiselectWidget-handle {
| |
| border-color: var(--oo-ui-border-light);
| |
| }
| |
| body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle {
| |
| border-color: var(--oo-ui-border-mid);
| |
| }
| |
| body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
| |
| background-color: var(--oo-ui-dark-background);
| |
| border-color: var(--oo-ui-popup-border-color);
| |
| }
| |
| body.wgl-darkmode .oo-ui-menuSelectWidget {
| |
| background-color: var(--oo-ui-background-light);
| |
| border-color: var(--oo-ui-border-dark);
| |
| }
| |
| body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
| |
| background-color: var(--oo-ui-widget-background);
| |
| }
| |
| body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
| |
| background-color: var(--oo-ui-background-light);
| |
| border-color: var(--oo-ui-border-dark);
| |
| }
| |
| body.wgl-darkmode .oo-ui-textInputWidget input, body.wgl-darkmode .oo-ui-textInputWidget textarea {
| |
| color: var(--oo-ui-text-color);
| |
| background-color: var(--oo-ui-background-dark);
| |
| border-color: var(--oo-ui-border-light);
| |
| }
| |
| body.wgl-darkmode .oo-ui-textInputWidget .oo-ui-inputWidget-input::placeholder {
| |
| color: rgba(203, 217, 244, 0.6);
| |
| }
| |
| body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled:hover input, body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled:hover textarea {
| |
| border-color: var(--oo-ui-border-mid);
| |
| }
| |
| body.wgl-darkmode .oo-ui-pendingElement-pending {
| |
| background-image: repeating-linear-gradient(-45deg, #2f4060, #303f59 20px, #182137 20px, #182137 30px);
| |
| }
| |
| body.wgl-darkmode .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer {
| |
| border-color: var(--oo-ui-border-dark);
| |
| }
| |
| body.wgl-darkmode .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {
| |
| border-color: var(--oo-ui-border-dark);
| |
| }
| |
| body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled {
| |
| background-color: var(--oo-ui-widget-background);
| |
| }
| |
| body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {
| |
| background-color: var(--oo-ui-widget-background);
| |
| }
| |
| body.wgl-darkmode .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
| |
| color: var(--oo-ui-text-color);
| |
| background-color: var(--oo-ui-background-light);
| |
| border-color: var(--oo-ui-border-dark);
| |
| }
| |
| body.wgl-darkmode .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
| |
| color: var(--oo-ui-text-color);
| |
| background-color: var(--oo-ui-background-light);
| |
| border-color: var(--oo-ui-border-light);
| |
| }
| |
| body.wgl-darkmode .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
| |
| background-color: var(--oo-ui-background-dark);
| |
| }
| |
| body.wgl-darkmode .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
| |
| background-color: #2a354c;
| |
| }
| |
| body.wgl-darkmode .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
| |
| background-color: var(--oo-ui-background-dark);
| |
| }
| |
| body.wgl-darkmode .oo-ui-checkboxInputWidget [type=checkbox] + span, body.wgl-darkmode .oo-ui-radioInputWidget [type=radio] + span {
| |
| background-color: var(--oo-ui-background-dark);
| |
| border-color: var(--oo-ui-border-light);
| |
| }
| |
| body.wgl-darkmode .oo-ui-checkboxInputWidget [type=checkbox]:disabled + span {
| |
| background-color: var(--oo-ui-disabled);
| |
| border-color: var(--oo-ui-disabled);
| |
| }
| |
| body.wgl-darkmode .oo-ui-radioInputWidget [type=radio]:disabled + span {
| |
| background-color: var(--oo-ui-disabled);
| |
| border-color: var(--oo-ui-disabled);
| |
| }
| |
| body.wgl-darkmode .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked + span {
| |
| background-color: #8daeee;
| |
| border-color: #728bba;
| |
| }
| |
| body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
| |
| color: #ccd9f4;
| |
| }
| |
| body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover {
| |
| color: #ccd9f4;
| |
| border-color: var(--oo-ui-border-dark);
| |
| }
| |
| body.wgl-darkmode .oo-ui-window-content {
| |
| background-color: var(--oo-ui-dark-background);
| |
| color: var(--oo-ui-text-color);
| |
| }
| |
| body.wgl-darkmode .oo-ui-window-content .oo-ui-window-body, body.wgl-darkmode .oo-ui-window-content .oo-ui-window-head {
| |
| outline-color: var(--oo-ui-popup-border-color);
| |
| }
| |
| body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-dropTarget, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-info {
| |
| background-color: #2a3956;
| |
| border-color: #384c71;
| |
| }
| |
| body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-dropTarget:hover, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-info:hover {
| |
| border-color: #3b5078;
| |
| }
| |
| body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-dropLabel {
| |
| color: var(--oo-ui-text-color);
| |
| }
| |
| body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
| |
| background-color: #313946;
| |
| border-color: #363f50;
| |
| }
| |
| body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-disabled input, body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
| |
| text-shadow: 0 1px 1px #000;
| |
| color: #e5f3fc;
| |
| -webkit-text-fill-color: #e5f3fc;
| |
| }
| |
| body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {
| |
| background-color: #444e5a;
| |
| }
| |
|
| |
| body.wgl-darkmode :root {
| |
| --wikieditor-hover-background: #556c9b; | | --wikieditor-hover-background: #556c9b; |
| --wikieditor-hover-color: #e0e8f8; | | --wikieditor-hover-color: #e0e8f8; |