Difference between revisions of "MediaWiki:Chameleon.css"
Jump to navigation
Jump to search
| Line 11: | Line 11: | ||
--cyan: #5bc0de; | --cyan: #5bc0de; | ||
--white: #fff; | --white: #fff; | ||
| − | + | --lightish-white: #aaa; | |
--gray: #7a8288; | --gray: #7a8288; | ||
--gray-dark: #3a3f44; | --gray-dark: #3a3f44; | ||
| Line 22: | Line 22: | ||
--light: #e9ecef; | --light: #e9ecef; | ||
--dark: #272b30; | --dark: #272b30; | ||
| − | + | --pure-black: #000; | |
| − | + | --grey-selected: #1c2025; | |
} | } | ||
| Line 118: | Line 118: | ||
span.smwb-value { | span.smwb-value { | ||
color: var(--lightish-white); | color: var(--lightish-white); | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
Revision as of 10:27, 26 April 2024
:root {
--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #ee5f5b;
--orange: #fd7e14;
--yellow: #f89406;
--green: #62c462;
--teal: #20c997;
--cyan: #5bc0de;
--white: #fff;
--lightish-white: #aaa;
--gray: #7a8288;
--gray-dark: #3a3f44;
--primary: #3a3f44;
--secondary: #7a8288;
--success: #62c462;
--info: #5bc0de;
--warning: #f89406;
--danger: #ee5f5b;
--light: #e9ecef;
--dark: #272b30;
--pure-black: #000;
--grey-selected: #1c2025;
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 0.9375rem;
font-weight: 400;
line-height: 1.5;
color: var(--lightish-white);
text-align: left;
background-color: var(--dark);
}
.navbar {
background-color: var(--dark);
}
table.navbox {
background: #1c1e22;
border: 1px solid rgba(0, 0, 0, .6);
}
.contentHeader .firstHeading {
color: var(--lightish-white);
}
h1, h2, h3, h4, h5, h6 {
color: var(--lightish-white);
}
th.navbox-group {
background: #2e3236;
border-right: 2px solid grey;
}
th.navbox-title {
background: #2e3236;
color: var(--lightish-white);
}
a {
color: var(--white);
}
a:visited {
color: var(--lightish-white);
}
.panel {
background-color: #1c1e22;
border: 1px solid rgba(0, 0, 0, .6);
}
.p-navbar .navbar-nav .navbar-tool > a,
.p-navbar a.navbar-more-tools, .p-navbar a.navbar-usernotloggedin, .p-navbar a.navbar-userloggedin, .p-navbar a.navbar-tool-link, .p-navbar a:visited.navbar-tool-link {
color: rgba(255, 255, 255, 0.5);
}
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
background-color: var(--gray-dark);
}
.smw-tabs input.nav-tab:checked + label.nav-label {
color: var(--lightish-white);
}
.smw-tabs > section#tab-content-general > form#smw-form-support > h3,
.smw-tabs > section#tab-content-general > form#smw-form-announce > h3,
.smw-tabs > section#tab-content-general > form#smw-form-buildtables > h3,
.smw-tabs > section#tab-content-supplement > h3,
.smw-tabs > section#tab-content-general > h3 {
color: var(--lightish-white);
}
.smw-tabs > section#tab-content-general > pre {
background-color: #1c1e22;
}
.smw-callout-error {
color: black;
}
.smw-callout-error > a.external,
div.qtip-content > span.smwttcontent > ul > li > a {
color: #545454;
}
.smwb-theme-light {
background-color: #1c1e22;
}
span.smwb-value {
color: var(--lightish-white);
}