1,131
edits
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; | |||
} | } | ||