Difference between revisions of "MediaWiki:Chameleon.css"

From Arks-Visiphone
Jump to navigation Jump to search
Line 1: Line 1:
 +
: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;
 +
}
 +
 +
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 {
 
.navbar {
   background-color: #272b30;
+
   background-color: var(--dark);
 
}
 
}
  
Line 9: Line 46:
  
 
.contentHeader .firstHeading {
 
.contentHeader .firstHeading {
     color: #aaa;
+
     color: var(--lightish-white);
 
}
 
}
  
 
h1, h2, h3, h4, h5, h6 {
 
h1, h2, h3, h4, h5, h6 {
     color: #aaa;
+
     color: var(--lightish-white);
 
}
 
}
  
Line 23: Line 60:
 
th.navbox-title {
 
th.navbox-title {
 
     background: #2e3236;
 
     background: #2e3236;
     color: #aaa;
+
     color: var(--lightish-white);
 
}
 
}
  
 
a {
 
a {
     color: #fff;
+
     color: var(--white);
 
}
 
}
  
 
a:visited {
 
a:visited {
     color: #aaa;
+
     color: var(--lightish-white);
 
}
 
}
  
Line 45: Line 82:
  
 
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
 
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
background-color: #3a3f44;
+
background-color: var(--gray-dark);
 
}
 
}
  
 
.smw-tabs input.nav-tab:checked + label.nav-label {
 
.smw-tabs input.nav-tab:checked + label.nav-label {
color: #aaa;
+
color: var(--lightish-white);
 
}
 
}
  
Line 57: Line 94:
 
.smw-tabs > section#tab-content-supplement > h3,
 
.smw-tabs > section#tab-content-supplement > h3,
 
.smw-tabs > section#tab-content-general > h3 {
 
.smw-tabs > section#tab-content-general > h3 {
color: #aaa;
+
color: var(--lightish-white);
 
}
 
}
  
Line 65: Line 102:
  
 
.smw-callout-error {
 
.smw-callout-error {
     color: #fff;
+
     color: black;
    background-color: #ee5f5b;
 
 
}
 
}
 +
  
 
.smw-callout-error > a.external,
 
.smw-callout-error > a.external,
Line 79: Line 116:
  
 
span.smwb-value {
 
span.smwb-value {
color: #aaa;
+
color: var(--lightish-white);
 +
}
 +
 
 +
.oo-ui-popupWidget-popup {
 +
    background-color: var(--gray-dark);
 +
}
 +
 
 +
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button  {
 +
color: var(--white);
 +
    background-color: var(--gray);
 +
    border-color: var(--gray);
 +
}
 +
 
 +
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
 +
color: var(--white);
 +
background-color: var(--gray-dark);
 +
border-color: var(--gray-dark);
 +
}
 +
 
 +
div.oo-ui-fieldLayout-body > span.oo-ui-fieldLayout-field > span.oo-ui-checkboxInputWidget > input.oo-ui-inputWidget-input {
 +
background-color: var(--gray-dark);
 +
}
 +
 
 +
div.mw-rcfilters-ui-filterTagMultiselectWidget > div.oo-ui-widget-enabled > div.oo-ui-tagMultiselectWidget-handle {
 +
background-color: var(--gray-dark);
 +
}
 +
 
 +
label.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
 +
    color: var(--white);
 +
}
 +
 
 +
div.oo-ui-textInputWidget > input.oo-ui-inputWidget-input {
 +
background-color: var(--gray-dark);
 +
color: var(--white);
 +
}
 +
 
 +
div.oo-ui-tagMultiselectWidget-handle > div.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper > div.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-top > div.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-top-title > label.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
 +
color: var(--white);
 +
}
 +
 
 +
div.oo-ui-tagMultiselectWidget-handle > div.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper > div.mw-rcfilters-ui-table > div.mw-rcfilters-ui-row > div.oo-ui-tagMultiselectWidget-content > div.oo-ui-tagMultiselectWidget-group > div.mw-rcfilters-ui-filterTagItemWidget > span.oo-ui-labelElement-label > bdi {
 +
  color: var(--pure-black);
 +
}
 +
 
 +
div.mw-rcfilters-ui-itemMenuOptionWidget-label-title > bdi > span.oo-ui-labelElement-label {
 +
  color: var(--white);
 +
}
 +
div.mw-rcfilters-ui-itemMenuOptionWidget-label-desc > bdi {
 +
  color: var(--white);
 
}
 
}

Revision as of 09:43, 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;
}

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);
}

.oo-ui-popupWidget-popup {
    background-color: var(--gray-dark);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button  {
	color: var(--white);
    background-color: var(--gray);
    border-color: var(--gray);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
	color: var(--white);
	background-color: var(--gray-dark);
	border-color: var(--gray-dark);
}

div.oo-ui-fieldLayout-body > span.oo-ui-fieldLayout-field > span.oo-ui-checkboxInputWidget > input.oo-ui-inputWidget-input {
	background-color: var(--gray-dark);
}

div.mw-rcfilters-ui-filterTagMultiselectWidget > div.oo-ui-widget-enabled > div.oo-ui-tagMultiselectWidget-handle {
	background-color: var(--gray-dark);
}

label.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
    color: var(--white);
}

div.oo-ui-textInputWidget > input.oo-ui-inputWidget-input {
	background-color: var(--gray-dark);
	color: var(--white);
}

div.oo-ui-tagMultiselectWidget-handle > div.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper > div.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-top > div.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-top-title > label.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
	color: var(--white);
}

div.oo-ui-tagMultiselectWidget-handle > div.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper > div.mw-rcfilters-ui-table > div.mw-rcfilters-ui-row > div.oo-ui-tagMultiselectWidget-content > div.oo-ui-tagMultiselectWidget-group > div.mw-rcfilters-ui-filterTagItemWidget > span.oo-ui-labelElement-label > bdi {
  color: var(--pure-black);
}

div.mw-rcfilters-ui-itemMenuOptionWidget-label-title > bdi > span.oo-ui-labelElement-label {
  color: var(--white);
}
div.mw-rcfilters-ui-itemMenuOptionWidget-label-desc > bdi {
  color: var(--white);
}