User:Alef/ vector.css

@import url('https://fonts.googleapis.com/css?family=Press+Start+2P&display=swap');
/* 'Press Start 2P' = similar to game */

/* my colors.txt */
:root {
    --BLACK: rgba(0,0,0,1);
    --BLUE: rgba(45,90,160,1);
    --GREEN: rgba(80,135,20,1);
    --CYAN: rgba(25,140,140,1);
    --RED: rgba(160,20,10,1);
    --MAGENTA: rgba(135,60,130,1);
    --BROWN: rgba(150,75,55,1);
    --LGRAY: rgba(178,175,172,1);
    --DGRAY: rgba(116,110,113,1);
    --LBLUE: rgba(105,135,225,1);
    --LGREEN: rgba(125,185,55,1);
    --LCYAN: rgba(60,205,190,1);
    --LRED: rgba(220,50,20,1);
    --LMAGENTA: rgba(190,110,185,1);
    --YELLOW: rgba(230,170,30,1);
    --WHITE: rgba(232,227,232,1);

    --background-color: var(--BLACK);
    --color: var(--LGRAY);
}

/* 'Sitka Small' = My TTF */
body, mw-body {
    font-family: 'Press Start 2P', 'Sitka Small';
    font-size: 10px;
    line-height: 12px;
    text-align: justify
}

.mw-body h1.firstHeading {
    font-family: 'Press Start 2P', 'Sitka Small';
}

h1, h2, .mw-editsection, .mw-editsection-like {
    font-family: inherit !important;
}

a:hover {
    color: var(--LBLUE) !important;
}

a:visited {
    color: var(--LCYAN) !important;
}

a:link {
    color: var(--LCYAN) !important;
}

/* Keyboard keys */
.keyboard-key {
    color: var(--GREEN) !important;
    border: 1px solid var(--GREEN) !important;
    box-shadow: 0 0 0 !important;
    background-color: var(--BLACK) !important ;
    background-image: none !important;
}

* {
    background-color: var(--background-color) !important;
    color: var(--color);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--color) !important;
}

#simpleSearch input, #searchInput {
    color: var(--color) !important;
}

pre,
.content, .mw-code,
#footer ul li {
    color: var(--color);
}

.suggestions-result {
    color: var(--color) !important;
}

.suggestions-result-current {
    color: var(--WHITE) !important;
}

.tocnumber {
    color: var(--CYAN);
}

body.skin-vector div#mw-panel,
body.skin-vector div#p-logo {
    width: 10em /* from #mw-panel */
}

.oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea {
    color: var(--WHITE) !important;
}

code {
    color: var(--LGRAY);
}