Elk userstyle

elk-userstyle.css

/* ==UserStyle==
@name           elk.zone - 3/29/2023, 4:23:38 PM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document domain("elk.zone") {

    :root {
        --font-size: 17px !important;
    }

    .dark {
        --c-danger: #db4b4b !important;
        --c-danger-active: #f7768e !important;
        /*--c-border: #414868 !important;*/
        --c-border: #414868a3 !important;
        --c-border-code: #3b4261 !important;
        --c-border-dark: #545251 !important;
        /*--rgb-bg-base: #1f2335 !important;*/
        --rgb-bg-base: #1d1f2c !important;
        /*--c-bg-active: #24283b !important;*/
        --c-bg-active: #31364e !important;
        --c-bg-card: #c0caf506 !important;
        --c-bg-code: #c0caf506 !important;
        --c-bg-dm: #414868 !important;
        --c-text-base: #c0caf5 !important;
        --c-text-code: #e0af68 !important;
        --c-text-secondary: #737aa2 !important;
        --c-text-secondary-light: #a9b1d6 !important;
        --c-bg-btn-disabled: #414868 !important;
        --c-text-btn-disabled: #545c7e !important;
        --c-bg-base: var(--rgb-bg-base);
    } */

    html, body, input, textarea {
        font-family: "Atkinson Hyperlegible", sans-serif !important;
    }
    
    body, html {
        font-weight: 400 !important;
    }

    div.border > div > div {
        color: var(--c-text-secondary) !important;
        padding: 4px !important;
        border: none !important;
    }

    nav a[href="/compose"] span {
        font-size: 0 !important;
    }

    nav a[href="/compose"] span:before {
        content: "Toot! 💨" !important;
        font-size: /*1.125rem*/ 1.025rem !important;
        display: inline-block !important;
        padding: 6px 6px 6px 0px !important;
    }
    
    nav a {
        font-size: 1.025rem !important;
    }

    nav a[href="/compose"] > div > div {
        border: 1px solid var(--c-border-code) !important;
        border-radius: .75rem !important;
        padding: 0px 1.25rem 0px 1.25rem !important;
    }
    
    nav a[href="/compose"] > div > div:hover, nav a[href="/compose"] > div > div:active {
        background-color: var(--c-danger) !important;
        /*color: var(--rgb-bg-base) !important;*/
    }
    
    nav a > div > div {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important;
    }

    .line-compact {
        line-height: 1.46em !important;
    }

    .dark [dark\:bg~="white/10"] {
        background-color: #00000075 !important;
        font-weight: bold !important;
    }
    
    span.content-rich p {
        color: var(--c-text-secondary-light) !important;
    }
}