MediaWiki:WatercolorDark.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

ul {
     list-style-image: none;
}
.ambox {
     background-color: #454545!important;
}

body #mw-navigation #searchform #simpleSearch #searchInput {
    background-color: #252525 !important;
    border-color: #A2A9B1 !important;
}

.oo-ui-buttonElement-button {
    background-color: #353535 !important;
}

.oo-ui-tabSelectWidget-framed {
    background-color: #323232 !important;
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
    background-color: #656565 !important;
    color: #fff !important;
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget .oo-ui-labelElement-label {
    color: #fff !important;
}

.oo-ui-textInputWidget .oo-ui-inputWidget-input {
    background-color: #353535 !important;
    color: #fff !important;
}

.mw-prefs-buttons {
    background-color: #323232 !important;
}

.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
    background-color: #151515 !important;
    border-color: #151515 !important;
}

.mw-message-box {
    color: #d7d7d8 !important;
}

pre, code, .mw-code {
    border-color: #a7a7a8!important;
}

/* Watercolor Dark - Syntax Highlighting */
.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre {
    box-shadow: inset 2.75em 0 0 #323232!important;
}
div.mw-highlight,
div.mw-highlight span.linenos /*line number*/{
    background: #323232!important;
}
div.mw-highlight span.linenos:before {
    color: #a7a7a8;
}
div.mw-highlight span.c{
    color: #88ff88;
    font-style: unset;
}

div.mw-highlight span.nt /*elements*/{
    color: #8888ff!important;
}
div.mw-highlight span.nc /*class*/,
div.mw-highlight span.nn /*id*/{
    color: #ffff88;
}
div.mw-highlight span.o {
    color: unset;
}


div.mw-highlight span.k,span.p {/*property name*/
    color: unset;
    font-weight: unset;
}
div.mw-highlight span.kc /*property value-valid values*/{
    color: #88ff88;
}
div.mw-highlight span.mi,span.mf,span.mh /*property value-everything else*/{
    color: #88ffff!important;
    font-weight: bold;
}
div.mw-highlight span.s2 /*quotes*/{
    color: #88ff88;
}
div.mw-highlight span.kt {
    color: #ff88ff;
}
div.mw-highlight span.cp /*!important*/,
div.mw-highlight span.nd{
    color: #ff8888;/*you don't need important here, lol*/
    font-weight: bold;
}