Line 1: |
Line 1: |
− | /* All CSS here will be loaded for users of the Citizen skin */ | + | /* ui color */ |
− | :root.skin-citizen-dark { | + | :root.skin-citizen-dark {--color-surface-0: #333232;} |
− | --color-surface-0: #333232;
| + | .list-header {background-color: #333232;} |
− | } | + | .mw-footer {background-color: #2B2A2B;} |
| + | #footer-desc {background-color: #2B2A2B;} |
| + | .mw-header.citizen-header {background-color: #2B2A2B; opacity: 98%;} |
| + | .last-modified-bar {background-color: #2B2A2B;} |
| + | #footer-bottom {background-color: #2B2A2B;} |
| + | .mw-ui-button.mw-ui-progressive.createboxButton {background-color: #E69710;} |
| + | .mw-inputbox-input.mw-ui-input.mw-ui-input-inline.createboxInput {background-color: #FFFFFF; color: black} |
| + | .editOptions {background-color: #333232;} |
| + | pre {background-color: #4D4C4D} |
| + | .oo-ui-fieldLayout-header {background-color: #333232;} |
| + | .oo-ui-layout.oo-ui-horizontalLayout {background-color: #333232;} |
| + | .mw-summary.oo-ui-layout.oo-ui-labelElement.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top {background-color: #333232;} |
| + | .editButtons {background-color: #333232;} |
| + | #wpPreview {background-color: #E69710;} |
| + | #wpDiff {background-color: #E69710;} |
| + | #wpSave {background-color: #E69710;} |
| + | .oo-ui-buttonElement-button {background-color: #E69710; color: #FFFFFF;} |
| + | .oo-ui-labelElement-label {color: #FFFFFF;} |
| + | .mw-collapsible-text {color: #E69710;} |
| + | #p-views #ca-edit > a, #p-views #ca-ve-edit > a {background-color: #E69710;} |
| + | |
| + | /* drawer */ |
| + | .citizen-drawer__header {background-color: #2B2A2B; opacity: 100%;} |
| + | .citizen-drawer__menu {background-color: #2B2A2B; opacity: 100%;} |
| + | |
| + | /* preferences */ |
| + | #citizen-pref-header {background-color: #2B2A2B;} |
| + | #citizen-pref-panel {background-color: #2B2A2B;} |
| + | #citizen-pref-form {background-color: #2B2A2B;} |
| + | #citizen-pref-toggle {background: transparent;} |
| + | |
| + | /* personal */ |
| + | #p-personal-header {background-color: #2B2A2B;} |
| + | #p-personal {background-color: #2B2A2B;} |
| + | #citizen-personalMenu__buttonCheckbox {background: transparent;} |
| + | |
| + | /* search */ |
| + | .citizen-search__random {background-color: #2B2A2B;} |
| + | #searchInput {background-color: #2B2A2B;} |
| + | .citizen-search__icon {background-color: #2B2A2B;} |
| + | #citizen-search__buttonCheckbox {background: transparent;} |
| + | #searchform-suggestions {background-color: #2B2A2B;} |
| + | #searchform-suggestions-footer {background-color: #2B2A2B;} |
| + | |
| + | /* text/textboxes */ |
| + | #wpTextbox1 {background-color: #393939; color: #C1C1C1; font-family: monospace; font-size: 13px;} |
| + | #wpSummary {background-color: #4C4C4C; color: #C1C1C1} |
| + | |
| + | /* recent changes */ |
| + | .oo-ui-widget.oo-ui-widget-enabled oo-ui-selectWidget.oo-ui-selectWidget-unpressed.oo-ui-clippableElement-clippable.oo-ui-floatableElement-floatable.oo-ui-menuSelectWidget.mw-rcfilters-ui-menuSelectWidget.mw-rcfilters-ui-menuSelectWidget-view-default {background-color: #606060;} |
| + | .oo-ui-inputWidget-input {background-color: #4C4C4C;} |
| + | #sp-rc-language {background-color: #FFFFFF; color: #000000;} |
| + | .mw-changeslist-legend.mw-collapsible.mw-made-collapsible {background-color: #404040;} |
| + | .unpatrolled {color: #DD3333;} |
| + | |
| + | /* preferences page */ |
| + | .client-js.skin-citizen-dark.citizen-animations-ready.mf-font-size-null {background-color: #333232;} |
| + | |
| + | /* link colors */ |
| + | :root.skin-citizen-dark a:link { color: #E69710; } /* normal unvisited links */ |
| + | :root.skin-citizen-dark a:link:visited { color: #DB8200; } /* visited links */ |
| + | :root.skin-citizen-dark a:link:active { color: #E69710; } /* active links */ |
| + | :root.skin-citizen-dark a:link.new { color: #E69710; } /* new links */ |
| + | :root.skin-citizen-dark a:link.extiw { color: #E69710; } /* interwiki links */ |
| + | :root.skin-citizen-dark a:link.external { color: #E69710; } /* external links */ |
| + | :root.skin-citizen-dark a:link.stub { color: #E69710; } /* hovered links */ |
| + | |
| + | :root.skin-citizen-dark a:link {color: #E69710} |
| + | :root.skin-citizen-dark a:visited {color: #DB8200} |
| + | :root.skin-citizen-dark a:hover {color: #E69710} |
| + | :root.skin-citizen-dark a:active {color: #E69710} |