MediaWiki:Common.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.

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

/* color definitions */

:root {
    --rf-light-fg: white;
    --rf-light-bg: #777;
    --rf-dark-fg: #eee;
    --rf-dark-bg: black;
}

/* style for displaying source code */

pre.code {
    color: var(--rf-light-fg);
    background: var(--rf-light-bg);
    border: 0px;
    border-radius: 6px;
}
@media (prefers-color-scheme: dark) {
    pre.code {
        color: var(--rf-dark-fg);
        background: var(--rf-dark-bg);
    }
}

span.code {
    color: var(--rf-light-fg);
    background: var(--rf-light-bg);
    border-radius: 6px;
    padding-left: 4px;
    padding-right: 4px;
}
@media (prefers-color-scheme: dark) {
    span.code {
        color: var(--rf-dark-fg);
        background: var(--rf-dark-bg);
    }
}

/* style for displaying terminal commands */

pre.terminal {
    color: var(--rf-light-fg);
    background: var(--rf-light-bg);
    border: 0px solid black;
    border-radius: 6px;
}
@media (prefers-color-scheme: dark) {
    pre.terminal {
        color: var(--rf-dark-fg);
        background: var(--rf-dark-bg);
    }
}

span.terminal {
    color: var(--rf-light-fg);
    background: var(--rf-light-bg);
    border-radius: 6px;
    padding-left: 4px;
    padding-right: 4px;
}
@media (prefers-color-scheme: dark) {
    span.terminal {
        color: var(--rf-dark-fg);
        background: var(--rf-dark-bg);
    }
}