Dark Mode for Brighter Shores Wiki.
Brighter Shores Wiki Dark Mode by Tyron
Details
AuthorTyron
LicenseNo License
Categorybrightershoreswiki.org
Created
Updated
Size20 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
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;...