MediaWiki:Common.css: Difference between revisions

Jump to navigation Jump to search
25,588 bytes added ,  10:06, 6 April 2022
m
no edit summary
mNo edit summary
mNo edit summary
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-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 ::root {
body.wgl-darkmode ::root {
   --code-editor-border: var(--body-main);
   --code-editor-border: var(--body-main);
Line 1,967: Line 2,024:
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-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,094: Line 2,208:
.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,105: Line 2,276:
   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,130: Line 2,358:
   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;
}
}


Line 2,349: Line 2,634:
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,483: Line 2,825:
   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,652: Line 3,051:
body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {
body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {
   background-color: #444e5a;
   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;
}
}


Line 2,849: Line 3,305:
   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;
}
}


Line 3,081: Line 3,594:
   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-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 ::root {
  --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;
}
}



Navigation menu