MediaWiki:Common.css: Difference between revisions

/* CSS placed here will be applied to all skins */

/* LW Theming */
:root {
    --lw-radius: 10px;

    --lw-primary: #414141
    --lw-primary_hovered: #464646
    --lw-primary_pressed: #434343

    --lw-secondary: #5a5a5a
    --lw-secondary_hovered: #646464
    --lw-secondary_pressed: #5f5f5f

    --lw-tertiary: #2d2d2d
    --lw-tertiary_hovered: #373737
    --lw-tertiary_pressed: #323232

    --lw-quaternary: #c8c8c8
    --lw-quaternary_hovered: #f0f0f0
    --lw-quaternary_pressed: #dcdcdc

    --lw-accent: #d60e24
    --lw-accent_hovered: #4892e7
    --lw-accent_pressed: #266cbe

    --lw-accent_modified: #932b33
    --lw-accent_modified_hovered: #234cfa
    --lw-accent_modified_pressed: #1a41e9


    --lw-graphic_primary: #ffffff
    --lw-graphic_secondary: #303030

    --lw-text_primary: #ffffff
    --lw-text_secondary: #000000

    --lw-input_field: #ffffff
    --lw-input_field_hovered: #f0f0f0
    --lw-input_field_pressed: #dcdcdc
    --lw-input_field_text: #000000
}

body {
    background-color: var(--lw-primary);
}

/* Styling of generic tabs */
.vector-tab-noicon {
    border: 3px solid #f00;
    border-bottom: none;
    border-radius: var(--lw-radius) var(--lw-radius) 0px 0px;
    background-color: var(--lw-secondary);
    padding: 0px 8px 0px 8px;
}

/* Main content */
.vector-body {
    border: 3px solid #f00;
    border-radius: var(--lw-radius);
    background-color: var(--lw-secondary);
    padding: 10px;
}