User:Thorsb/dark.css
From Fallen London Wiki
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* Cosmetic rules */
:root {
--link: #f4a615;
--bgcolor: #1D1D1D;
--textcolor: #fff;
--contentbg: var(--bgcolor);
--textbg: var(--contentbg);
--h2color: var(--textcolor);
--h1border: var(--textcolor);
--bordergray: #2b2b2e;
--title: #cececf
}
.mwe-popups.flipped-y:before, .mwe-popups.flipped-x-y:before {
border-top: 8px solid var(--contentbg)
}
.mwe-popups.flipped-y:after, .mwe-popups.flipped-x-y:after {
border-top: 11px solid var(--contentbg)
}
.mwe-popups.mwe-popups-no-image-pointer:before {
border-bottom: 8px solid var(--contentbg)
}
.mwe-popups.mwe-popups-no-image-pointer:after {
border-bottom: 11px solid var(--contentbg)
}
.mwe-popups, .mwe-popups > .mwe-popups-container, .mwe-popups .mwe-popups-extract {
background-color: var(--contentbg);
color: var(--textcolor);
}
.article-table th, .wikitable th {
background-color: var(--contentbg);
color: var(--textcolor);
}
.mwe-popups .mwe-popups-extract[dir='ltr']:after {
background-image: unset;
}
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled, .mw-rcfilters-ui-filterMenuHeaderWidget-header, .oo-ui-menuSectionOptionWidget, .mw-rcfilters-ui-menuSelectWidget-footer, .mw-rcfilters-ui-filterWrapperWidget, .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button, .oo-ui-popupWidget-popup, .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw-body .wikitable, .mw-body .mw-datatable {
background-color: var(--contentbg);
color: var(--textcolor)
}
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td {
background-color: var(--bordergray);
}
.oo-ui-tabSelectWidget-framed {
background-color: var(--contentbg);
}
input, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle, .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .mw-prefs-buttons {
background-color: var(--contentbg);
color: var(--textcolor)
}
.oo-ui-widget .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
background-color: var(--textcolor);
color: var(--contentbg)
}
#mw-header-container, #mw-header-nav-hack, .color-middle, .color-left, .color-right, #searchInput {
border-top: none;
background: var(--contentbg);
color: var(--title);
width: 100%
}
.tools-inline li.selected a {
color: var(--textcolor);
}
#personal-inner a:not(.new) {
color: var(--link);
}
.mw_metadata th, .mw_metadata td {
background-color: var(--contentbg)
}
ul#filetoc, .toc, .mw-warning {
background: var(--contentbg);
border-color: var(--bordergray);
box-shadow: none;
}
code, pre, .mw-code {
background-color: var(--contentbg);
color: var(--textcolor)
}
.mw-body .mw-datatable, .mw-body .mw-json, .mw-body .wikitable, .article-table tbody, .wikitable tbody, .mw-datatable > tr > th, .mw-datatable > * > tr > th, .mw-json > tr > th, .mw-json > * > tr > th, .wikitable > tr > th, .wikitable > * > tr > th, .mw-datatable > tr > td, .mw-datatable > * > tr > td, .mw-json > tr > td, .mw-json > * > tr > td, .wikitable > tr > td, .wikitable > * > tr > td {
background-color: var(--contentbg) !important;
border-color: var(--bordergray) !important;
}
div.editOptions {
background: var(--contentbg);
border-color: var(--bordergray);
}
.wds-button {
background-color: var(--link);
border-color: var(--link);
color: var(--contentbg);
}
#localNotice {
background-color: var(--contentbg);
}
.cs-comment, .cs-comment > .cs-comment-header {
background-color: var(--contentbg);
}
.cs-button {
filter: unset;
color: var(--text-color);
}
.cs-button:hover, .cs-button:enabled:hover {
text-decoration: underline;
color: var(--text-color);
background-color: var(--contentbg);
}
body {
background-image: none;
background-color: var(--bgcolor);
}
#mw-content, #mw-site-navigation, #mw-related-navigation, .cs-comment > .cs-comment-body, .cs-comment > .cs-comment-header {
color: var(--textcolor);
box-shadow: none;
}
a, .toctogglelabel, .cs-comment-author a {
color: var(--link);
}
.tools-inline li.selected {
border-bottom-color: var(--link);
}
#mw-content {
background-image: none;
background-color: var(--contentbg);
}
#bodyContent > #mw-content-text {
background-image: none;
background-color: var(--textbg);
box-shadow: none;
padding: unset;
}
@media screen and (min-width: 851px) {
#mw-content-text {
box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
}
}
#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {
background-image: none;
background-color: var(--contentbg);
}
.mw-body h1, .mw-body h1.firstHeading {
border-bottom: solid 1px var(--h1border);
}
.mw-body h2 {
border-bottom: solid 1px var(--h2border);
}
.mw-body .mw-parser-output h1, .mw-body .mw-parser-output h2 {
border-bottom: solid 1px var(--h2color);
}
