MediaWiki:RPGC-visualeditor.css: Difference between revisions

From RPG Continuum Wiki
Jump to navigation Jump to search
Created page with "================================ 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-butt..."
 
No edit summary
 
Line 1: Line 1:
/* ================================
  VisualEditor Dark Theme
  ================================ */
/* Toolbar */
.oo-ui-toolbar,
.oo-ui-toolbar,
.ve-ui-toolbar,
.ve-ui-toolbar,
Line 10: Line 4:
.ve-init-mw-desktopArticleTarget-toolbar {
.ve-init-mw-desktopArticleTarget-toolbar {
     background: #151b22 !important;
     background: #151b22 !important;
     border-color: #2a333d !important;
     border-color: var(--rpgc-border) !important;
}
}
/* Buttons */


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


Line 24: Line 15:
     background: #2b3d58 !important;
     background: #2b3d58 !important;
}
}
/* Icons */


.oo-ui-iconElement-icon,
.oo-ui-iconElement-icon,
Line 31: Line 20:
     filter: invert(92%) brightness(1.15);
     filter: invert(92%) brightness(1.15);
}
}
/* Dropdown labels */
.oo-ui-labelElement-label {
    color: #e6e6e6 !important;
}
/* Menus */


.oo-ui-popupWidget-popup,
.oo-ui-popupWidget-popup,
Line 44: Line 25:
.oo-ui-menuOptionWidget {
.oo-ui-menuOptionWidget {
     background: #1b2128 !important;
     background: #1b2128 !important;
     color: #eee !important;
     color: #eeeeee !important;
}
}
/* Inputs */


.oo-ui-inputWidget-input,
.oo-ui-inputWidget-input,
.ve-ce-documentNode {
.ve-ce-documentNode {
     background: #10151b !important;
     background: #10151b !important;
     color: #eee !important;
     color: #eeeeee !important;
}
 
/* Save dialog */
 
.ve-ui-mwSaveDialog,
.ve-ui-overlay {
    background: rgba(0,0,0,.45);
}
}


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


/* Blue save button */
.oo-ui-flaggedElement-progressive .oo-ui-buttonElement-button {
 
.oo-ui-flaggedElement-progressive {
     background: #4f86d6 !important;
     background: #4f86d6 !important;
     color: white !important;
     color: #ffffff !important;
    border-color: #6fa8ff !important;
}
}

Latest revision as of 21:21, 4 July 2026

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

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

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

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

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

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

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

.oo-ui-flaggedElement-progressive .oo-ui-buttonElement-button {
    background: #4f86d6 !important;
    color: #ffffff !important;
    border-color: #6fa8ff !important;
}