Jump to content

MediaWiki:Vector-2022.css: Difference between revisions

← Older editNewer edit →
Line 7: Line 7:
     --color-dark-teal: #006D77;
     --color-dark-teal: #006D77;
     --color-cerulean: #007BA7;
     --color-cerulean: #007BA7;
     --color-white: #FFFFFF;
     --color-dove-gray: #D8D8D8;   /* Replaces White */
     --color-light-gray: #B0BFCB;
     --color-medium-gray: #A9A9A9; /* Replaces Light Gray */
     --color-dark-gray: #1E1E1E;
     --color-dark-gray: #1E1E1E;
}
}
Line 15: Line 15:
body {
body {
     background-color: var(--color-deep-slate);
     background-color: var(--color-deep-slate);
     color: var(--color-white);
     color: var(--color-dove-gray);
     font-family: 'Bona Nova', serif;
     font-family: 'Bona Nova', serif;
}
}
Line 41: Line 41:
#mw-panel {
#mw-panel {
     background-color: var(--color-medium-slate);
     background-color: var(--color-medium-slate);
     color: var(--color-white);
     color: var(--color-dove-gray);
}
}


Line 57: Line 57:
     border: 1px solid var(--color-dark-teal);
     border: 1px solid var(--color-dark-teal);
     padding: 20px;
     padding: 20px;
     color: var(--color-white);
     color: var(--color-dove-gray);
}
}


Line 66: Line 66:
     border-radius: 8px;
     border-radius: 8px;
     padding: 10px;
     padding: 10px;
     color: var(--color-white);
     color: var(--color-dove-gray);
}
}


Line 77: Line 77:
.mw-ui-button {
.mw-ui-button {
     background-color: var(--color-dark-teal);
     background-color: var(--color-dark-teal);
     color: var(--color-white);
     color: var(--color-dove-gray);
     border: none;
     border: none;
     padding: 8px 16px;
     padding: 8px 16px;
Line 92: Line 92:
     background-color: var(--color-medium-slate);
     background-color: var(--color-medium-slate);
     border: 2px solid var(--color-cerulean);
     border: 2px solid var(--color-cerulean);
     color: var(--color-white);
     color: var(--color-dove-gray);
     width: 250px;
     width: 250px;
     float: right;
     float: right;
Line 102: Line 102:
.infobox th {
.infobox th {
     background-color: var(--color-dark-teal);
     background-color: var(--color-dark-teal);
     color: var(--color-white);
     color: var(--color-dove-gray);
     text-align: center;
     text-align: center;
}
}
Line 114: Line 114:
     background-color: var(--color-medium-slate);
     background-color: var(--color-medium-slate);
     border-left: 4px solid var(--color-dark-teal);
     border-left: 4px solid var(--color-dark-teal);
     color: var(--color-white);
     color: var(--color-dove-gray);
}
}


Line 124: Line 124:
.mw-message-box-error {
.mw-message-box-error {
     background-color: #FF6347; /* Tomato for errors */
     background-color: #FF6347; /* Tomato for errors */
     color: var(--color-white);
     color: var(--color-dove-gray);
}
}


Line 154: Line 154:
body.ve-active .oo-ui-toolbar .oo-ui-buttonWidget {
body.ve-active .oo-ui-toolbar .oo-ui-buttonWidget {
     background-color: var(--color-dark-teal);
     background-color: var(--color-dark-teal);
     color: var(--color-white);
     color: var(--color-dove-gray);
}
}


Line 170: Line 170:
.portable-infobox .pi-title {
.portable-infobox .pi-title {
     background-color: var(--color-cerulean);
     background-color: var(--color-cerulean);
     color: var(--color-white);
     color: var(--color-dove-gray);
}
}


Line 184: Line 184:
pre, code {
pre, code {
     background-color: var(--color-dark-gray);
     background-color: var(--color-dark-gray);
     color: var(--color-light-gray);
     color: var(--color-medium-gray);
     border: 1px solid var(--color-dark-teal);
     border: 1px solid var(--color-dark-teal);
     border-radius: 4px;
     border-radius: 4px;
Line 193: Line 193:
.cm-keyword { color: var(--color-dark-teal); font-weight: bold; }
.cm-keyword { color: var(--color-dark-teal); font-weight: bold; }
.cm-string { color: #7FDBFF; }
.cm-string { color: #7FDBFF; }
.cm-comment { color: #AAAAAA; font-style: italic; }
.cm-comment { color: var(--color-medium-gray); font-style: italic; }
.cm-number { color: #FFD700; }
.cm-number { color: #FFD700; }
.cm-variable { color: var(--color-cerulean); }
.cm-variable { color: var(--color-cerulean); }
Line 201: Line 201:
#p-search input {
#p-search input {
     background-color: var(--color-shale);
     background-color: var(--color-shale);
     color: var(--color-white);
     color: var(--color-dove-gray);
     border: 1px solid var(--color-dark-teal);
     border: 1px solid var(--color-dark-teal);
}
}
Retrieved from "https://continuum-universes.com/wiki/MediaWiki:Vector-2022.css"