MediaWiki:RPGC-visualeditor.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)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* ================================
   VisualEditor Dark Theme
   ================================ */

/* Toolbar */

.oo-ui-toolbar,
.ve-ui-toolbar,
.ve-ui-toolbar-group-bar,
.ve-init-mw-desktopArticleTarget-toolbar {
    background: #151b22 !important;
    border-color: #2a333d !important;
}

/* Buttons */

.oo-ui-buttonElement-button,
.oo-ui-tool-link .oo-ui-tool-link {
    color: #e6e6e6 !important;
    background: transparent !important;
}

.oo-ui-buttonElement-button:hover {
    background: #2b3d58 !important;
}

/* Icons */

.oo-ui-iconElement-icon,
.oo-ui-indicatorElement-indicator {
    filter: invert(92%) brightness(1.15);
}

/* Dropdown labels */

.oo-ui-labelElement-label {
    color: #e6e6e6 !important;
}

/* Menus */

.oo-ui-popupWidget-popup,
.oo-ui-menuSelectWidget,
.oo-ui-menuOptionWidget {
    background: #1b2128 !important;
    color: #eee !important;
}

/* Inputs */

.oo-ui-inputWidget-input,
.ve-ce-documentNode {
    background: #10151b !important;
    color: #eee !important;
}

/* Save dialog */

.ve-ui-mwSaveDialog,
.ve-ui-overlay {
    background: rgba(0,0,0,.45);
}

.ve-ui-mwSaveDialog-panel,
.oo-ui-processDialog-frame {
    background: #1b2128 !important;
    color: #eee !important;
}

/* Blue save button */

.oo-ui-flaggedElement-progressive {
    background: #4f86d6 !important;
    color: white !important;
}