my userstyle tweaks to make cybrespace a little more cybre

more-cybre.css

@import url('https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,400i,700,700i&subset=latin-ext');

body {
    --bright: #00ff95;
    --dark: #009054;
    --shadow: #004437;
    --input-base: #181818;
    --input-text: #dae8da;
    
    font-family: "Ubuntu Mono";
}

input:focus {
    outline: none;
}

.compose-form__buttons button.active:last-child,
.privacy-dropdown__option.active,
.privacy-dropdown__option:hover,
.upload-progress__tracker,
.react-toggle--checked .react-toggle-track,
.button {
    background-color: var(--dark);
    text-shadow: 1px 1px 0 var(--shadow);
}

.status__content a,
.tabs-bar__link.active,
.column-back-button {
    color: var(--bright);
}

.tabs-bar__link.active,
.setting-text:focus {
    border-bottom-color: var(--bright);
}

.autosuggest-textarea__textarea,
.compose-form__modifiers {
    background: var(--input-base);
    color: var(--input-text);
}

.compose-form__buttons {
    background: var(--input-base);
}