MediaWiki:Vector.css: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
mNo edit summary |
||
(23 intermediate revisions by 2 users not shown) | |||
Line 57: | Line 57: | ||
--body-background-color: #11191C; | --body-background-color: #11191C; | ||
--body-background-image: url(/resources/assets/ | --body-background-image: url(/resources/assets/cavebg.jpg); | ||
--body-background-attachment: fixed; | --body-background-attachment: fixed; | ||
--body-background-size: cover; | --body-background-size: cover; | ||
Line 64: | Line 64: | ||
--body-color: #c1d3d6; | --body-color: #c1d3d6; | ||
--content-background: radial-gradient(rgba(5, 41, 41, 0. | --content-background: radial-gradient(rgba(5,41,41,0.95),rgba(8,14,14,0.95)); | ||
--content-border: 0; | --content-border: 0; | ||
--content-border-radius: 0px; | --content-border-radius: 0px; | ||
Line 74: | Line 74: | ||
--logo-width: 700px; | --logo-width: 700px; | ||
--logo-center: 1; | --logo-center: 1; | ||
--logo-left:; | --logo-left: 0px; | ||
--logo-vertical-space: 1.5em; | --logo-vertical-space: 1.5em; | ||
--logo-content-space:; | --logo-content-space: 0px; | ||
--sidebar-header-background: | --sidebar-header-background: rgba(8,14,14,1); | ||
--sidebar-header-color: #fff; | --sidebar-header-color: #fff; | ||
--sidebar-link-background: | --sidebar-link-background: rgba(5,20,20,0.95); | ||
--sidebar-link-box-shadow:; | /*--sidebar-link-box-shadow:;*/ | ||
--navigation-tab-active-background: var(-- | --navigation-tab-active-background: var(--sidebar-link-background); | ||
--navigation-tab-active-color: #fff; | --navigation-tab-active-color: #fff; | ||
--navigation-tab-background: var(-- | --navigation-tab-background: var(--sidebar-link-background); | ||
--navigation-tab-box-shadow:; | /*--navigation-tab-box-shadow:;*/ | ||
--navigation-arrow-invert: 1; | --navigation-arrow-invert: 1; | ||
Line 110: | Line 110: | ||
--editor-button-border: 1px solid rgba(40, 50, 50, 0.7); | --editor-button-border: 1px solid rgba(40, 50, 50, 0.7); | ||
--editor-subtoolbar-background: var(--qud-border-bg-color-ultralight); | --editor-subtoolbar-background: var(--qud-border-bg-color-ultralight); | ||
--editor-toolbar-background: var(--qud-bg-color- | --editor-toolbar-background: var(--qud-bg-color-ultralight); | ||
--editor-toolbar-selected-background: var(--qud-border-bg-color-ultralight); | --editor-toolbar-selected-background: var(--qud-border-bg-color-ultralight); | ||
--ui-field-background-color: rgb(30, 30, 30); | |||
--ui-field-color: var(--body-color); | |||
--msupload-background: radial-gradient(rgba(30, 59, 60, 1), rgba(6, 28, 23,1)); | --msupload-background: radial-gradient(rgba(30, 59, 60, 1), rgba(6, 28, 23,1)); | ||
Line 155: | Line 158: | ||
--thumbnail-border: 1px solid var(--qud-border-bg-color-ultralight); | --thumbnail-border: 1px solid var(--qud-border-bg-color-ultralight); | ||
--toc-background: var(--qud-bg-color- | --toc-background: var(--qud-bg-color-dark); | ||
--toc-border: 1px solid var(--qud-border-bg-color-ultralight); | --toc-border: 1px solid var(--qud-border-bg-color-ultralight); | ||
Line 260: | Line 263: | ||
*/ | */ | ||
.mw-highlight span.linenos { background-color: var(--sidebar-link-background); } | .mw-highlight span.linenos { background-color: var(--sidebar-link-background); } | ||
.mw-highlight .c { color: | .mw-highlight .c { color: var(--qud-color-k) } /* Comment */ | ||
.mw-highlight .err { color: | .mw-highlight .err { color: var(--qud-color-y-dark) } /* Error */ | ||
.mw-highlight .g { color: | .mw-highlight .g { color: var(--qud-color-y-dark) } /* Generic */ | ||
.mw-highlight .k { color: | .mw-highlight .k { color: var(--qud-color-g-dark) } /* Keyword */ | ||
.mw-highlight .l { color: | .mw-highlight .l { color: var(--qud-color-y-dark) } /* Literal */ | ||
.mw-highlight .n { color: | .mw-highlight .n { color: var(--qud-color-y-dark) } /* Name */ | ||
.mw-highlight .o { color: | .mw-highlight .o { color: var(--qud-color-g-dark) } /* Operator */ | ||
.mw-highlight .x { color: | .mw-highlight .x { color: var(--qud-color-o-dark) } /* Other */ | ||
.mw-highlight .p { color: | .mw-highlight .p { color: var(--qud-color-y-dark) } /* Punctuation */ | ||
.mw-highlight .cm { color: | .mw-highlight .cm { color: var(--qud-color-k) } /* Comment.Multiline */ | ||
.mw-highlight .cp { color: | .mw-highlight .cp { color: var(--qud-color-g-dark) } /* Comment.Preproc */ | ||
.mw-highlight .c1 { color: | .mw-highlight .c1 { color: var(--qud-color-k) } /* Comment.Single */ | ||
.mw-highlight .cs { color: | .mw-highlight .cs { color: var(--qud-color-g-dark) } /* Comment.Special */ | ||
.mw-highlight .gd { color: | .mw-highlight .gd { color: var(--qud-color-c-dark) } /* Generic.Deleted */ | ||
.mw-highlight .ge { color: | .mw-highlight .ge { color: var(--qud-color-y-dark); font-style: italic } /* Generic.Emph */ | ||
.mw-highlight .gr { color: | .mw-highlight .gr { color: var(--qud-color-r) } /* Generic.Error */ | ||
.mw-highlight .gh { color: | .mw-highlight .gh { color: var(--qud-color-o-dark) } /* Generic.Heading */ | ||
.mw-highlight .gi { color: | .mw-highlight .gi { color: var(--qud-color-g-dark) } /* Generic.Inserted */ | ||
.mw-highlight .go { color: | .mw-highlight .go { color: var(--qud-color-y-dark) } /* Generic.Output */ | ||
.mw-highlight .gp { color: | .mw-highlight .gp { color: var(--qud-color-y-dark) } /* Generic.Prompt */ | ||
.mw-highlight .gs { color: | .mw-highlight .gs { color: var(--qud-color-y-dark); font-weight: bold } /* Generic.Strong */ | ||
.mw-highlight .gu { color: | .mw-highlight .gu { color: var(--qud-color-o-dark) } /* Generic.Subheading */ | ||
.mw-highlight .gt { color: | .mw-highlight .gt { color: var(--qud-color-y-dark) } /* Generic.Traceback */ | ||
.mw-highlight .kc { color: | .mw-highlight .kc { color: var(--qud-color-o-dark) } /* Keyword.Constant */ | ||
.mw-highlight .kd { color: | .mw-highlight .kd { color: var(--qud-color-b) } /* Keyword.Declaration */ | ||
.mw-highlight .kn { color: | .mw-highlight .kn { color: var(--qud-color-g-dark) } /* Keyword.Namespace */ | ||
.mw-highlight .kp { color: | .mw-highlight .kp { color: var(--qud-color-g-dark) } /* Keyword.Pseudo */ | ||
.mw-highlight .kr { color: | .mw-highlight .kr { color: var(--qud-color-b) } /* Keyword.Reserved */ | ||
.mw-highlight .kt { color: | .mw-highlight .kt { color: var(--qud-color-r) } /* Keyword.Type */ | ||
.mw-highlight .ld { color: | .mw-highlight .ld { color: var(--qud-color-y-dark) } /* Literal.Date */ | ||
.mw-highlight .m { color: | .mw-highlight .m { color: var(--qud-color-c-dark) } /* Literal.Number */ | ||
.mw-highlight .s { color: | .mw-highlight .s { color: var(--qud-color-c-dark) } /* Literal.String */ | ||
.mw-highlight .na { color: | .mw-highlight .na { color: var(--qud-color-y-dark) } /* Name.Attribute */ | ||
.mw-highlight .nb { color: | .mw-highlight .nb { color: var(--qud-color-w) } /* Name.Builtin */ | ||
.mw-highlight .nc { color: | .mw-highlight .nc { color: var(--qud-color-b) } /* Name.Class */ | ||
.mw-highlight .no { color: | .mw-highlight .no { color: var(--qud-color-o-dark) } /* Name.Constant */ | ||
.mw-highlight .nd { color: | .mw-highlight .nd { color: var(--qud-color-b) } /* Name.Decorator */ | ||
.mw-highlight .ni { color: | .mw-highlight .ni { color: var(--qud-color-o-dark) } /* Name.Entity */ | ||
.mw-highlight .ne { color: | .mw-highlight .ne { color: var(--qud-color-o-dark) } /* Name.Exception */ | ||
.mw-highlight .nf { color: | .mw-highlight .nf { color: var(--qud-color-b) } /* Name.Function */ | ||
.mw-highlight .nl { color: | .mw-highlight .nl { color: var(--qud-color-y-dark) } /* Name.Label */ | ||
.mw-highlight .nn { color: | .mw-highlight .nn { color: var(--qud-color-y-dark) } /* Name.Namespace */ | ||
.mw-highlight .nx { color: | .mw-highlight .nx { color: var(--qud-color-y-dark) } /* Name.Other */ | ||
.mw-highlight .py { color: | .mw-highlight .py { color: var(--qud-color-y-dark) } /* Name.Property */ | ||
.mw-highlight .nt { color: | .mw-highlight .nt { color: var(--qud-color-b) } /* Name.Tag */ | ||
.mw-highlight .nv { color: | .mw-highlight .nv { color: var(--qud-color-b) } /* Name.Variable */ | ||
.mw-highlight .ow { color: | .mw-highlight .ow { color: var(--qud-color-g-dark) } /* Operator.Word */ | ||
.mw-highlight .w { color: | .mw-highlight .w { color: var(--qud-color-y-dark) } /* Text.Whitespace */ | ||
.mw-highlight .mf { color: | .mw-highlight .mf { color: var(--qud-color-c-dark) } /* Literal.Number.Float */ | ||
.mw-highlight .mh { color: | .mw-highlight .mh { color: var(--qud-color-c-dark) } /* Literal.Number.Hex */ | ||
.mw-highlight .mi { color: | .mw-highlight .mi { color: var(--qud-color-c-dark) } /* Literal.Number.Integer */ | ||
.mw-highlight .mo { color: | .mw-highlight .mo { color: var(--qud-color-c-dark) } /* Literal.Number.Oct */ | ||
.mw-highlight .sb { color: | .mw-highlight .sb { color: var(--qud-color-k) } /* Literal.String.Backtick */ | ||
.mw-highlight .sc { color: | .mw-highlight .sc { color: var(--qud-color-c-dark) } /* Literal.String.Char */ | ||
.mw-highlight .sd { color: | .mw-highlight .sd { color: var(--qud-color-y-dark) } /* Literal.String.Doc */ | ||
.mw-highlight .s2 { color: | .mw-highlight .s2 { color: var(--qud-color-c-dark) } /* Literal.String.Double */ | ||
.mw-highlight .se { color: | .mw-highlight .se { color: var(--qud-color-o-dark) } /* Literal.String.Escape */ | ||
.mw-highlight .sh { color: | .mw-highlight .sh { color: var(--qud-color-y-dark) } /* Literal.String.Heredoc */ | ||
.mw-highlight .si { color: | .mw-highlight .si { color: var(--qud-color-c-dark) } /* Literal.String.Interpol */ | ||
.mw-highlight .sx { color: | .mw-highlight .sx { color: var(--qud-color-c-dark) } /* Literal.String.Other */ | ||
.mw-highlight .sr { color: | .mw-highlight .sr { color: var(--qud-color-r) } /* Literal.String.Regex */ | ||
.mw-highlight .s1 { color: | .mw-highlight .s1 { color: var(--qud-color-c-dark) } /* Literal.String.Single */ | ||
.mw-highlight .ss { color: | .mw-highlight .ss { color: var(--qud-color-c-dark) } /* Literal.String.Symbol */ | ||
.mw-highlight .bp { color: | .mw-highlight .bp { color: var(--qud-color-b) } /* Name.Builtin.Pseudo */ | ||
.mw-highlight .vc { color: | .mw-highlight .vc { color: var(--qud-color-b) } /* Name.Variable.Class */ | ||
.mw-highlight .vg { color: | .mw-highlight .vg { color: var(--qud-color-b) } /* Name.Variable.Global */ | ||
.mw-highlight .vi { color: | .mw-highlight .vi { color: var(--qud-color-b) } /* Name.Variable.Instance */ | ||
.mw-highlight .il { color: | .mw-highlight .il { color: var(--qud-color-c-dark) } /* Literal.Number.Integer.Long */ | ||
/* | /* | ||
* | * UI adjustments for dark theme | ||
* | * ============================= | ||
*/ | */ | ||
/* Syntax highlighting tweaks */ | |||
.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { | |||
box-shadow: inset 2.75em 0 0 var(--sidebar-link-background); | |||
} | |||
/* "Edit" page styles */ | |||
.mw-editform textarea.mw-editfont-monospace, | .mw-editform textarea.mw-editfont-monospace, | ||
.editOptions .mw-summary input[name="wpSummary"] { | .editOptions .mw-summary input[name="wpSummary"] { | ||
background: | background: var(--ui-field-background-color); | ||
color: var(-- | color: var(--ui-field-color); | ||
} | } | ||
.mw-editform textarea.mw-editfont-monospace { | .mw-editform textarea.mw-editfont-monospace { | ||
Line 351: | Line 361: | ||
/ | /* "History" page diff styles */ | ||
td.diff-context { | td.diff-context { | ||
background-color: #222722; | background-color: #222722; | ||
Line 375: | Line 382: | ||
background: #20560e; | background: #20560e; | ||
color: #d5f752; | color: #d5f752; | ||
} | |||
/* Wiki page footer */ | |||
#footer-places, #footer-icons { | |||
display: inline-block; /* fixes footer height issue */ | |||
} | |||
/* dark theme for UI input fields, dropdowns, etc. */ | |||
input, | |||
textarea, | |||
select, | |||
.oo-ui-popupWidget-popup, | |||
.oo-ui-textInputWidget .oo-ui-inputWidget-input, | |||
.mw-changeslist-legend.mw-collapsible.mw-made-collapsible, | |||
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, | |||
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { | |||
background: var(--ui-field-background-color); | |||
color: var(--ui-field-color); | |||
border-style: solid; | |||
border-width: 2px; | |||
border-color: var(--qud-color-k-dark); | |||
border-radius: 2px; | |||
padding: 6px; | |||
transition: border-color 250ms, box-shadow 250ms; | |||
} | |||
.oo-ui-tabOptionWidget, | |||
.mw-widget-dateInputWidget-handle, | |||
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled, | |||
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, | |||
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover { | |||
background: var(--ui-field-background-color); | |||
color: var(--ui-field-color); | |||
} | |||
.oo-ui-widget-disabled span.oo-ui-dropdownWidget-handle, | |||
.oo-ui-widget-disabled input, | |||
.oo-ui-toggleWidget-off { | |||
background: #656565 !important; | |||
color: var(--ui-field-color); | |||
} | |||
input:hover, | |||
textarea:hover, | |||
select:hover { | |||
border-color: #72777d; | |||
} | |||
input:focus, | |||
textarea:focus, | |||
select:focus { | |||
outline: 0; | |||
border-color: #36c; | |||
box-shadow: inset 0 0 0 1px #36c; | |||
} | |||
.mw-prefs-buttons, | |||
.oo-ui-tabSelectWidget-framed { | |||
background: var(--ui-field-background-color); | |||
} | |||
/* styles for various warning boxes */ | |||
.mw-destfile-warning, | |||
.mw-confirmaccount-bar { | |||
background: #2f0a0a; | |||
border: 1px solid #990000; | |||
color: var(--ui-field-color); | |||
} | |||
.warningbox { | |||
background: var(--qud-color-w); | |||
border: none; | |||
} | |||
.warningbox a { | |||
color: var(--qud-color-b-dark) | |||
} | |||
/* padding fixes for Preferences page */ | |||
.oo-ui-fieldsetLayout { | |||
padding: 10px; | |||
} | |||
/* darken & fix up the API sandbox form */ | |||
.mw-apisandbox-toolbar { | |||
background: var(--ui-field-background-color); | |||
padding: 1em; | |||
} | |||
/* Advanced search options form */ | |||
.mw-advancedSearch-fieldContainer, | |||
.mw-advancedSearch-namespace-selection, | |||
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled, | |||
.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input, | |||
.mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label { | |||
background: var(--ui-field-background-color); | |||
color: var(--ui-field-color); | |||
} | |||
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed), | |||
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { | |||
background: var(--qud-color-k); | |||
color: var(--body-color); | |||
} | |||
/* Fix dark font color in selected nodes of page history */ | |||
#pagehistory li.selected { | |||
color: var(--body-color); | |||
} | |||
#pagehistory li.selected span.comment.comment--without-parentheses { | |||
color: var(--qud-color-y); | |||
font-weight: bold; | |||
} | |||
/* Invert <math> formula color from black text to white */ | |||
.mwe-math-fallback-image-inline, | |||
.mwe-math-fallback-image-display { | |||
filter: hue-rotate(180deg) invert(1); | |||
} | |||
div#mw-head li.selected > a { | |||
border:1px solid var(--qud-border-bg-color-semilght); | |||
} | } |
Latest revision as of 13:33, 7 August 2023
/* All CSS here will be loaded for users of the Vector skin */
@font-face {
font-family: 'Source Code Pro';
font-style: normal;
font-weight: 400;
src: local('Source Code Pro'), local('SourceCodePro-Regular'), url(https://fonts.gstatic.com/s/sourcecodepro/v9/HI_SiYsKILxRpg3hIP6sJ7fM7PqlPevWnsUnxg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Source Code Pro';
font-style: normal;
font-weight: 700;
src: local('Source Code Pro Bold'), local('SourceCodePro-Bold'), url(https://fonts.gstatic.com/s/sourcecodepro/v10/HI_XiYsKILxRpg3hIP6sJ7fM7Pqths7Ds-cq.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBampu5_7CjHW5spxoeN3Vs.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'FontAwesome';
font-weight: normal;
font-style: normal;
src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=5.0.0");
src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=5.0.0") format('embedded-opentype'), url("https://maxcdn.bootstrapcdn.com/font-awesome/ta4.3.0/fonts/fontawesome-webfont.woff2?v=5.0.0") format('woff2'), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=5.0.0") format('woff'), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=5.0.0") format('truetype'), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=5.0.0#fontawesomeregular") format('svg');
}
:root {
--qud-bg-color-ultralight: rgba(6,28,23,0.2);
--qud-bg-color-semidark: rgba(6,28,23,0.7);
--qud-bg-color-dark: rgba(6,28,23,0.8);
--qud-bg-color-darker: rgba(6,28,23,0.9);
--qud-border-bg-color-ultralight: rgba(77,110,122,0.2);
--qud-border-bg-color-semilight: rgba(77,110,122,0.3);
--qud-border-bg-color-semidark: rgba(77,110,122,0.7);
--qud-border-bg-color-dark: rgba(77,110,122,0.8);
--qud-border-bg-color-darker: rgba(77,110,122,0.9);
--qud-border-bg-color: rgba(77,110,122,1);
--qud-viridian-bg-color-ultralight: rgba(8,51,50,0.2);
--qud-viridian-bg-color-semilight: rgba(8,51,50,0.3);
--qud-viridian-bg-color-semidark: rgba(8,51,50,0.7);
--qud-viridian-bg-color-dark: rgba(8,51,50,0.8);
--qud-viridian-bg-color-darker: rgba(8,51,50,0.9);
--qud-viridian-bg-color: rgba(8,51,50,1);
--body-background-color: #11191C;
--body-background-image: url(/resources/assets/cavebg.jpg);
--body-background-attachment: fixed;
--body-background-size: cover;
--body-background-position: center center;
--body-background-repeat: no-repeat;
--body-color: #c1d3d6;
--content-background: radial-gradient(rgba(5,41,41,0.95),rgba(8,14,14,0.95));
--content-border: 0;
--content-border-radius: 0px;
--link-color: #69A9B9;
--link-redlink-color: #bb312c;
--logo-height: 65px;
--logo-width: 700px;
--logo-center: 1;
--logo-left: 0px;
--logo-vertical-space: 1.5em;
--logo-content-space: 0px;
--sidebar-header-background: rgba(8,14,14,1);
--sidebar-header-color: #fff;
--sidebar-link-background: rgba(5,20,20,0.95);
/*--sidebar-link-box-shadow:;*/
--navigation-tab-active-background: var(--sidebar-link-background);
--navigation-tab-active-color: #fff;
--navigation-tab-background: var(--sidebar-link-background);
/*--navigation-tab-box-shadow:;*/
--navigation-arrow-invert: 1;
--searchsuggestions-background: var(--qud-bg-color-darker);
--searchsuggestions-border-color: var(--qud-border-bg-color-semilight);
--searchsuggestions-hover-background: var(--qud-border-bg-color-semilight);
--searchsuggestions-hover-color: #fff;
--fpbox-background: transparent;
--fpbox-border: 1px solid var(--qud-border-bg-color-ultralight);
--fpheading-background: var(--qud-viridian-bg-color-semilight);
--fpheading-border: 1px solid #c1d3d6;
--fpheading-color: #c9c9c9;
--fpheading-font: "Source Code Pro","Courier new",Courier,monospace;
--fplink-background: var(--qud-viridian-bg-color-semilight);
--fplink-border: 0;
--fplink-fullwidth-background: rgba(0,0,0, 0.3);
--editor-border: 1px solid var(--qud-border-bg-color-semidark);
--editor-button-background: rgba(77,110,122,0.5);
--editor-button-border: 1px solid rgba(40, 50, 50, 0.7);
--editor-subtoolbar-background: var(--qud-border-bg-color-ultralight);
--editor-toolbar-background: var(--qud-bg-color-ultralight);
--editor-toolbar-selected-background: var(--qud-border-bg-color-ultralight);
--ui-field-background-color: rgb(30, 30, 30);
--ui-field-color: var(--body-color);
--msupload-background: radial-gradient(rgba(30, 59, 60, 1), rgba(6, 28, 23,1));
--msupload-filelist: var(--qud-border-bg-color-ultralight);
--preferences-border: 1px solid var(--qud-border-bg-color-ultralight);
--preferences-tab-active-background: var(--qud-border-bg-color-semidark);
--preferences-tab-background: rgba(100,100,100, 0.4);
--infobox-border: 1px solid var(--qud-border-bg-color-semilight);
--infobox-details-background: var(--qud-border-bg-color-semilight);
--infobox-details-color: #fff;
--infobox-header-background: rgba(0,0,0,0.3);
--infobox-header-color: #fff;
--infobox-label-background: rgba(0,0,0,0.2);
--infobox-label-color: #fff;
--navbox-alt-background: transparent;
--navbox-background: var(--qud-viridian-bg-color-ultralight);
--navbox-border: 1px solid var(--qud-viridian-bg-color-ultralight);
--navbox-color: #c1d3d6;
--navbox-secondary-background: transparent;
--wikitable-alt-background: var(--qud-border-bg-color-ultralight);
--wikitable-background: var(--qud-bg-color-ultralight);
--wikitable-border: 1px solid var(--qud-border-bg-color-semilight);
--wikitable-border-collapse: collapse;
--wikitable-border-spacing: 0;
--wikitable-header-background: var(--qud-border-bg-color-ultralight);
--wikitable-header-color: #fff;
--wikitable-hover-color: var(--qud-bg-color-semidark);
--code-background: var(--qud-bg-color-semidark);
--code-color: #c1d3d6;
--doc-background: var(--qud-bg-color-ultralight);
--doc-border: 1px solid var(--qud-border-bg-color-ultralight);
--catlinks-background: var(--qud-bg-color-ultralight);
--catlinks-border: 1px solid var(--qud-border-bg-color-ultralight);
--thumbnail-background: var(--qud-bg-color-semidark);
--thumbnail-border: 1px solid var(--qud-border-bg-color-ultralight);
--toc-background: var(--qud-bg-color-dark);
--toc-border: 1px solid var(--qud-border-bg-color-ultralight);
--ambox-background: rgba(51, 76, 76, 0.3);
--ambox-blue: #0096ff;
--ambox-gray: #b1c9c3;
--ambox-green: #009403;
--ambox-orange: #e99f10;
--ambox-purple: #b154cf;
--ambox-red: #d74200;
--ambox-yellow: #cfc041;
}
/* patch ridiculous pageforms createform styling */
.pfCollapsibleFieldset > div > div:nth-child(odd) {
background: rgba(255,255,255,0.05)!important;
}
.pfCollapsibleFieldset > div > div:nth-child(even) {
background: rgba(255,255,255,0.1)!important;
}
/* cargo table adjustments */
.skin-hydradark table.cargoTable > tbody > tr:nth-child(2n+1), .skin-hydradark table.cargoTable td.odd {
background-color: unset;
}
table.dataTable {
border-spacing: 0;
}
table.dataTable th, table.dataTable tbody th, table.dataTable tbody td {
padding: 8px 10px;
}
table.dataTable tr:first-child td {
border-top: none;
}
table.dataTable.display tbody tr:hover, table.dataTable.hover tbody tr:hover {
background: var(--wikitable-hover-color);
}
.cargo-tablelist td,
.mw-datatable td {
background: var(--wikitable-background);
}
.cargo-tablelist th,
.mw-datatable th {
background: var(--wikitable-header-background);
}
.cargo-tablelist tr:hover td,
.mw-datatable tr:hover td {
background: var(--qud-viridian-bg-color);
}
.cargo-tablelist td,
.mw-datatable td,
.cargo-tablelist th,
.mw-datatable th {
border: var(--wikitable-border);
}
.mediawiki .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
border: 2px solid var(--qud-viridian-bg-color);
background: var(--navigation-tab-active-background);
}
/* fix broken checkbox coloring when checkbox is focused/hovered/active */
.mediawiki .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover:checked+span,
.mediawiki .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus:checked+span,
.mediawiki .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active:checked+span,
.mediawiki .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus:hover:checked+span {
background-color: var(--editor-button-background);
}
/* patch font size for ants */
.mw-body-content .mw-parser-output > p,
.mw-body-content .mw-parser-output > ul,
.mw-body-content .mw-parser-output > ol {
font-size: 16px;
}
/*Change hr color*/
div#content hr {
background-color: var(--qud-border-bg-color-semilight);
}
/* misc color tweaks */
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
background-color: transparent;
}
.mw-changeslist-legend {
background-color: transparent;
border: 1px solid var(--qud-border-bg-color-ultralight);
}
.mw-confirmaccount-type-0 {
background-color: transparent;
}
.mw-confirmaccount-type-0 .mw-confirmaccount-body-0 {
background-color: transparent;
}
/*
* SyntaxHighlight styles (pygments css)
* =====================================
*/
.mw-highlight span.linenos { background-color: var(--sidebar-link-background); }
.mw-highlight .c { color: var(--qud-color-k) } /* Comment */
.mw-highlight .err { color: var(--qud-color-y-dark) } /* Error */
.mw-highlight .g { color: var(--qud-color-y-dark) } /* Generic */
.mw-highlight .k { color: var(--qud-color-g-dark) } /* Keyword */
.mw-highlight .l { color: var(--qud-color-y-dark) } /* Literal */
.mw-highlight .n { color: var(--qud-color-y-dark) } /* Name */
.mw-highlight .o { color: var(--qud-color-g-dark) } /* Operator */
.mw-highlight .x { color: var(--qud-color-o-dark) } /* Other */
.mw-highlight .p { color: var(--qud-color-y-dark) } /* Punctuation */
.mw-highlight .cm { color: var(--qud-color-k) } /* Comment.Multiline */
.mw-highlight .cp { color: var(--qud-color-g-dark) } /* Comment.Preproc */
.mw-highlight .c1 { color: var(--qud-color-k) } /* Comment.Single */
.mw-highlight .cs { color: var(--qud-color-g-dark) } /* Comment.Special */
.mw-highlight .gd { color: var(--qud-color-c-dark) } /* Generic.Deleted */
.mw-highlight .ge { color: var(--qud-color-y-dark); font-style: italic } /* Generic.Emph */
.mw-highlight .gr { color: var(--qud-color-r) } /* Generic.Error */
.mw-highlight .gh { color: var(--qud-color-o-dark) } /* Generic.Heading */
.mw-highlight .gi { color: var(--qud-color-g-dark) } /* Generic.Inserted */
.mw-highlight .go { color: var(--qud-color-y-dark) } /* Generic.Output */
.mw-highlight .gp { color: var(--qud-color-y-dark) } /* Generic.Prompt */
.mw-highlight .gs { color: var(--qud-color-y-dark); font-weight: bold } /* Generic.Strong */
.mw-highlight .gu { color: var(--qud-color-o-dark) } /* Generic.Subheading */
.mw-highlight .gt { color: var(--qud-color-y-dark) } /* Generic.Traceback */
.mw-highlight .kc { color: var(--qud-color-o-dark) } /* Keyword.Constant */
.mw-highlight .kd { color: var(--qud-color-b) } /* Keyword.Declaration */
.mw-highlight .kn { color: var(--qud-color-g-dark) } /* Keyword.Namespace */
.mw-highlight .kp { color: var(--qud-color-g-dark) } /* Keyword.Pseudo */
.mw-highlight .kr { color: var(--qud-color-b) } /* Keyword.Reserved */
.mw-highlight .kt { color: var(--qud-color-r) } /* Keyword.Type */
.mw-highlight .ld { color: var(--qud-color-y-dark) } /* Literal.Date */
.mw-highlight .m { color: var(--qud-color-c-dark) } /* Literal.Number */
.mw-highlight .s { color: var(--qud-color-c-dark) } /* Literal.String */
.mw-highlight .na { color: var(--qud-color-y-dark) } /* Name.Attribute */
.mw-highlight .nb { color: var(--qud-color-w) } /* Name.Builtin */
.mw-highlight .nc { color: var(--qud-color-b) } /* Name.Class */
.mw-highlight .no { color: var(--qud-color-o-dark) } /* Name.Constant */
.mw-highlight .nd { color: var(--qud-color-b) } /* Name.Decorator */
.mw-highlight .ni { color: var(--qud-color-o-dark) } /* Name.Entity */
.mw-highlight .ne { color: var(--qud-color-o-dark) } /* Name.Exception */
.mw-highlight .nf { color: var(--qud-color-b) } /* Name.Function */
.mw-highlight .nl { color: var(--qud-color-y-dark) } /* Name.Label */
.mw-highlight .nn { color: var(--qud-color-y-dark) } /* Name.Namespace */
.mw-highlight .nx { color: var(--qud-color-y-dark) } /* Name.Other */
.mw-highlight .py { color: var(--qud-color-y-dark) } /* Name.Property */
.mw-highlight .nt { color: var(--qud-color-b) } /* Name.Tag */
.mw-highlight .nv { color: var(--qud-color-b) } /* Name.Variable */
.mw-highlight .ow { color: var(--qud-color-g-dark) } /* Operator.Word */
.mw-highlight .w { color: var(--qud-color-y-dark) } /* Text.Whitespace */
.mw-highlight .mf { color: var(--qud-color-c-dark) } /* Literal.Number.Float */
.mw-highlight .mh { color: var(--qud-color-c-dark) } /* Literal.Number.Hex */
.mw-highlight .mi { color: var(--qud-color-c-dark) } /* Literal.Number.Integer */
.mw-highlight .mo { color: var(--qud-color-c-dark) } /* Literal.Number.Oct */
.mw-highlight .sb { color: var(--qud-color-k) } /* Literal.String.Backtick */
.mw-highlight .sc { color: var(--qud-color-c-dark) } /* Literal.String.Char */
.mw-highlight .sd { color: var(--qud-color-y-dark) } /* Literal.String.Doc */
.mw-highlight .s2 { color: var(--qud-color-c-dark) } /* Literal.String.Double */
.mw-highlight .se { color: var(--qud-color-o-dark) } /* Literal.String.Escape */
.mw-highlight .sh { color: var(--qud-color-y-dark) } /* Literal.String.Heredoc */
.mw-highlight .si { color: var(--qud-color-c-dark) } /* Literal.String.Interpol */
.mw-highlight .sx { color: var(--qud-color-c-dark) } /* Literal.String.Other */
.mw-highlight .sr { color: var(--qud-color-r) } /* Literal.String.Regex */
.mw-highlight .s1 { color: var(--qud-color-c-dark) } /* Literal.String.Single */
.mw-highlight .ss { color: var(--qud-color-c-dark) } /* Literal.String.Symbol */
.mw-highlight .bp { color: var(--qud-color-b) } /* Name.Builtin.Pseudo */
.mw-highlight .vc { color: var(--qud-color-b) } /* Name.Variable.Class */
.mw-highlight .vg { color: var(--qud-color-b) } /* Name.Variable.Global */
.mw-highlight .vi { color: var(--qud-color-b) } /* Name.Variable.Instance */
.mw-highlight .il { color: var(--qud-color-c-dark) } /* Literal.Number.Integer.Long */
/*
* UI adjustments for dark theme
* =============================
*/
/* Syntax highlighting tweaks */
.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre {
box-shadow: inset 2.75em 0 0 var(--sidebar-link-background);
}
/* "Edit" page styles */
.mw-editform textarea.mw-editfont-monospace,
.editOptions .mw-summary input[name="wpSummary"] {
background: var(--ui-field-background-color);
color: var(--ui-field-color);
}
.mw-editform textarea.mw-editfont-monospace {
line-height: 1.3em;
font-size: 14px;
}
.mw-editform .editOptions .mw-summary input[name="wpSummary"] {
font-size: 15px;
}
.mw-editform #editpage-copywarn {
margin: 1em 0;
}
/* "History" page diff styles */
td.diff-context {
background-color: #222722;
border: none;
color: var(--body-color);
}
td.diff-deletedline {
background-color: #2f0a0a;
border: none
}
td.diff-addedline {
background-color: #004000;
border: none;
}
td.diff-deletedline .diffchange {
background: #6f0606;
color: #ff5151
}
td.diff-addedline .diffchange {
background: #20560e;
color: #d5f752;
}
/* Wiki page footer */
#footer-places, #footer-icons {
display: inline-block; /* fixes footer height issue */
}
/* dark theme for UI input fields, dropdowns, etc. */
input,
textarea,
select,
.oo-ui-popupWidget-popup,
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.mw-changeslist-legend.mw-collapsible.mw-made-collapsible,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
background: var(--ui-field-background-color);
color: var(--ui-field-color);
border-style: solid;
border-width: 2px;
border-color: var(--qud-color-k-dark);
border-radius: 2px;
padding: 6px;
transition: border-color 250ms, box-shadow 250ms;
}
.oo-ui-tabOptionWidget,
.mw-widget-dateInputWidget-handle,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled,
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
background: var(--ui-field-background-color);
color: var(--ui-field-color);
}
.oo-ui-widget-disabled span.oo-ui-dropdownWidget-handle,
.oo-ui-widget-disabled input,
.oo-ui-toggleWidget-off {
background: #656565 !important;
color: var(--ui-field-color);
}
input:hover,
textarea:hover,
select:hover {
border-color: #72777d;
}
input:focus,
textarea:focus,
select:focus {
outline: 0;
border-color: #36c;
box-shadow: inset 0 0 0 1px #36c;
}
.mw-prefs-buttons,
.oo-ui-tabSelectWidget-framed {
background: var(--ui-field-background-color);
}
/* styles for various warning boxes */
.mw-destfile-warning,
.mw-confirmaccount-bar {
background: #2f0a0a;
border: 1px solid #990000;
color: var(--ui-field-color);
}
.warningbox {
background: var(--qud-color-w);
border: none;
}
.warningbox a {
color: var(--qud-color-b-dark)
}
/* padding fixes for Preferences page */
.oo-ui-fieldsetLayout {
padding: 10px;
}
/* darken & fix up the API sandbox form */
.mw-apisandbox-toolbar {
background: var(--ui-field-background-color);
padding: 1em;
}
/* Advanced search options form */
.mw-advancedSearch-fieldContainer,
.mw-advancedSearch-namespace-selection,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled,
.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input,
.mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
background: var(--ui-field-background-color);
color: var(--ui-field-color);
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed),
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
background: var(--qud-color-k);
color: var(--body-color);
}
/* Fix dark font color in selected nodes of page history */
#pagehistory li.selected {
color: var(--body-color);
}
#pagehistory li.selected span.comment.comment--without-parentheses {
color: var(--qud-color-y);
font-weight: bold;
}
/* Invert <math> formula color from black text to white */
.mwe-math-fallback-image-inline,
.mwe-math-fallback-image-display {
filter: hue-rotate(180deg) invert(1);
}
div#mw-head li.selected > a {
border:1px solid var(--qud-border-bg-color-semilght);
}