MediaWiki:Minerva-darkmode.css

From RuneRealm Wiki

This is an old revision of this page, as edited by Alex (talk | contribs) at 00:11, 17 October 2024. The present address (URL) is a permanent link to this revision, which may differ significantly from the current revision.

Jump to navigation Jump to search

After saving, you may need to bypass your browser's cache to see the changes. For further information, see Wikipedia:Bypass your cache.

  • In most Windows and Linux browsers: Hold down Ctrl and press F5.
  • In Safari: Hold down ⇧ Shift and click the Reload button.
  • In Chrome and Firefox for Mac: Hold down both ⌘ Cmd+⇧ Shift and press R.
/* <pre> */
html:has(body.wgl-theme-dark) {
    color-scheme: dark;
}

body.wgl-theme-dark {
    color-scheme: dark;
    --body-background-image: url('filepath://Old_School_RuneScape_Wiki_background_darkmode.jpg?width=900px');
    --body-background-color: #071022;
    --body-main: #172136;
    --body-light: #313e59;
    --body-mid: #222e45;
    --body-dark: #222e45;
    --body-border: #596e96;
    --ooui-text: var(--text-color);
    --ooui-interface: #222e45;
    --ooui-interface-border: #2f4060;
    --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: #8992a4;
    --ooui-disabled-border: #8992a4;
    --ooui-disabled-text: var(--subtle-color);
    --link-color: #8cabe6;
    --background-link-color: var(--link-color);
    --redlink-color: #f26d60;
    --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-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: var(--subtle-color);
    --table-yes-background: #2e5e05;
    --table-yes-color: #c3e8a3;
    --table-no-background: #801c13;
    --table-no-color: #fbc0ba;
    --table-maybe-background: #786300;
    --table-maybe-color: #fcea94;
    --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;
    --infobox-bg: #313e59;
    --infobox-border: #596e96;
    --infobox-header: #172136;
    --infobox-subheader: #222e45;
    --infobox-text-color: var(--text-color);
    --infobox-room-poh-color: #444e5a;
    --sidebar: #596e96;
    --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-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);
    --errorbox-border: #ee4231;
    --warningbox-border: var(--errorbox-border);
    --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: var(--errorbox-bg);
    --warningbox-border: var(--errorbox-bg);
    --successbox-bg: #2e5e05;
    --successbox-border: #3c780a;
    --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-action-background: #45697d;
    --messagebox-action-border: #2d5266;
    --messagebox-action-color: var(--text-color);
    --messagebox-action-link-color: #b8d5e5;
    --messagebox-warn-background: #95271b;
    --messagebox-warn-border: #6b130a;
    --messagebox-warn-color: #f8ebe9;
    --messagebox-warn-link-color: #e8b8b3;
    --messagebox-safe-background: #1b8408;
    --messagebox-safe-border: #126802;
    --messagebox-safe-color: #e9f6e7;
    --messagebox-safe-link-color: #c1e0bb;
    --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);
    --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));
    --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");
    --tbz-unlocked-background: repeating-linear-gradient(-45deg, #315d30 0 20px, #13421e 20px 30px);
    --tbz-unlocked-border-color: #00e417;
    --tbz-locked-background-color: #8a2525;
    --tbz-locked-border-color: #b32828;
    --tbz-partial-unlock-background: #5a5a5a;
    --tbz-partial-unlock-border-color: #13421e;
    --external-icon: 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");
}

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 a.external,
body.wgl-theme-dark .mw-parser-output a.external {
    background-image: var(--external-icon);
}

.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, .oo-ui-image-warning, .oo-ui-image-progressive, .oo-ui-checkboxInputWidget-checkIcon, .oo-ui-image-invert, .mw-no-invert),
body.wgl-theme-dark .oo-ui-indicatorElement-indicator,
body.wgl-theme-dark .mwe-math-element img,
body.wgl-theme-dark .cdx-button__icon,
body.wgl-theme-dark .popups-icon,
body.wgl-theme-dark .soft-redirect > div:nth-child(1) img {
    filter: invert(1) hue-rotate(180deg);
}

body.wgl-theme-dark .minerva-icon,
body.wgl-theme-dark .mf-icon,
body.wgl-theme-dark .mw-ui-icon-mf-expand {
    filter: brightness(0) invert(1);
}
Retrieved from "https://wiki.runerealm.org/index.php?title=MediaWiki:Minerva-darkmode.css&oldid=34724"