MediaWiki:Common.css: Difference between revisions
From Melvor Idle
(Dark mode: Improve contrast for tabber containers, amend footer styling) |
(Rework dark mode implementation, prevents FOUC on page load) |
||
Line 7: | Line 7: | ||
table.lighttable .highlight-over { | table.lighttable .highlight-over { | ||
background-color:# | background-color:#ddd | ||
} | } | ||
table.lighttable .highlight-on { | table.lighttable .highlight-on { | ||
Line 13: | Line 13: | ||
} | } | ||
.infobox { | a { | ||
color:#29d; | |||
} | |||
a:visited { | |||
color:#18c; | |||
} | |||
.infobox, .noticebox { | |||
float:right; | float:right; | ||
clear:right; | clear:right; | ||
max-width:250px; | max-width:250px; | ||
margin-left:10px | margin-left:10px; | ||
} | |||
.noticebox { | |||
margin: 0.5em; | |||
padding: 0.5em; | |||
border:1px solid; | |||
background-color:#e6edfe; | |||
border-color:#0088dd; | |||
} | } | ||
Line 30: | Line 45: | ||
@media screen and (max-width:850px) { | @media screen and (max-width:850px) { | ||
.infobox, .messagebox { | .infobox, .noticebox, .messagebox { | ||
max-width:100%; | max-width:100%; | ||
min-width:250px; | min-width:250px; | ||
Line 38: | Line 53: | ||
margin:0 0 .5em 0; | margin:0 0 .5em 0; | ||
} | } | ||
} | } | ||
.mw-code, | .mw-code, | ||
.mw-script { | .mw-script { | ||
tab-size: 4 | tab-size: 4; | ||
} | } | ||
Line 122: | Line 121: | ||
} | } | ||
/* Dark | /* Dark theme rules below, these apply when the user has their OS or | ||
* browser style/theme preference set as dark | |||
*/ | |||
@media only screen and (prefers-color-scheme: dark) and (min-width:1100px) { | |||
#mw-related-navigation .sidebar-chunk, | |||
#mw-site-navigation .sidebar-chunk { | |||
background-color:#323942; | background-color:#323942; | ||
border-color:#323942; | border-color:#323942; | ||
Line 412: | Line 132: | ||
} | } | ||
} | } | ||
body. | @media (prefers-color-scheme: dark) { | ||
#mw-page-header-links li.selected a, | |||
#p-logo-text a, | |||
#searchInput, | |||
.diff-context, | |||
} | .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, | ||
.mw-body .mw-search-profile-tabs, | |||
.mw-body fieldset#mw-searchoptions, | |||
} | .mw-changeslist-legend, | ||
.mwe-popups .mwe-popups-extract, | |||
.mw-rcfilters-ui-itemMenuOptionWidget-label-title, | |||
} | .mw-rcfilters-ui-filterMenuHeaderWidget-title, | ||
.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title, | |||
.mw-rcfilters-ui-filterTagMultiselectWidget-resetButton > .oo-ui-buttonElement-button > .oo-ui-labelElement-label, | |||
} | .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title, | ||
.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label, | |||
.mw-rcfilters-ui-tagItemWidget-popup-content, | |||
.mw-rcfilters-ui-viewSwitchWidget > .oo-ui-labelElement-label, | |||
border-color:# | .mw-widget-calendarWidget-day, | ||
color:#eee; | .mw-widget-calendarWidget-labelButton > .oo-ui-buttonElement-button, | ||
} | .oo-ui-buttonOptionWidget > .oo-ui-buttonElement-button > .oo-ui-labelElement-label, | ||
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, | |||
.oo-ui-messageDialog-message, | |||
.search-types .current a, | |||
.suggestions .suggestions-result, | |||
.suggestions a.mw-searchSuggest-link, | |||
.suggestions a.mw-searchSuggest-link:active, | |||
.suggestions a.mw-searchSuggest-link:focus, | |||
.suggestions a.mw-searchSuggest-link:hover, | |||
.suggestions-special .special-query, | |||
.wikitable, | |||
code, | |||
body { | |||
color:#eee; | |||
} | |||
body { | |||
background-color:#282e37; | |||
} | |||
#searchInput:focus { | |||
outline: #0060df solid 2px | |||
} | |||
.warningbox { | |||
color:#f2d790; | |||
border-color:#9b5e1c; | |||
background-color:#6f4f2e; | |||
} | |||
#pagehistory li { | |||
border:1px solid #2c343f | |||
} | |||
.diff-addedline .diffchange { | |||
background:#4f6334 | |||
} | |||
.diff-deletedline .diffchange { | |||
background:#775353 | |||
} | |||
.diff-addedline { | |||
border-color:#4f6334 | |||
} | |||
.diff-deletedline { | |||
border-color:#775353 | |||
} | |||
.updatedmarker { | |||
background-color:#4f6334 | |||
} | |||
#pagehistory li.selected { | |||
background-color:#353d48; | |||
color:#eee; | |||
border:1px dashed #465160 | |||
} | |||
.mw-plusminus-pos { | |||
color:#18b918 | |||
} | |||
.mw-plusminus-neg { | |||
color:#f94e4e | |||
} | |||
div.editOptions, | |||
.mw-rcfilters-ui-filterMenuSectionOptionWidget { | |||
background-color:#232a35; | |||
color:#eee | |||
} | |||
.mw-parser-output a.external { | |||
color:#29d; | |||
} | |||
.mw-parser-output a.external:visited { | |||
color:#18c; | |||
} | |||
pre, | |||
textarea, | |||
#mw-header-container, | |||
.oo-ui-textInputWidget .oo-ui-inputWidget-input, | |||
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, | |||
.oo-ui-checkboxInputWidget [type='checkbox'] + span, | |||
.oo-ui-messageDialog-container, | |||
.oo-ui-toggleSwitchWidget, | |||
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip, | |||
.mw-code, | |||
.mw-widget-dateInputWidget-handle, | |||
mw-tagfilter-input mw-ui-input mw-ui-input-inline { | |||
background-color:#323942; | |||
color:#eee; | |||
} | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled:not(.oo-ui-flaggedElement-progressive):not([aria-selected="true"]) > .oo-ui-buttonElement-button, | |||
.oo-ui-popupWidget-popup, | |||
.oo-ui-menuOptionWidget.oo-ui-optionWidget, | |||
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled, | |||
.mw-widget-dateInputWidget-calendar { | |||
background-color:#323942; | |||
border-color:#465160; | |||
color:#eee | |||
} | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled:not(.oo-ui-flaggedElement-progressive):not([aria-selected="true"]) > .oo-ui-buttonElement-button:hover, | |||
.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover, | |||
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, | |||
.mw-rcfilters-ui-savedLinksListItemWidget:hover { | |||
background-color:#3c424a | |||
} | |||
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-optionWidget-highlighted, | |||
.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted { | |||
background-color:#223145 | |||
} | |||
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle, | |||
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc { | |||
color:#a4a1a1; | |||
} | |||
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle, | |||
.mw-rcfilters-ui-filterMenuHeaderWidget-header, | |||
.mw-rcfilters-ui-menuSelectWidget-footer { | |||
background-color:#282e37; | |||
} | |||
.mw-widget-calendarWidget-day-heading { | |||
color:#a6a6a6; | |||
} | |||
.mw-widget-calendarWidget-day-additional { | |||
color:#222 | |||
} | |||
.oo-ui-toggleSwitchWidget:hover { | |||
background-color:#323942 | |||
} | |||
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { | |||
border-color:#72777d | |||
} | |||
.oo-ui-popupWidget-anchor:before { | |||
border-top-color:#465160 | |||
} | |||
.oo-ui-popupWidget-anchor:after { | |||
border-top-color:#323942 | |||
} | |||
#simpleSearch, | |||
div.editOptions { | |||
border-color:#465160; | |||
} | |||
#mw-content-container, | |||
#simpleSearch, | |||
.cn-formsection-emphasis { | |||
background-color:#232a35; | |||
} | |||
.mw-parser-output a.external:active, | |||
.mw-parser-output a.external:hover, | |||
a:active, | |||
a:hover, | |||
a:visited:hover { | |||
color:#5bf | |||
} | |||
.mw-spinner-container > div:after { | |||
background:#eee | |||
} | |||
#mw-content { | |||
background-color:#2c343f; | |||
border-color:#2c343f | |||
} | |||
.not-patrolled { | |||
background-color:#594215 | |||
} | |||
.tocnumber { | |||
color:#ccc | |||
} | |||
.toctogglelabel { | |||
color:#28c | |||
} | |||
.diff-context, | |||
.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, | |||
.mw-body .mw-search-profile-tabs, | |||
.mw-body fieldset#mw-searchoptions, | |||
.mw-body li.gallerybox div.thumb, | |||
.mw-changeslist-legend, | |||
.mw-warning, | |||
.suggestions, | |||
.suggestions .suggestions-results, | |||
.suggestions .suggestions-special, | |||
.thumbinner, | |||
.toc, | |||
.wikitable, | |||
ul#filetoc { | |||
background-color:#323942; | |||
border-color:#626c7b; | |||
} | |||
pre, | |||
.mw-code, | |||
.thumbborder, | |||
.thumbinner .thumbimage, | |||
.wikitable>*>tr>td, | |||
.wikitable>*>tr>th, | |||
.wikitable>tr>td, | |||
.wikitable>tr>th { | |||
border-color:#626c7b; | |||
} | |||
.wikitable>*>tr>th, | |||
.wikitable>tr>th { | |||
background-color:#465160 | |||
} | |||
.mw-datatable { | |||
border:1px solid #465160; | |||
border-collapse:collapse | |||
} | |||
.mw-datatable td, | |||
.mw-datatable th { | |||
border:1px solid #465160; | |||
padding:0.2em 0.4em | |||
} | |||
.mw-datatable th { | |||
background-color:#465160 | |||
} | |||
.mw-datatable td { | |||
background-color:#323942 | |||
} | |||
.mw-datatable tr:hover td, | |||
#mw-allmessagestable tbody:hover td { | |||
background-color:#3c424a | |||
} | |||
.mwe-popups, | |||
.mwe-popups .mwe-popups-container { | |||
background:#323942; | |||
-webkit-box-shadow:0 30px 90px -20px rgba(0,0,0,0.3),0 0 1px #5b687a; | |||
box-shadow:0 30px 90px -20px rgba(0,0,0,0.3),0 0 1px #5b687a; | |||
} | |||
.mwe-popups .mwe-popups-extract[dir=ltr]::after { | |||
background-image:linear-gradient(to right,rgba(255,255,255,0),#323942 50%) | |||
} | |||
.pokey, | |||
.pokey:after, | |||
.mwe-popups:not(.flipped-y):not(.flipped-x-y):after, | |||
.mwe-popups.flipped-x:after { | |||
border-bottom-color:#323942 | |||
} | |||
.mwe-popups.flipped-y:after, | |||
.mwe-popups.flipped-x-y:after { | |||
border-top-color:#323942 | |||
} | |||
.mwe-popups:not(.flipped-y):not(.flipped-x-y):before, | |||
.mwe-popups.flipped-x:before { | |||
border-bottom-color:#465160 | |||
} | |||
.mwe-popups.flipped-y:before, | |||
.mwe-popups.flipped-x-y:before { | |||
border-top-color:#465160 | |||
} | |||
.pokey { | |||
border-bottom-color:#465160 | |||
} | |||
#mw-header-nav-hack { | |||
background:#323942; | |||
border-top-color:#465160 | |||
} | |||
#mw-related-navigation .sidebar-inner, | |||
#mw-site-navigation .sidebar-inner, | |||
#personal .dropdown { | |||
background:#323942; | |||
border-color:#465160 | |||
} | |||
#menus-cover { | |||
background:#111 | |||
} | |||
table.lighttable .highlight-over { | |||
background-color:#465160 | |||
} | |||
table.lighttable .highlight-on { | |||
background-color:#285128 | |||
} | |||
code, | |||
.mw-notification { | |||
background-color: #353d48; | |||
border-color:#465160; | |||
color:#eee; | |||
} | |||
.noticebox { | |||
background-color:#1e2842; | |||
border-color:#091957; | |||
} | |||
/* Categories, listed at bottom of page on mobile resolutions */ | |||
div#content-bottom-stuff { | |||
background-color: #2c343f; | |||
} | |||
/* Tabber styles */ | |||
.tabber__tab { | |||
color: #eee; | |||
} | |||
.tabber__tab:visited { | |||
color: #eee; | |||
} | |||
.tabber__tab--active, | |||
.tabber__tab--active:visited { | |||
box-shadow:inset 0 -2px 0 0 #3366cc; | |||
color:#36c; | |||
} | |||
.tabber__tab:hover { | |||
color: #447ff5; | |||
} | |||
.tabber__header { | |||
box-shadow:inset 0 -1px 0 0 #eee; | |||
} | |||
/* Line numbering for SyntaxHighlight module */ | |||
.mw-content-ltr.mw-highlight-lines pre, | |||
.mw-content-ltr.content .mw-highlight-lines pre { | |||
box-shadow: inset 2.75em 0 0 #3c4653; | |||
} | |||
/* Common text & table cell styles */ | |||
.table-positive { | |||
background-color: #285128; | |||
} | |||
.table-negative { | |||
background-color: #6a2731; | |||
} | |||
.table-neutral { | |||
background-color: #977e3a; | |||
} | |||
.table-na { | |||
background-color: #282f39; | |||
color: #717f93; | |||
} | |||
/* Icon color toggle for Township's Population, Workers, Storage*/ | |||
.township-colortoggle { | |||
filter:brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(297%) hue-rotate(64deg) brightness(115%) contrast(92%); | |||
} | |||
/* Special:RecentChanges - Highlight rules */ | |||
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1, | |||
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child, | |||
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), | |||
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { | |||
background-color:#2c475a | |||
} | |||
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2, | |||
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child, | |||
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), | |||
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { | |||
background-color:#385a53 | |||
} | |||
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3, | |||
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child, | |||
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), | |||
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { | |||
background-color:#544b2f | |||
} | |||
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4, | |||
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child, | |||
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), | |||
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { | |||
background-color:#674b3d | |||
} | |||
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5, | |||
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child, | |||
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), | |||
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { | |||
background-color:#4b2626 | |||
} | |||
/* General Editing & Scribunto/Lua Module Editing */ | |||
.mw-scribunto-console-fieldset, | |||
.mw-scribunto-error, | |||
.mw-scribunto-message, | |||
.mw-scribunto-print { | |||
background-color:#2c343f; | |||
} | |||
.mw-scribunto-console-fieldset { | |||
border-color:#465160; | |||
color:#eee | |||
} | |||
.mw-scribunto-error { | |||
color:#ff4242; | |||
} | |||
.mw-scribunto-input { | |||
color:#0897c4; | |||
} | |||
#mw-scribunto-input { | |||
background-color:#3c4653; | |||
} | |||
.mw-scribunto-print { | |||
color:#ce9178; | |||
} | |||
.codeEditor-status { | |||
/* General Editing & Scribunto/Lua Module Editing */ | |||
} | |||
} | |||
} | |||
} | |||
} | |||
} | |||
background-color: #2f3744; | background-color: #2f3744; | ||
background-image: linear-gradient(#2c333e 0,#1f2e48 32px); | border-color: #465160; | ||
} | } | ||
.codeEditor-status-message, | |||
.wikiEditor-ui .wikiEditor-ui-top, | |||
.wikiEditor-ui .wikiEditor-ui-view { | |||
} | border-color: #465160; | ||
} | |||
.wikiEditor-ui-toolbar { | |||
background-color: #2f3744; | |||
background-image: linear-gradient(#2c333e 0,#1f2e48 32px); | |||
} | } | ||
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement:hover { | |||
background-color:#3c424a; | |||
outline: 1px solid #465160; | |||
} | |||
.tool.tool-active.oo-ui-buttonElement-frameless.oo-ui-iconElement { | |||
background-color:#3c424a; | |||
outline: 1px solid #465160; | |||
box-shadow: unset; | |||
} | |||
/* Ace Editor */ | /* Ace Editor */ | ||
.ace-tm .ace_gutter { | |||
background-color: #3c4653; | |||
color: #eee; | |||
} | } | ||
.ace-tm .ace_print-margin { | |||
background: #4c5664; | |||
} | } | ||
.ace-tm .ace_fold { | |||
background-color: green; | |||
} | } | ||
.ace-tm { | |||
background-color: #232a35; | |||
color: #eee; | |||
} | } | ||
.ace-tm .ace_cursor { | |||
color: #eee; | |||
} | } | ||
.ace-tm .ace_invisible { | |||
color: #3e4551; | |||
} | } | ||
.ace-tm .ace_storage, | |||
.ace-tm .ace_keyword { | |||
color: #569cd6; | |||
} | } | ||
.ace-tm .ace_constant { | |||
color: #686be6; | |||
} | } | ||
.ace-tm .ace_constant.ace_buildin { | |||
color: rgb(88, 72, 246); | |||
} | } | ||
.ace-tm .ace_constant.ace_language { | |||
color: #686be6; | |||
} | } | ||
.ace-tm .ace_constant.ace_library { | |||
color: #dbbb5b; | |||
} | } | ||
.ace-tm .ace_invalid { | |||
background-color: rgba(255, 0, 0, 0.2); | |||
color: red; | |||
} | } | ||
.ace-tm .ace_support.ace_function { | |||
color: #dcdcaa; | |||
} | } | ||
.ace-tm .ace_support.ace_constant { | |||
color: #569cd6; | |||
} | } | ||
.ace-tm .ace_support.ace_type, | |||
.ace-tm .ace_support.ace_class { | |||
color: #569cd6; | |||
} | } | ||
.ace-tm .ace_keyword.ace_operator { | |||
color: #aaa8a8; | |||
} | } | ||
.ace-tm .ace_string { | |||
color: #ce9178; | |||
} | } | ||
.ace-tm .ace_comment { | |||
color: #529955; | |||
} | } | ||
.ace-tm .ace_comment.ace_doc { | |||
color: #529955; | |||
} | } | ||
.ace-tm .ace_comment.ace_doc.ace_tag { | |||
color: rgb(128, 159, 191); | |||
} | } | ||
.ace-tm .ace_constant.ace_numeric { | |||
color: #b5ce9b; | |||
} | } | ||
.ace-tm .ace_variable { | |||
color: #9cdcfe; | |||
} | } | ||
.ace-tm .ace_xml-pe { | |||
color: rgb(104, 104, 91); | |||
} | } | ||
.ace-tm .ace_entity.ace_name.ace_function { | |||
color: #dcdcaa; | |||
} | } | ||
.ace-tm .ace_heading { | |||
color: #1c55f1; | |||
} | } | ||
.ace-tm .ace_list { | |||
color: rgb(185, 6, 144); | |||
} | } | ||
.ace-tm .ace_meta.ace_tag { | |||
color: #1c55f1; | |||
} | } | ||
.ace-tm .ace_string.ace_regex { | |||
color: #ef4e4e; | |||
} | } | ||
.ace-tm .ace_marker-layer .ace_selection { | |||
background: #3e445a; | |||
} | } | ||
.ace-tm.ace_multiselect .ace_selection.ace_start { | |||
box-shadow: 0 0 3px 0px grey; | |||
} | } | ||
.ace-tm .ace_marker-layer .ace_step { | |||
background: rgb(252, 255, 0); | |||
} | } | ||
.ace-tm .ace_marker-layer .ace_stack { | |||
background: rgb(164, 229, 101); | |||
} | } | ||
.ace-tm .ace_marker-layer .ace_bracket { | |||
border: 1px solid rgb(192, 192, 192); | |||
} | } | ||
.ace-tm .ace_marker-layer .ace_active-line { | |||
background: rgba(255, 255, 255, 0.07); | |||
} | } | ||
.ace-tm .ace_gutter-active-line { | |||
background-color: #4b6389; | |||
} | } | ||
.ace-tm .ace_marker-layer .ace_selected-word { | |||
background: #383f4b; | |||
border: 1px solid #313f73; | |||
} | } | ||
.ace-tm .ace_paren { | |||
color: #ffc813; | |||
} | } | ||
.ace-tm .ace_indent-guide { | |||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAADklEQVR4AWMAA5+wlP8ABAMCBlWbPt4AAAAASUVORK5CYII=") right repeat-y; | |||
} | } | ||
.ace_fold-widget { | |||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHklEQVQIW2P4//8/AzoGEQ7oGCaLLAhWiSwB146BAQCSTPYocqT0AAAAAElFTkSuQmCC"); | |||
} | } | ||
.ace_fold-widget.ace_closed { | |||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFCAYAAACAcVaiAAAAHElEQVQIW2P4//+/AxAzgDADlOOAznHAKgPWAwARji8UIDTfQQAAAABJRU5ErkJggg=="); | |||
} | } | ||
.ace_gutter-cell.ace_info { | |||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAJFBMVEUAAAChoaGAgIAqKiq+vr6tra1ZWVmUlJSbm5s8PDxubm56enrdgzg3AAAAAXRSTlMAQObYZgAAAClJREFUeNpjYMAPdsMYHegyJZFQBlsUlMFVCWUYKkAZMxZAGdxlDMQBAG+TBP4B6RyJAAAAAElFTkSuQmCC"); | |||
} | } | ||
.ace_search { | |||
background-color:#323942; | background-color:#323942; | ||
border-color: #465160; | |||
color:#eee; | color:#eee; | ||
} | } | ||
.ace_search_field, | |||
background-color:# | .ace_searchbtn { | ||
color:# | background-color:#323942; | ||
color:#eee; | |||
} | |||
.ace_button { | |||
background-color:#3c424a; | |||
color:#eee; | |||
} | |||
/* These below rules are deprecated, contributors should use the following classes | |||
* going forward rather than inline styles: | |||
* text-positive Green text | |||
* text-negative Red text | |||
* table-positive Green table cell background | |||
* table-negative Red table cell background | |||
* table-neutral Yellow table cell background | |||
* table-na Dims a cell, indicating no content/of no interest | |||
* table-img Table cells containing only an image | |||
*/ | |||
td[style*="background-color:lightpink;"], | |||
td[style*="background-color:#FFE8E8;"], | |||
tr[style*="background-color:lightpink;"], | |||
tr[style*="background-color:#FFE8E8;"] { | |||
background-color:#6a2731!important | |||
} | |||
td[style*="background-color:lightgreen;"], | |||
td[style*="background-color:#E8FFEB;"], | |||
tr[style*="background-color:lightgreen;"], | |||
tr[style*="background-color:#E8FFEB;"] { | |||
background-color:#285128!important | |||
} | |||
span[style*="color:green"] { | |||
color:#3ec83e!important | |||
} | |||
table[style*="background:#FFF7F7;"] { | |||
background-color:#465160!important | |||
} | |||
} | } |
Revision as of 17:38, 15 December 2022
/* CSS placed here will be applied to all skins */
.stickyHeader th {
position:-webkit-sticky;
position:sticky;
background-clip: padding-box
}
table.lighttable .highlight-over {
background-color:#ddd
}
table.lighttable .highlight-on {
background-color:#cfc
}
a {
color:#29d;
}
a:visited {
color:#18c;
}
.infobox, .noticebox {
float:right;
clear:right;
max-width:250px;
margin-left:10px;
}
.noticebox {
margin: 0.5em;
padding: 0.5em;
border:1px solid;
background-color:#e6edfe;
border-color:#0088dd;
}
.messagebox {
clear:both;
width:500px;
margin:auto;
margin-bottom:0.5em;
border-width:1px;
border-left:8px solid #0088dd !important;
}
@media screen and (max-width:850px) {
.infobox, .noticebox, .messagebox {
max-width:100%;
min-width:250px;
float:none;
clear:both;
width:100%;
margin:0 0 .5em 0;
}
}
.mw-code,
.mw-script {
tab-size: 4;
}
.mw-collapsible-toggle {
padding-left:0.2em;
padding-right:0.2em;
}
.col-1-left td:nth-child(1) { text-align: left; }
.col-2-left td:nth-child(2) { text-align: left; }
.col-3-left td:nth-child(3) { text-align: left; }
.col-4-left td:nth-child(4) { text-align: left; }
.col-5-left td:nth-child(5) { text-align: left; }
.col-6-left td:nth-child(6) { text-align: left; }
.col-7-left td:nth-child(7) { text-align: left; }
.col-8-left td:nth-child(8) { text-align: left; }
.col-9-left td:nth-child(9) { text-align: left; }
.col-1-center td:nth-child(1) { text-align: center; }
.col-2-center td:nth-child(2) { text-align: center; }
.col-3-center td:nth-child(3) { text-align: center; }
.col-4-center td:nth-child(4) { text-align: center; }
.col-5-center td:nth-child(5) { text-align: center; }
.col-6-center td:nth-child(6) { text-align: center; }
.col-7-center td:nth-child(7) { text-align: center; }
.col-8-center td:nth-child(8) { text-align: center; }
.col-9-center td:nth-child(9) { text-align: center; }
.col-1-right td:nth-child(1) { text-align: right; }
.col-2-right td:nth-child(2) { text-align: right; }
.col-3-right td:nth-child(3) { text-align: right; }
.col-4-right td:nth-child(4) { text-align: right; }
.col-5-right td:nth-child(5) { text-align: right; }
.col-6-right td:nth-child(6) { text-align: right; }
.col-7-right td:nth-child(7) { text-align: right; }
.col-8-right td:nth-child(8) { text-align: right; }
.col-9-right td:nth-child(9) { text-align: right; }
/* Common text & table cell styles */
.table-positive {
background-color: #90ee90;
}
.table-negative {
background-color: #ffb6c1;
}
.table-neutral {
background-color: #fce8b2;
}
.table-na {
background-color: #eaecf0;
color: #666;
text-align: center;
}
.table-img {
text-align: center;
min-width: 25px;
}
.text-positive {
color: green;
}
.text-negative {
color: red;
}
/* Dark theme rules below, these apply when the user has their OS or
* browser style/theme preference set as dark
*/
@media only screen and (prefers-color-scheme: dark) and (min-width:1100px) {
#mw-related-navigation .sidebar-chunk,
#mw-site-navigation .sidebar-chunk {
background-color:#323942;
border-color:#323942;
box-shadow:0 1px 2px rgb(33 34 35/50%),0 1px 2px rgb(26 26 27/50%)
}
}
@media (prefers-color-scheme: dark) {
#mw-page-header-links li.selected a,
#p-logo-text a,
#searchInput,
.diff-context,
.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,
.mw-body .mw-search-profile-tabs,
.mw-body fieldset#mw-searchoptions,
.mw-changeslist-legend,
.mwe-popups .mwe-popups-extract,
.mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.mw-rcfilters-ui-filterMenuHeaderWidget-title,
.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title,
.mw-rcfilters-ui-filterTagMultiselectWidget-resetButton > .oo-ui-buttonElement-button > .oo-ui-labelElement-label,
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title,
.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label,
.mw-rcfilters-ui-tagItemWidget-popup-content,
.mw-rcfilters-ui-viewSwitchWidget > .oo-ui-labelElement-label,
.mw-widget-calendarWidget-day,
.mw-widget-calendarWidget-labelButton > .oo-ui-buttonElement-button,
.oo-ui-buttonOptionWidget > .oo-ui-buttonElement-button > .oo-ui-labelElement-label,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
.oo-ui-messageDialog-message,
.search-types .current a,
.suggestions .suggestions-result,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions-special .special-query,
.wikitable,
code,
body {
color:#eee;
}
body {
background-color:#282e37;
}
#searchInput:focus {
outline: #0060df solid 2px
}
.warningbox {
color:#f2d790;
border-color:#9b5e1c;
background-color:#6f4f2e;
}
#pagehistory li {
border:1px solid #2c343f
}
.diff-addedline .diffchange {
background:#4f6334
}
.diff-deletedline .diffchange {
background:#775353
}
.diff-addedline {
border-color:#4f6334
}
.diff-deletedline {
border-color:#775353
}
.updatedmarker {
background-color:#4f6334
}
#pagehistory li.selected {
background-color:#353d48;
color:#eee;
border:1px dashed #465160
}
.mw-plusminus-pos {
color:#18b918
}
.mw-plusminus-neg {
color:#f94e4e
}
div.editOptions,
.mw-rcfilters-ui-filterMenuSectionOptionWidget {
background-color:#232a35;
color:#eee
}
.mw-parser-output a.external {
color:#29d;
}
.mw-parser-output a.external:visited {
color:#18c;
}
pre,
textarea,
#mw-header-container,
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
.oo-ui-checkboxInputWidget [type='checkbox'] + span,
.oo-ui-messageDialog-container,
.oo-ui-toggleSwitchWidget,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip,
.mw-code,
.mw-widget-dateInputWidget-handle,
mw-tagfilter-input mw-ui-input mw-ui-input-inline {
background-color:#323942;
color:#eee;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled:not(.oo-ui-flaggedElement-progressive):not([aria-selected="true"]) > .oo-ui-buttonElement-button,
.oo-ui-popupWidget-popup,
.oo-ui-menuOptionWidget.oo-ui-optionWidget,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled,
.mw-widget-dateInputWidget-calendar {
background-color:#323942;
border-color:#465160;
color:#eee
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled:not(.oo-ui-flaggedElement-progressive):not([aria-selected="true"]) > .oo-ui-buttonElement-button:hover,
.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.mw-rcfilters-ui-savedLinksListItemWidget:hover {
background-color:#3c424a
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted {
background-color:#223145
}
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle,
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
color:#a4a1a1;
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle,
.mw-rcfilters-ui-filterMenuHeaderWidget-header,
.mw-rcfilters-ui-menuSelectWidget-footer {
background-color:#282e37;
}
.mw-widget-calendarWidget-day-heading {
color:#a6a6a6;
}
.mw-widget-calendarWidget-day-additional {
color:#222
}
.oo-ui-toggleSwitchWidget:hover {
background-color:#323942
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
border-color:#72777d
}
.oo-ui-popupWidget-anchor:before {
border-top-color:#465160
}
.oo-ui-popupWidget-anchor:after {
border-top-color:#323942
}
#simpleSearch,
div.editOptions {
border-color:#465160;
}
#mw-content-container,
#simpleSearch,
.cn-formsection-emphasis {
background-color:#232a35;
}
.mw-parser-output a.external:active,
.mw-parser-output a.external:hover,
a:active,
a:hover,
a:visited:hover {
color:#5bf
}
.mw-spinner-container > div:after {
background:#eee
}
#mw-content {
background-color:#2c343f;
border-color:#2c343f
}
.not-patrolled {
background-color:#594215
}
.tocnumber {
color:#ccc
}
.toctogglelabel {
color:#28c
}
.diff-context,
.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,
.mw-body .mw-search-profile-tabs,
.mw-body fieldset#mw-searchoptions,
.mw-body li.gallerybox div.thumb,
.mw-changeslist-legend,
.mw-warning,
.suggestions,
.suggestions .suggestions-results,
.suggestions .suggestions-special,
.thumbinner,
.toc,
.wikitable,
ul#filetoc {
background-color:#323942;
border-color:#626c7b;
}
pre,
.mw-code,
.thumbborder,
.thumbinner .thumbimage,
.wikitable>*>tr>td,
.wikitable>*>tr>th,
.wikitable>tr>td,
.wikitable>tr>th {
border-color:#626c7b;
}
.wikitable>*>tr>th,
.wikitable>tr>th {
background-color:#465160
}
.mw-datatable {
border:1px solid #465160;
border-collapse:collapse
}
.mw-datatable td,
.mw-datatable th {
border:1px solid #465160;
padding:0.2em 0.4em
}
.mw-datatable th {
background-color:#465160
}
.mw-datatable td {
background-color:#323942
}
.mw-datatable tr:hover td,
#mw-allmessagestable tbody:hover td {
background-color:#3c424a
}
.mwe-popups,
.mwe-popups .mwe-popups-container {
background:#323942;
-webkit-box-shadow:0 30px 90px -20px rgba(0,0,0,0.3),0 0 1px #5b687a;
box-shadow:0 30px 90px -20px rgba(0,0,0,0.3),0 0 1px #5b687a;
}
.mwe-popups .mwe-popups-extract[dir=ltr]::after {
background-image:linear-gradient(to right,rgba(255,255,255,0),#323942 50%)
}
.pokey,
.pokey:after,
.mwe-popups:not(.flipped-y):not(.flipped-x-y):after,
.mwe-popups.flipped-x:after {
border-bottom-color:#323942
}
.mwe-popups.flipped-y:after,
.mwe-popups.flipped-x-y:after {
border-top-color:#323942
}
.mwe-popups:not(.flipped-y):not(.flipped-x-y):before,
.mwe-popups.flipped-x:before {
border-bottom-color:#465160
}
.mwe-popups.flipped-y:before,
.mwe-popups.flipped-x-y:before {
border-top-color:#465160
}
.pokey {
border-bottom-color:#465160
}
#mw-header-nav-hack {
background:#323942;
border-top-color:#465160
}
#mw-related-navigation .sidebar-inner,
#mw-site-navigation .sidebar-inner,
#personal .dropdown {
background:#323942;
border-color:#465160
}
#menus-cover {
background:#111
}
table.lighttable .highlight-over {
background-color:#465160
}
table.lighttable .highlight-on {
background-color:#285128
}
code,
.mw-notification {
background-color: #353d48;
border-color:#465160;
color:#eee;
}
.noticebox {
background-color:#1e2842;
border-color:#091957;
}
/* Categories, listed at bottom of page on mobile resolutions */
div#content-bottom-stuff {
background-color: #2c343f;
}
/* Tabber styles */
.tabber__tab {
color: #eee;
}
.tabber__tab:visited {
color: #eee;
}
.tabber__tab--active,
.tabber__tab--active:visited {
box-shadow:inset 0 -2px 0 0 #3366cc;
color:#36c;
}
.tabber__tab:hover {
color: #447ff5;
}
.tabber__header {
box-shadow:inset 0 -1px 0 0 #eee;
}
/* Line numbering for SyntaxHighlight module */
.mw-content-ltr.mw-highlight-lines pre,
.mw-content-ltr.content .mw-highlight-lines pre {
box-shadow: inset 2.75em 0 0 #3c4653;
}
/* Common text & table cell styles */
.table-positive {
background-color: #285128;
}
.table-negative {
background-color: #6a2731;
}
.table-neutral {
background-color: #977e3a;
}
.table-na {
background-color: #282f39;
color: #717f93;
}
/* Icon color toggle for Township's Population, Workers, Storage*/
.township-colortoggle {
filter:brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(297%) hue-rotate(64deg) brightness(115%) contrast(92%);
}
/* Special:RecentChanges - Highlight rules */
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child,
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
background-color:#2c475a
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child,
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
background-color:#385a53
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child,
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
background-color:#544b2f
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child,
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
background-color:#674b3d
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child,
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
background-color:#4b2626
}
/* General Editing & Scribunto/Lua Module Editing */
.mw-scribunto-console-fieldset,
.mw-scribunto-error,
.mw-scribunto-message,
.mw-scribunto-print {
background-color:#2c343f;
}
.mw-scribunto-console-fieldset {
border-color:#465160;
color:#eee
}
.mw-scribunto-error {
color:#ff4242;
}
.mw-scribunto-input {
color:#0897c4;
}
#mw-scribunto-input {
background-color:#3c4653;
}
.mw-scribunto-print {
color:#ce9178;
}
.codeEditor-status {
background-color: #2f3744;
border-color: #465160;
}
.codeEditor-status-message,
.wikiEditor-ui .wikiEditor-ui-top,
.wikiEditor-ui .wikiEditor-ui-view {
border-color: #465160;
}
.wikiEditor-ui-toolbar {
background-color: #2f3744;
background-image: linear-gradient(#2c333e 0,#1f2e48 32px);
}
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement:hover {
background-color:#3c424a;
outline: 1px solid #465160;
}
.tool.tool-active.oo-ui-buttonElement-frameless.oo-ui-iconElement {
background-color:#3c424a;
outline: 1px solid #465160;
box-shadow: unset;
}
/* Ace Editor */
.ace-tm .ace_gutter {
background-color: #3c4653;
color: #eee;
}
.ace-tm .ace_print-margin {
background: #4c5664;
}
.ace-tm .ace_fold {
background-color: green;
}
.ace-tm {
background-color: #232a35;
color: #eee;
}
.ace-tm .ace_cursor {
color: #eee;
}
.ace-tm .ace_invisible {
color: #3e4551;
}
.ace-tm .ace_storage,
.ace-tm .ace_keyword {
color: #569cd6;
}
.ace-tm .ace_constant {
color: #686be6;
}
.ace-tm .ace_constant.ace_buildin {
color: rgb(88, 72, 246);
}
.ace-tm .ace_constant.ace_language {
color: #686be6;
}
.ace-tm .ace_constant.ace_library {
color: #dbbb5b;
}
.ace-tm .ace_invalid {
background-color: rgba(255, 0, 0, 0.2);
color: red;
}
.ace-tm .ace_support.ace_function {
color: #dcdcaa;
}
.ace-tm .ace_support.ace_constant {
color: #569cd6;
}
.ace-tm .ace_support.ace_type,
.ace-tm .ace_support.ace_class {
color: #569cd6;
}
.ace-tm .ace_keyword.ace_operator {
color: #aaa8a8;
}
.ace-tm .ace_string {
color: #ce9178;
}
.ace-tm .ace_comment {
color: #529955;
}
.ace-tm .ace_comment.ace_doc {
color: #529955;
}
.ace-tm .ace_comment.ace_doc.ace_tag {
color: rgb(128, 159, 191);
}
.ace-tm .ace_constant.ace_numeric {
color: #b5ce9b;
}
.ace-tm .ace_variable {
color: #9cdcfe;
}
.ace-tm .ace_xml-pe {
color: rgb(104, 104, 91);
}
.ace-tm .ace_entity.ace_name.ace_function {
color: #dcdcaa;
}
.ace-tm .ace_heading {
color: #1c55f1;
}
.ace-tm .ace_list {
color: rgb(185, 6, 144);
}
.ace-tm .ace_meta.ace_tag {
color: #1c55f1;
}
.ace-tm .ace_string.ace_regex {
color: #ef4e4e;
}
.ace-tm .ace_marker-layer .ace_selection {
background: #3e445a;
}
.ace-tm.ace_multiselect .ace_selection.ace_start {
box-shadow: 0 0 3px 0px grey;
}
.ace-tm .ace_marker-layer .ace_step {
background: rgb(252, 255, 0);
}
.ace-tm .ace_marker-layer .ace_stack {
background: rgb(164, 229, 101);
}
.ace-tm .ace_marker-layer .ace_bracket {
border: 1px solid rgb(192, 192, 192);
}
.ace-tm .ace_marker-layer .ace_active-line {
background: rgba(255, 255, 255, 0.07);
}
.ace-tm .ace_gutter-active-line {
background-color: #4b6389;
}
.ace-tm .ace_marker-layer .ace_selected-word {
background: #383f4b;
border: 1px solid #313f73;
}
.ace-tm .ace_paren {
color: #ffc813;
}
.ace-tm .ace_indent-guide {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAADklEQVR4AWMAA5+wlP8ABAMCBlWbPt4AAAAASUVORK5CYII=") right repeat-y;
}
.ace_fold-widget {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHklEQVQIW2P4//8/AzoGEQ7oGCaLLAhWiSwB146BAQCSTPYocqT0AAAAAElFTkSuQmCC");
}
.ace_fold-widget.ace_closed {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFCAYAAACAcVaiAAAAHElEQVQIW2P4//+/AxAzgDADlOOAznHAKgPWAwARji8UIDTfQQAAAABJRU5ErkJggg==");
}
.ace_gutter-cell.ace_info {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAJFBMVEUAAAChoaGAgIAqKiq+vr6tra1ZWVmUlJSbm5s8PDxubm56enrdgzg3AAAAAXRSTlMAQObYZgAAAClJREFUeNpjYMAPdsMYHegyJZFQBlsUlMFVCWUYKkAZMxZAGdxlDMQBAG+TBP4B6RyJAAAAAElFTkSuQmCC");
}
.ace_search {
background-color:#323942;
border-color: #465160;
color:#eee;
}
.ace_search_field,
.ace_searchbtn {
background-color:#323942;
color:#eee;
}
.ace_button {
background-color:#3c424a;
color:#eee;
}
/* These below rules are deprecated, contributors should use the following classes
* going forward rather than inline styles:
* text-positive Green text
* text-negative Red text
* table-positive Green table cell background
* table-negative Red table cell background
* table-neutral Yellow table cell background
* table-na Dims a cell, indicating no content/of no interest
* table-img Table cells containing only an image
*/
td[style*="background-color:lightpink;"],
td[style*="background-color:#FFE8E8;"],
tr[style*="background-color:lightpink;"],
tr[style*="background-color:#FFE8E8;"] {
background-color:#6a2731!important
}
td[style*="background-color:lightgreen;"],
td[style*="background-color:#E8FFEB;"],
tr[style*="background-color:lightgreen;"],
tr[style*="background-color:#E8FFEB;"] {
background-color:#285128!important
}
span[style*="color:green"] {
color:#3ec83e!important
}
table[style*="background:#FFF7F7;"] {
background-color:#465160!important
}
}