MediaWiki:Common.css: Difference between revisions

Jump to navigation Jump to search
8,803 bytes added ,  10:14, 6 April 2022
no edit summary
mNo edit summary
No edit summary
Line 2,417: Line 2,417:
}
}


body.wgl-darkmode :root {
:root {
   --oo-ui-text-color: var(--text-color);
   --body-main: #e2dbc8;
   --oo-ui-background-light: var(--body-light);
  --body-light: #d8ccb4;
   --oo-ui-background-mid: var(--body-dark);
  --body-mid: #d0bd97;
   --oo-ui-background-dark: #384766;
  --body-dark: #b8a282;
   --oo-ui-border-light: #475980;
   --body-border: #94866d;
   --oo-ui-border-mid: #556c9b;
  --body-background-color: #c0a886;
   --oo-ui-border-dark: #3f5073;
  --button-background: #605443;
   --oo-ui-disabled: #8992a4;
   --button-color: #fff;
   --oo-ui-widget-background: #182137;
  --button-border: #3c352a;
}
  --button-dark: #18140c;
body.wgl-darkmode .oo-ui-widget {
   --button-light: #3a301d;
   color: var(--oo-ui-text-color);
  --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 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
 
   color: var(--oo-ui-text-color);
body.wgl-darkmode {
   background-color: var(--oo-ui-background-light);
  --body-main: #172136;
   border-color: var(--oo-ui-border-dark);
  --body-light: #313e59;
}
  --body-mid: #293753;
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled:not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button:hover {
   --body-dark: #222e45;
   color: var(--oo-ui-text-color);
  --body-border: #596e96;
   background-color: var(--oo-ui-background-dark);
  --body-background-color: #071022;
   border-color: var(--oo-ui-border-light);
   --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-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
 
   background-color: #447ff5;
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;
   border-color: #447ff5;
}
}
Line 2,891: Line 2,948:
}
}


body.wgl-darkmode :root {
:root {
   --oo-ui-text-color: var(--text-color);
   --body-main: #e2dbc8;
   --oo-ui-background-light: var(--body-light);
  --body-light: #d8ccb4;
   --oo-ui-background-mid: var(--body-dark);
  --body-mid: #d0bd97;
   --oo-ui-background-dark: #384766;
   --body-dark: #b8a282;
   --oo-ui-border-light: #475980;
  --body-border: #94866d;
   --oo-ui-border-mid: #556c9b;
  --body-background-color: #c0a886;
   --oo-ui-border-dark: #3f5073;
   --button-background: #605443;
   --oo-ui-disabled: #8992a4;
  --button-color: #fff;
   --oo-ui-widget-background: #182137;
   --button-border: #3c352a;
}
  --button-dark: #18140c;
body.wgl-darkmode .oo-ui-widget {
   --button-light: #3a301d;
   color: var(--oo-ui-text-color);
  --sidebar: #cfc08d;
}
   --sidebar-text-color: #444444;
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
   --sidebar-link-color: #442b18;
   color: var(--oo-ui-text-color);
   --background-text-color: #444;
   background-color: var(--oo-ui-background-light);
   --background-link-color: #52351e;
   border-color: var(--oo-ui-border-dark);
  --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 .oo-ui-buttonElement-framed.oo-ui-widget-enabled:not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button:hover {
 
   color: var(--oo-ui-text-color);
body.wgl-darkmode {
   background-color: var(--oo-ui-background-dark);
  --body-main: #172136;
   border-color: var(--oo-ui-border-light);
  --body-light: #313e59;
}
  --body-mid: #293753;
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
  --body-dark: #222e45;
   background-color: #447ff5;
  --body-border: #596e96;
   border-color: #447ff5;
  --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-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button[aria-disabled=true] {
 
   background-color: var(--oo-ui-disabled);
body.wgl-darkmode :root {
   border-color: var(--oo-ui-disabled);
  --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-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
body.wgl-darkmode .oo-ui-widget {
  background-color: #2a4b8d;
  color: var(--oo-ui-text-color);
  border-color: #2a4b8d;
}
}
body.wgl-darkmode .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
   background-color: var(--oo-ui-disabled);
  color: var(--oo-ui-text-color);
   border-color: var(--oo-ui-disabled);
   background-color: var(--oo-ui-background-light);
   border-color: var(--oo-ui-border-dark);
}
}
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
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);
   background-color: var(--oo-ui-background-dark);
}
  border-color: var(--oo-ui-border-light);
body.wgl-darkmode .oo-ui-tagMultiselectWidget-handle {
}
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);
   border-color: var(--oo-ui-border-light);
}
}
Line 3,110: Line 3,224:
}
}


body.wgl-darkmode :root {
:root {
   --oo-ui-text-color: var(--text-color);
   --body-main: #e2dbc8;
   --oo-ui-background-light: var(--body-light);
  --body-light: #d8ccb4;
   --oo-ui-background-mid: var(--body-dark);
  --body-mid: #d0bd97;
   --oo-ui-background-dark: #384766;
   --body-dark: #b8a282;
   --oo-ui-border-light: #475980;
  --body-border: #94866d;
   --oo-ui-border-mid: #556c9b;
  --body-background-color: #c0a886;
   --oo-ui-border-dark: #3f5073;
   --button-background: #605443;
   --oo-ui-disabled: #8992a4;
  --button-color: #fff;
   --oo-ui-widget-background: #182137;
   --button-border: #3c352a;
}
  --button-dark: #18140c;
body.wgl-darkmode .oo-ui-widget {
   --button-light: #3a301d;
   color: var(--oo-ui-text-color);
  --sidebar: #cfc08d;
}
   --sidebar-text-color: #444444;
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
   --sidebar-link-color: #442b18;
   color: var(--oo-ui-text-color);
   --background-text-color: #444;
   background-color: var(--oo-ui-background-light);
   --background-link-color: #52351e;
   border-color: var(--oo-ui-border-dark);
  --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 .oo-ui-buttonElement-framed.oo-ui-widget-enabled:not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button:hover {
 
   color: var(--oo-ui-text-color);
body.wgl-darkmode {
   background-color: var(--oo-ui-background-dark);
  --body-main: #172136;
   border-color: var(--oo-ui-border-light);
  --body-light: #313e59;
}
  --body-mid: #293753;
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
  --body-dark: #222e45;
   background-color: #447ff5;
  --body-border: #596e96;
   border-color: #447ff5;
  --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-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button[aria-disabled=true] {
 
   background-color: var(--oo-ui-disabled);
body.wgl-darkmode :root {
   border-color: var(--oo-ui-disabled);
  --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-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
body.wgl-darkmode .oo-ui-widget {
  background-color: #2a4b8d;
  color: var(--oo-ui-text-color);
  border-color: #2a4b8d;
}
}
body.wgl-darkmode .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
   background-color: var(--oo-ui-disabled);
  color: var(--oo-ui-text-color);
   border-color: var(--oo-ui-disabled);
   background-color: var(--oo-ui-background-light);
   border-color: var(--oo-ui-border-dark);
}
}
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
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);
   background-color: var(--oo-ui-background-dark);
}
body.wgl-darkmode .oo-ui-tagMultiselectWidget-handle {
   border-color: var(--oo-ui-border-light);
   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 {
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);
   border-color: var(--oo-ui-border-mid);
}
}
Line 3,364: Line 3,535:
}
}


body.wgl-darkmode :root {
:root {
   --oo-ui-text-color: var(--text-color);
   --body-main: #e2dbc8;
   --oo-ui-background-light: var(--body-light);
  --body-light: #d8ccb4;
   --oo-ui-background-mid: var(--body-dark);
  --body-mid: #d0bd97;
   --oo-ui-background-dark: #384766;
   --body-dark: #b8a282;
   --oo-ui-border-light: #475980;
  --body-border: #94866d;
   --oo-ui-border-mid: #556c9b;
  --body-background-color: #c0a886;
   --oo-ui-border-dark: #3f5073;
   --button-background: #605443;
   --oo-ui-disabled: #8992a4;
  --button-color: #fff;
   --oo-ui-widget-background: #182137;
   --button-border: #3c352a;
}
  --button-dark: #18140c;
body.wgl-darkmode .oo-ui-widget {
   --button-light: #3a301d;
   color: var(--oo-ui-text-color);
  --sidebar: #cfc08d;
}
   --sidebar-text-color: #444444;
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
   --sidebar-link-color: #442b18;
   color: var(--oo-ui-text-color);
   --background-text-color: #444;
   background-color: var(--oo-ui-background-light);
   --background-link-color: #52351e;
   border-color: var(--oo-ui-border-dark);
  --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 .oo-ui-buttonElement-framed.oo-ui-widget-enabled:not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button:hover {
 
   color: var(--oo-ui-text-color);
body.wgl-darkmode {
   background-color: var(--oo-ui-background-dark);
  --body-main: #172136;
   border-color: var(--oo-ui-border-light);
  --body-light: #313e59;
}
  --body-mid: #293753;
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
  --body-dark: #222e45;
   background-color: #447ff5;
  --body-border: #596e96;
   border-color: #447ff5;
  --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-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button[aria-disabled=true] {
 
   background-color: var(--oo-ui-disabled);
body.wgl-darkmode :root {
   border-color: var(--oo-ui-disabled);
  --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-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
body.wgl-darkmode .oo-ui-widget {
  background-color: #2a4b8d;
  color: var(--oo-ui-text-color);
  border-color: #2a4b8d;
}
}
body.wgl-darkmode .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
   background-color: var(--oo-ui-disabled);
  color: var(--oo-ui-text-color);
   border-color: var(--oo-ui-disabled);
   background-color: var(--oo-ui-background-light);
   border-color: var(--oo-ui-border-dark);
}
}
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
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);
   background-color: var(--oo-ui-background-dark);
}
body.wgl-darkmode .oo-ui-tagMultiselectWidget-handle {
   border-color: var(--oo-ui-border-light);
   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 {
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);
   border-color: var(--oo-ui-border-mid);
}
}
Line 3,594: Line 3,822:
   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;
}
}


Line 3,817: Line 4,102:
body.wgl-darkmode :root {
body.wgl-darkmode :root {
   --wikieditor-hover-background: #556c9b;
   --wikieditor-hover-background: #556c9b;
   --wikieditor-hover-color: var(--wikieditor-hover-color);
   --wikieditor-hover-color: #e0e8f8;
   --wikieditor-tab-link: #8cabe6;
   --wikieditor-tab-link: #8cabe6;
}
}

Navigation menu