User:JPxG/vector.css
Jump to navigation
Jump to search
Note: After saving, you have to bypass your browser's cache to see the changes. Internet Explorer: press Ctrl-F5, Mozilla: hold down Shift while clicking Reload (or press Ctrl-Shift-R), Opera/Konqueror: press F5, Safari: hold down Shift + Alt while clicking Reload, Chrome: hold down Shift while clicking Reload.
 |
The accompanying .js page for this skin can be added at User:JPxG/vector.js. |
- Report page listing warnings and errors.
/* September 25, 2020 -- New Vector solarized theme */
/* The stuff below this is for both Legacy and the horrible new one. */
a:link { /* WP links */
color: #859900; } /* Green */
a:visited { /* WP links (visited) */
color: #425910; } /* Green, mixed with bg */
a.new:link { /* WP redlinks */
color: #dc322f; } /* Red */
a.new:visited { /* WP redlinks (visited) */
color: #6d2527; } /* Red, mixed with bg */
a.extiw:link { /* links to other Wikipedias */
color: #2aa198; } /* Cyan */
a.extiw:visited { /* links to other Wikipedias */
color: #145d5b; } /* Cyan, mixed with bg */
a.external:link { /* external links */
color: #268bd2; } /* Blue */
a.external:visited { /* external links (visited) */
color: #6c71c4; } /* Violet */
.vector-menu-tabs li a { /* Tabs on the top of the page. */
background: #001A20; /* base03, darkest blue bg, darkened */
color: #586e75; } /* base01, darkest gray content tone */
.vector-menu-tabs .selected a:visited { /* The currently selected tab */
color: #586e75; } /* base01, darkest gray content tone */
.mw-body .firstHeading { /* Page title */
color: #586e75; } /* base01, darkest gray content tone */
.mw-headline { /* those rare 1.2.3.4 headings */
color: #586e75; } /* base01, darkest gray content tone */
.toc { /* Table of contents box */
background: #002b36; } /* base03, darkest background */
.catlinks { /* Category links at bottom */
background: #002b36; } /* base03, darkest background */
pre, code, tt, kbd, samp, .mw-code { /* code blocks, etc */
border: 1px solid #657b83; /* base00, second darkest content */
color: #93a1a1; /* base1, lightest gray content tone */
background: #002b36; } /* base03, darkest background */
.thumbinner {
border-color: #586e75; /* base01, darkest gray content tone */;
background-color: #002b36 } /* base03, darkest background */
/* Wacky stuff */
/* Diff fragments */
.wikEdDiffFragment {
background: transparent;
color: #001A20} /* base02, one shade up from darkest */
/* This won't work and I have no idea why. */
/* Maybe because it loads the diff fragments after the rest of the page? */\
div[wikEdDiffContainer] { /* This doesn't do anything. */
background: transparent;
color: #001A20} /* Maybe this will work? */
/* 2020 oct 16: Make the revert success box monospace, */
/* so the talk links are (kinda) in the same place on every tab. */
#mw-rollback-success {
font-family:monospace } /* talk links show up in more predictable places */
/* Stuff for the edit window */
/* Top toolbar */
.wikiEditor-ui-toolbar {
background-color: #073642 } /* base02, one shade up from darkest */
/* Edit box (warning: stupid) */
#wpTextbox1 {
background-color: #586e75 } /* base01, darkest gray content tone */
#wpTextbox1.mw-editfont-monospace {
background-color: #586e75 } /* base01, darkest gray content tone */
/* canned edit summary boxes */
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
color: #586e75; /* base01, darkest gray content tone */
background-color: #002b36 } /* base03, darkest background */
/* edit summary box */
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input {
color: #93a1a1; /* base01, lightest gray content tone */
background: #001A20} /* base03, darkest bg, darkened */
/* Buttons to show preview, show changes, etc */
/* this line is unbelievably long and probably doesn't have to be */
.oo-ui-buttonElement.oo-ui-labelElement > input.oo-ui-buttonElement-button, .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
color: #B58900; /* YELLOW! */
background-color: #001A20; /* base03, darkest bg, darkened */
border-color: #B58900} /* YELLOW! */
/* this one seems to be just for the "Citations" check box */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
color: #B58900; /* YELLOW! */
background-color: #001A20; /* base03, darkest bg, darkened */
border-color: #B58900} /* YELLOW! */
/* the vaunted "publish changes" button */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
color: #001A20; /* base03, darkest bg, darkened */
background-color: #B58900; /* YELLOW! */
border-color: #B58900} /* YELLOW! */
/* Drop-down menu for the canned edit summaries */
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
background-color: #002b36; /* base03, darkest background */
color: #586e75; } /* base01, darkest gray content tone */
/* Top thing of the drop-down menu when you have it open. */
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
background-color: #073642; /* base02, one shade up from darkest */
color: #93a1a1; } /* base1, lightest content tone */
/* If you're highlighting one of the canned summaries. */
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
background-color: #B58900; } /* YELLOW! */
/* Whichever one you've actually clicked on and selected. */
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
background-color: #073642; /* base02, one shade up from darkest */
color: #B58900} /* YELLOW! */
/* 2021 March 14: attempt to make transparent images not look like crap */
a.image img { /* Every image on the page (dumb) */
background: #F8F9FA} /* base1, lightest gray content tone */
/* The stuff below here is for Legacy Vector only. */
body { /* Whole page (on bottom below all)*/
background: #1c3835; } /* green at 5% over base03 */
.mw-body { /* The meat and potatoes of it all */
background: #001A20; /* base03, darkest blue bg, darkened */
color: #586e75; } /* base01, darkest gray content tone */
#mw-head { /* behind the logo/tabs/username &c */
background: #1c3835; } /* green at 5% over base03 */
#mw-panel { /* Sidebar to the left. */
background: #1c3835; } /* green at 5% over base03 */
.mw-body-content h1, .mw-body-content h2, .mw-body-content h3, .mw-body-content h4 {
color: #586e75; } /* base01, darkest gray content tone */
.editOptions { /* Stuff below the posting box. */
background-color: #002b36; /* base03, darkest background */
color: #586e75; } /* base01, darkest gray content tone */
#editpage-specialchars a { /* Special character add buttons in posting box */
background-color: #073642; /* base02, second darkest background */
border-color: #002b36; /* base03, darkest background */
color: #93a1a1; } /* base1, lightest content tone */
/* The stuff below here is for the new one. */
.skin-vector-max-width .mw-page-container { /* Almost everything */
background: #001A20; /* base03, darkest bg, darkened */
color: #586e75; } /* base01, darkest gray content tone */
.skin-vector-max-width #mw-panel { /* The sidebar to the left. */
background: #002b36; } /* base03, darkest background */
.vector-menu-portal li a { /* Unvisited links in left sidebar */
color: #586e75; } /* base01, darkest gray content tone */
.vector-menu-portal li a:visited { /* Visited links in left sidebar */
color: #657b83; } /* base0, gray content tone */
.mw-footer li { /* Footer (includes copyright etc) */
color: #586e75; } /* base01, darkest gray content tone */
.vector-menu-portal .vector-menu-content li a { /* Sidebar links. The one above stopped working*/
color: #586e75; } /* base01, darkest gray content tone */
.vector-menu-portal h3 { /* Sidebar section headings */
color: #657b83; } /* base0, gray content tone */