Minerva-darkmode.css
/*
*/ html:has(body.wgl-theme-dark) { color-scheme: dark; } body.wgl-theme-dark { --body-background-image: url('filepath://RuneScape_Wiki_background_dark.jpg?width=900px'); --body-background-color: #071022; --body-main: #172136; --body-light: #313e59; --body-mid: #222e45; --body-mid-dark: #222e45; --body-mid-darker: #222e45; --body-dark: #222e45; --body-border: #596e96; --body-border-dark: #596e96; --body-header-border: #596e96; --ooui-text: var(--text-color); --ooui-interface: #222e45; --ooui-interface-border: #475980; --ooui-window-background: rgba(25, 25, 25, 0.6); --ooui-input: #384766; --ooui-input-border: #475980; --ooui-input-border--hover: #556c9b; --ooui-normal: #313e59; --ooui-normal--hover: #384766; --ooui-normal-border: #3f5073; --ooui-progressive: #8cabe6; --ooui-progressive--hover: #b6caef; --ooui-accent: var(--link-color); --ooui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px); --ooui-disabled: rgba(137, 146, 164, 0.5); --ooui-disabled-border: #8992a4; --ooui-disabled-text: rgba(203, 217, 244, 0.8); --link-color: #8cabe6; --background-link-color: var(--link-color); --redlink-color: #f26d60; --text-color: #cbd9f4; --dark-text-color: #cbd9f4; --byline-color: #9aa4b7; --subtle-color: var(--byline-color); --admin-blue: #0087ff; --bearcat-green: #00ff55; --awb-purple: #f319ff; --thumb-bg: var(--body-mid); --thumb-caption-bg: var(--body-light); --wikitable-header-bg: #222e45; --wikitable-header-border: #172136; --wikitable-header-color: #cbd9f4; --wikitable-header-link-color: var(--link-color); --wikitable-border: #172136; --wikitable-bg: #313e59; --wikitable-bg-lighter: #3a4a69; --wikitable-color: #cbd9f4; --wikitable-alternating-bg: #2a3651; --table-na-background: rgba(0, 0, 0, 0.2); --table-na-color: #596e96; --table-yes-color: #9f9; --table-hist-background: #5d6773; --table-hist-color: #f9fafa; --table-hist-link-color: #e4eaee; --droptable-text-color: #fff; --droptable-always-background: #0b5884; --droptable-common-background: #3c780a; --droptable-uncommon-background: #a48900; --droptable-rare-background: #b55e0c; --droptable-veryrare-background: #9f261e; --droptable-random-background: #984c89; --droptable-unknown-background: #5d6773; --droptable-always-text-color: var(--droptable-text-color); --droptable-common-text-color: var(--droptable-text-color); --droptable-uncommon-text-color: var(--droptable-text-color); --droptable-rare-text-color: var(--droptable-text-color); --droptable-veryrare-text-color: var(--droptable-text-color); --droptable-random-text-color: var(--droptable-text-color); --droptable-unknown-text-color: var(--droptable-text-color); --droptable-always-link-color: #aad9f5; --droptable-common-link-color: #c3e8a3; --droptable-uncommon-link-color: #fcea94; --droptable-rare-link-color: #fbcfa6; --droptable-veryrare-link-color: #fbc0ba; --droptable-random-link-color: #f5c8ec; --droptable-unknown-link-color: #e4eaee; --infobox-bg: #313e59; --infobox-border: #596e96; --infobox-header: #172136; --infobox-header-text-color: var(--text-color); --infobox-subheader: #222e45; --infobox-subheader-text-color: var(--text-color); --infobox-text-color: var(--text-color); --infobox-room-poh-color: #444e5a; --sidebar: #596e96; --sidebar-mobile: #071022; --background-text-color: var(--text-color); --search-box: #313e59; --button-background: #617ebc; --button-dark: #617ebc; --button-border: #617ebc; --button-light: #617ebc; --gemw-name-color: #444e5a; --gemw-light-text: #555555; --gemw-time-color: var(--base-text-color); --gemw-property-border-color: #e4eaee; --gemw-historical-border-color: var(--body-border); --gecharts-overlay-bg-color: var(--body-border); --gecharts-popup-border-color: var(--body-border); --gecharts-popup-color: var(--text-color); --mw-code-background-color: #222e45; --coins-color: #6bc71f; --coins-pos-color: #3ea6e6; --coins-neg-color: #ee4231; --questdetails-header-background: #222e45; --questdetails-header-background-alt: #222e45; --transcript-border-color: #596e96; --transcript-border-hover-color: #8596b7; --lighttable-bg-hover: #3c780a; --lighttable-bg-active: #2e5e05; --lighttable-link-color: #c3e8a3; --fact-text-color: #3ea6e6; --fact-text-border-bottom-color: #8cabe6; --production-selected-background: #3c780a; --production-selected-color: #fff; --wikipedia-border: #313e59; --wikipedia-background: var(--body-border); --keypress-background: #313e59; --keypress-border: var(--body-border); --keypress-text-shadow: transparent; --keypress-color: var(--text-color); --tile-border-color: #596e96; --tile-background-color: #313e59; --tile-link-button-color: #222e45; --tile-link-button-highlight-color: #2a3956; --tile-dark-color: #fff; --tile-dark-bg: #5d6773; --tile-dark-link-color: #ccc; --tile-dark-byline-color: rgba(255, 255, 255, 0.7); --tile-dark-header-color: #fff; --documentation-background: #313e59; --documentation-border: #222e45; --documentation-wrapper-border: rgba(0, 0, 0, 0); --documentation-link-color: var(--link-color); --documentation-headers-color: var(--text-color); --documentation-header-background: #222e45; --documentation-subheader-background: #1f293e; --mw-templatedata-doc-muted-color: #888; --base-text-color: var(--text-color); --base-heading-color: var(--text-color); --base-heading-border: var(--sidebar); --mainpage-recent-updates-description-color: var(--text-color); --forum-column-header-bg: #313e59; --errorbox-border: #ee4231; --successbox-border: #6bc71f; --sourceeditor-bg: var(--body-light); --diff-addedline-background: #438ab5; --diff-addedline-color: #fff; --diff-deletedline-background: #9f261e; --diff-deletedline-color: #fff; --blockquote-color: var(--text-color); --errorbox-bg: #801c13; --errorbox-border: #9f261e; --warningbox-bg: #655b00; --warningbox-border: #988a00; --successbox-bg: #2e5e05; --successbox-border: #3c780a; --messagebox-background: var(--body-light); --messagebox-border: var(--body-dark); --messagebox-text-border: rgba(0, 0, 0, 0); --messagebox-header-background: var(--body-mid); --messagebox-header-border: rgba(0, 0, 0, 0); --messagebox-header-border-bottom: #1b2537; --messagebox-obsolete-background: #464646; --messagebox-obsolete-border: #333; --messagebox-obsolete-color: #ddd; --messagebox-obsolete-link-color: #bbb; --messagebox-info-background: var(--messagebox-obsolete-background); --messagebox-info-border: var(--messagebox-obsolete-border); --messagebox-info-color: var(--messagebox-obsolete-color); --messagebox-info-link-color: var(--messagebox-obsolete-link-color); --messagebox-disambig-background: var(--messagebox-obsolete-background); --messagebox-disambig-border: var(--messagebox-obsolete-border); --messagebox-disambig-color: var(--messagebox-obsolete-color); --messagebox-disambig-link-color: var(--messagebox-obsolete-link-color); --messagebox-action-background: #45697d; --messagebox-action-border: #2d5266; --messagebox-action-color: var(--text-color); --messagebox-action-link-color: #b8d5e5; --messagebox-task-background: #246c97; --messagebox-task-border: #0f4f75; --messagebox-task-color: var(--text-color); --messagebox-task-link-color: #a0d4f3; --messagebox-discord-background: #3d4d88; --messagebox-discord-border: #2b3762; --messagebox-discord-color: #e2e8ff; --messagebox-discord-link-color: #fff; --messagebox-warn-background: #95271b; --messagebox-warn-border: #6b130a; --messagebox-warn-color: #f8ebe9; --messagebox-warn-link-color: #e8b8b3; --messagebox-warning-background: #b55e0c; --messagebox-warning-border: #9d520a; --messagebox-warning-color: #fef0e4; --messagebox-warning-link-color: #fbcfa6; --messagebox-unsafe-background: #a48900; --messagebox-unsafe-border: #7a6600; --messagebox-unsafe-color: #f9f6d0; --messagebox-unsafe-link-color: #e8e3b3; --messagebox-safe-background: #1b8408; --messagebox-safe-border: #126802; --messagebox-safe-color: #e9f6e7; --messagebox-safe-link-color: #c1e0bb; --messagebox-event-background: #984c89; --messagebox-event-border: #633159; --messagebox-event-color: var(--text-color); --messagebox-event-link-color: #e1c1da; --messagebox-easter-background: #2e5e05; --messagebox-easter-border: #254b04; --messagebox-easter-color: var(--text-color); --messagebox-easter-link-color: #5dbf0a; --messagebox-halloween-background: #6d3662; --messagebox-halloween-border: #5f2f56; --messagebox-halloween-color: var(--text-color); --messagebox-halloween-link-color: #bf7db2; --messagebox-christmas-background: #0b5884; --messagebox-christmas-border: #03436b; --messagebox-christmas-color: var(--text-color); --messagebox-christmas-link-color: #3ea6e6; --messagebox-bigRaffle-background: #5d5641; --messagebox-bigRaffle-border: #631414; --messagebox-bigRaffle-color: var(--text-color); --messagebox-bigRaffle-link-color: #eccf6e; --messagebox-thanksgiving-background: #7a3f08; --messagebox-thanksgiving-border: #673507; --messagebox-thanksgiving-color: var(--text-color); --messagebox-thanksgiving-link-color: #f18a2a; --ref-target-bg: var(--body-light); --mobile-navbox-wide-bg-color: #384561; --mobile-navbox-linear-gradient: linear-gradient(to right, rgba(23, 33, 54, 0), var(--body-main) 95%, var(--body-main)); --mobile-navbox-title-color: var(--text-color); --mobile-navbox-group-title-bg-level-1: var(--body-mid); --mobile-navbox-group-title-bg-level-2: var(--body-light); --tabber-tab-bg: var(--body-light); --tabber-tab-border-color: var(--body-border); --tabber-active-tab-bg: var(--body-light); --tabber-active-tab-color: var(--text-color); --tabber-active-tab-hover-bg: var(--body-light); --tabber-active-tab-hover-border-color: var(--body-border); --tabber-active-tab-hover-color: var(--text-color); --tabber-active-tab-border-hider-color: var(--body-light); --tabber-inactive-tab-bg: #222e45; --tabber-inactive-tab-border-color: var(--body-border); --tabber-inactive-tab-color: var(--text-color); --tabber-inactive-tab-hover-bg: var(--body-light); --tabber-inactive-tab-hover-border-color: var(--body-border); --rc-negative-color: #ee4231; --rc-positive-color: #6bc71f; --filter-black-to-link: invert(63%) sepia(67%) saturate(242%) hue-rotate(182deg) brightness(93%) contrast(94%); --fieldset-border-color: var(--body-border); --smw-ask-options-even-bg: var(--body-mid); --smw-ask-options-odd-bg: var(--body-light); --smw-ask-action-btn-lblue-bg: #313e59; --smw-ask-action-btn-lblue-color: #cbd9f4; --smw-ask-action-btn-lblue-border-color: #3f5073; --smw-ask-action-btn-dblue-bg: #384766; --smw-ask-action-btn-dblue-color: #cbd9f4; --smw-ask-action-btn-dblue-border-color: #475980; --diff-context-border-color: var(--body-mid); --diff-context-background: var(--body-mid); --ajaxpoll-background: var(--body-light); --ajaxpoll-text-color: var(--base-text-color); --ajaxpoll-answerbar-background: var(--body-mid); --ajaxpoll-answerbar-border: var(--body-border); --sourceeditor-input-background: var(--body-mid); --sourceeditor-background: var(--body-light); --sourceeditor-background-secondary: var(--body-mid); --sourceeditor-border: var(--body-main); --searchbutton-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='%23cbd9f4'%3E%3Cpath d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM3 8a5 5 0 1 0 10 0A5 5 0 1 0 3 8z'/%3E%3C/g%3E%3C/svg%3E"); } body.wgl-theme-dark .mw-highlight { background: none; } body.wgl-theme-dark .mw-highlight pre { background-color: #222e45; } body.wgl-theme-dark .mw-highlight pre .hll { background-color: #49483e; } body.wgl-theme-dark .mw-highlight pre .c { color: #949eaa; } body.wgl-theme-dark .mw-highlight pre .err { color: #960050; } body.wgl-theme-dark .mw-highlight pre .k { color: #66d9ef; } body.wgl-theme-dark .mw-highlight pre .l { color: #ae81ff; } body.wgl-theme-dark .mw-highlight pre .n { color: #f8f8f2; } body.wgl-theme-dark .mw-highlight pre .o { color: #f92672; } body.wgl-theme-dark .mw-highlight pre .p { color: #f8f8f2; } body.wgl-theme-dark .mw-highlight pre .ch { color: #949eaa; } body.wgl-theme-dark .mw-highlight pre .cm { color: #949eaa; } body.wgl-theme-dark .mw-highlight pre .cp { color: #949eaa; } body.wgl-theme-dark .mw-highlight pre .cpf { color: #949eaa; } body.wgl-theme-dark .mw-highlight pre .c1 { color: #949eaa; } body.wgl-theme-dark .mw-highlight pre .cs { color: #949eaa; } body.wgl-theme-dark .mw-highlight pre .gd { color: #f92672; } body.wgl-theme-dark .mw-highlight pre .ge { font-style: italic; } body.wgl-theme-dark .mw-highlight pre .gi { color: #a6e22e; } body.wgl-theme-dark .mw-highlight pre .gs { font-weight: bold; } body.wgl-theme-dark .mw-highlight pre .gu { color: #949eaa; } body.wgl-theme-dark .mw-highlight pre .kc { color: #66d9ef; } body.wgl-theme-dark .mw-highlight pre .kd { color: #66d9ef; } body.wgl-theme-dark .mw-highlight pre .kn { color: #f92672; } body.wgl-theme-dark .mw-highlight pre .kp { color: #66d9ef; } body.wgl-theme-dark .mw-highlight pre .kr { color: #66d9ef; } body.wgl-theme-dark .mw-highlight pre .kt { color: #66d9ef; } body.wgl-theme-dark .mw-highlight pre .ld { color: #e6db74; } body.wgl-theme-dark .mw-highlight pre .m { color: #ae81ff; } body.wgl-theme-dark .mw-highlight pre .s { color: #e6db74; } body.wgl-theme-dark .mw-highlight pre .na { color: #a6e22e; } body.wgl-theme-dark .mw-highlight pre .nb { color: #f8f8f2; } body.wgl-theme-dark .mw-highlight pre .nc { color: #a6e22e; } body.wgl-theme-dark .mw-highlight pre .no { color: #66d9ef; } body.wgl-theme-dark .mw-highlight pre .nd { color: #a6e22e; } body.wgl-theme-dark .mw-highlight pre .ni { color: #f8f8f2; } body.wgl-theme-dark .mw-highlight pre .ne { color: #a6e22e; } body.wgl-theme-dark .mw-highlight pre .nf { color: #a6e22e; } body.wgl-theme-dark .mw-highlight pre .nl { color: #f8f8f2; } body.wgl-theme-dark .mw-highlight pre .nn { color: #f8f8f2; } body.wgl-theme-dark .mw-highlight pre .nx { color: #a6e22e; } body.wgl-theme-dark .mw-highlight pre .py { color: #f8f8f2; } body.wgl-theme-dark .mw-highlight pre .nt { color: #f92672; } body.wgl-theme-dark .mw-highlight pre .nv { color: #f8f8f2; } body.wgl-theme-dark .mw-highlight pre .ow { color: #f92672; } body.wgl-theme-dark .mw-highlight pre .w { color: #f8f8f2; } body.wgl-theme-dark .mw-highlight pre .mb { color: #ae81ff; } body.wgl-theme-dark .mw-highlight pre .mf { color: #ae81ff; } body.wgl-theme-dark .mw-highlight pre .mh { color: #ae81ff; } body.wgl-theme-dark .mw-highlight pre .mi { color: #ae81ff; } body.wgl-theme-dark .mw-highlight pre .mo { color: #ae81ff; } body.wgl-theme-dark .mw-highlight pre .sa { color: #e6db74; } body.wgl-theme-dark .mw-highlight pre .sb { color: #e6db74; } body.wgl-theme-dark .mw-highlight pre .sc { color: #e6db74; } body.wgl-theme-dark .mw-highlight pre .dl { color: #e6db74; } body.wgl-theme-dark .mw-highlight pre .sd { color: #e6db74; } body.wgl-theme-dark .mw-highlight pre .s2 { color: #e6db74; } body.wgl-theme-dark .mw-highlight pre .se { color: #ae81ff; } body.wgl-theme-dark .mw-highlight pre .sh { color: #e6db74; } body.wgl-theme-dark .mw-highlight pre .si { color: #e6db74; } body.wgl-theme-dark .mw-highlight pre .sx { color: #e6db74; } body.wgl-theme-dark .mw-highlight pre .sr { color: #e6db74; } body.wgl-theme-dark .mw-highlight pre .s1 { color: #e6db74; } body.wgl-theme-dark .mw-highlight pre .ss { color: #e6db74; } body.wgl-theme-dark .mw-highlight pre .bp { color: #f8f8f2; } body.wgl-theme-dark .mw-highlight pre .fm { color: #a6e22e; } body.wgl-theme-dark .mw-highlight pre .vc { color: #f8f8f2; } body.wgl-theme-dark .mw-highlight pre .vg { color: #f8f8f2; } body.wgl-theme-dark .mw-highlight pre .vi { color: #f8f8f2; } body.wgl-theme-dark .mw-highlight pre .vm { color: #f8f8f2; } body.wgl-theme-dark .mw-highlight pre .il { color: #ae81ff; } body.wgl-theme-dark .mw-highlight pre .lineno { color: #949eaa; } body.wgl-theme-dark .mw-json th { background-color: #222e45; border-color: #172136; font-size: inherit; } body.wgl-theme-dark .mw-json td { background-color: #313e59; border-color: #172136; font-size: inherit; } body.wgl-theme-dark a.external, body.wgl-theme-dark .mw-parser-output a.external { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cg fill='%238cabe6'%3E%3Cpath d='M8.9 8.9H1.1V1.1h2.8V0H1.1C.5 0 0 .5 0 1.1v7.8C0 9.5.5 10 1.1 10h7.8c.6 0 1.1-.5 1.1-1.1V6.1H8.9v2.8z'/%3E%3Cpath d='M10 0H5.6l1.8 1.8L4.2 5l.8.8 3.2-3.2L10 4.4V0z'/%3E%3C/g%3E%3C/svg%3E"); } .client-js body.wgl-theme-dark .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), body.wgl-theme-dark .jquery-tablesorter th.headerSort { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='9' viewBox='0 0 21 9'%3E%3Cg fill='%23cbd9f4'%3E%3Cpath d='M14.5 5l-4 4-4-4zM14.5 4l-4-4-4 4z'/%3E%3C/g%3E%3C/svg%3E"); cursor: pointer; background-repeat: no-repeat; background-position: center right; padding-right: 21px; } body.wgl-theme-dark .jquery-tablesorter th.headerSortUp { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='4' viewBox='0 0 21 4'%3E%3Cg fill='%23cbd9f4'%3E%3Cpath d='M6.5 4l4-4 4 4z'/%3E%3C/g%3E%3C/svg%3E"); } body.wgl-theme-dark .jquery-tablesorter th.headerSortDown { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='4' viewBox='0 0 21 4'%3E%3Cg fill='%23cbd9f4'%3E%3Cpath d='M14.5 0l-4 4-4-4z'/%3E%3C/g%3E%3C/svg%3E"); } body.wgl-theme-dark .oo-ui-iconElement-icon:not(.oo-ui-image-destructive):not(.oo-ui-image-warning):not(.oo-ui-image-progressive):not(.oo-ui-checkboxInputWidget-checkIcon):not(.oo-ui-icon-page-existing), body.wgl-theme-dark .oo-ui-indicatorElement-indicator, body.wgl-theme-dark .mwe-math-element img, body.wgl-theme-dark .soft-redirect > div:nth-child(1) img { filter: invert(1) hue-rotate(180deg); } body.wgl-theme-dark .mw-ui-icon:not(.mw-ui-icon-mf-upTriangle-constructive):not(.mw-ui-icon-mf-upTriangle-destructive):not(.mw-ui-icon-mf-spinner):before { filter: brightness(0) invert(1); } body.wgl-theme-dark .mw-ui-icon-wikimedia-search-base20:before { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Esearch%3C/title%3E%3Cg fill='white'%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 113 8a5 5 0 0110 0z'/%3E%3C/g%3E%3C/svg%3E%0A"); } body.wgl-theme-dark .mw-ui-icon-wikimedia-bellOutline-base20:before { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Ebell%3C/title%3E%3Cg fill='white'%3E%3Cpath d='M11.5 2.19C14.09 2.86 16 5.2 16 8v6l2 2v1H2v-1l2-2V8c0-2.8 1.91-5.14 4.5-5.81V1.5C8.5.67 9.17 0 10 0s1.5.67 1.5 1.5v.69zM10 4C7.79 4 6 5.79 6 8v7h8V8c0-2.21-1.79-4-4-4zM8 18h4c0 1.1-.9 2-2 2s-2-.9-2-2z'/%3E%3C/g%3E%3C/svg%3E%0A"); } body.wgl-theme-dark .mw-ui-icon-minerva-userAvatarOutline:before { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Euser avatar%3C/title%3E%3Cg fill='white'%3E%3Cpath d='M10 8c1.7 0 3.06-1.35 3.06-3S11.7 2 10 2 6.94 3.35 6.94 5 8.3 8 10 8zm0 2c-2.8 0-5.06-2.24-5.06-5S7.2 0 10 0s5.06 2.24 5.06 5-2.26 5-5.06 5zm-7 8h14v-1.33c0-1.75-2.31-3.56-7-3.56s-7 1.81-7 3.56V18zm7-6.89c6.66 0 9 3.33 9 5.56V20H1v-3.33c0-2.23 2.34-5.56 9-5.56z'/%3E%3C/g%3E%3C/svg%3E%0A"); }