Skip to content

Brighter Shores Wiki Dark Mode by Tyron

Screenshot of Brighter Shores Wiki Dark Mode

Details

AuthorTyron

LicenseNo License

Categorybrightershoreswiki.org

Created

Updated

Size20 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Dark Mode for Brighter Shores Wiki.

Notes

Based on RS Wiki dark mode.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           brightershoreswiki.org
@namespace      github.com/openstyles/stylus
@version        1.0.1
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document domain("brightershoreswiki.org") {

    .mainpage-editing .tile-top {
        background: var(--diff-addedline-background);
    }

    .tile-bottom h2 a {
        color: var(--text-color) !important;
    }

    .mainpage-contents .tile-bottom {
        border-top: 1px solid var(--wikitable-bg);
        background-color: var(--wikitable-bg);
    }

    .mainpage-contents .tile-halves {
        border: 1px solid var(--wikitable-bg);
    }

    .wikitable > tr > th,
    .wikitable > * > tr > th {
        background-color: var(--wikitable-header-bg);
        border-color: var(--wikitable-header-border);
        color: var(--wikitable-header-color);
    }

    .toc .toctitle {
        border-color: #84be5b00;
    }

    .toc.toc {
        border: 1px solid var(--toc-border-color);
    }

    .cm-mw-section-header {
        color: #84be5b;
    }

    .cm-mw-table-definition,
    .cm-mw-table-bracket,
    .cm-mw-table-delimiter {
        color: #56b6c2;
    }

    .CodeMirror-wrap pre.CodeMirror-line,
    .CodeMirror-wrap pre.CodeMirror-line-like {
        color: #cbd9f4;
    }

    .cm-mw-template {
        color: #cfa783;
    }

    .cm-mw-template-name,
    .cm-mw-template-argument-name,
    .cm-mw-template-delimiter,
    .cm-mw-template-bracket {
        color: #ca9564;
    }

    .cm-mw-link-pagename,
    .cm-mw-link-bracket,
    .cm-mw-link-delimiter,
    .cm-mw-extlink,
    .cm-mw-free-extlink {
        color: #61afef;
    }

    :root {
        color-scheme: dark;
        --body-background-image: url(/images/RuneScape_Wiki_background_dark.jpg?d4321);
        --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;
        --link-color: #8cabe6;
        --background-link-color: var(--link-color);
        --redlink-color: #f26d60;
        --text-color: #cbd9f4;
        --dark-text-color: #cbd9f4;
        --background-text-color: #cbd9f4;
        --byline-color: #98a2b6;
        --subtle-color: var(--byline-color);
        --search-box: var(--body-light);
        --search-placeholder-color: #98a5c1;
        --admin-blue: #0087ff;
        --bearcat-green: #00ff55;
        --awb-purple: #f319ff;
        --sidebar: #596e96;
        --button-background: #617ebc;
        --button-dark: #617ebc;
        --button-border: #617ebc;
        --button-light: #617ebc;
        --wikitable-header-bg: #222e45;
        --wikitable-header-border: #172136;
        --wikitable-header-color: var(--text-color);
        --table-header-link: var(--link-color);
        --wikitable-border: #172136;
        --wikitable-bg: #313e59;
        --wikitable-bg-lighter: #384766;
        --wikitable-color: var(--text-color);
        --wikitable-alternating-bg: #2a3651;
        --table-na-background: rgba(0, 0, 0, 0.2);
        --table-na-color: #596e96;
        --table-yes-background: #2e5e05;
        --table-yes-color: #c3e8a3;
        --table-no-background: #801c13;
        --table-no-color: #fbc0ba;
        --table-maybe-background: #786300;
        --table-maybe-color: #fcea94;
        --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;
        --text-color-red: #f8948a;
        --text-color-orange: #f9b575;
        --text-color-yellow: #fbe062;
        --text-color-green: #a8de7a;
        --text-color-blue: #7cc5f0;
        --text-color-purple: #b097e6;
        --text-color-pink: #ed9ddd;
        --text-color-grey: #c5d2da;
        --ooui-text: #cbd9f4;
        --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: #617ebc;
        --ooui-progressive--hover: #859bcb;
        --ooui-progressive-text: #fff;
        --ooui-accent: var(--link-color);
        --ooui-disabled: #4f586b;
        --ooui-disabled-border: #8992a4;
        --ooui-disabled-text: rgba(203, 217, 244, 0.8);
        --ooui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px);
        --tile-border-color: var(--body-border);
        --tile-background-color: var(--body-light);
        --tile-link-button-color: var(--body-mid);
        --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: var(--body-light);
        --documentation-border: var(--sidebar);
        --documentation-wrapper-border: rgba(0, 0, 0, 0);
        --documentation-link-color: var(--link-color);
        --documentation-headers-color: var(--text-color);
        --documentation-header-background: var(--body-dark);
        --documentation-subheader-background: #1f293e;
        --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;
        --thumb-bg: var(--body-light);
        --thumb-border: var(--body-header-border);
        --diff-context-border-color: var(--body-mid);
        --diff-context-background: var(--body-mid);
        --diff-addedline-background: #438ab5;
        --diff-addedline-border-color: #438ab5;
        --diff-addedline-color: #fff;
        --diff-deletedline-background: #379541;
        --diff-deletedline-border-color: #379541;
        --diff-deletedline-color: #fff;
        --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: #9f9f9f;
        --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-file-background: var(--messagebox-background);
        --messagebox-file-border: var(--messagebox-border);
        --messagebox-file-color: var(--text-color);
        --messagebox-file-link-color: var(--link-color);
        --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;...

Reviews

No reviews yet.