Messages Google - KvBrown by ShantaeMan

/* ==UserStyle==
@name           Messages Google - KvBrown
@namespace      github.com/ShantaeMan
@version        1.0
@description    Kvantum Brown Colors for Google Messages
@author         PhilDAWG

@preprocessor less
==/UserStyle== */
@-moz-document domain("messages.google.com") {
    body.dark-theme,
    body.dark-theme.material-next-msg,
    body.dark-theme mw-fab-link,
    {
        --dark: #2a2420;
        --light: #504640;
        --white: #c6c0ac;
        mw-main-nav,
        mws-header,
        mw-branded-header,
        mw-main-landing,
        mw-conversation-container,
        mws-message-compose,
        mws-message-part-content,
        mw-information-banner,
        main-landing-image-fill-color,
        mat-snackbar-action-color,
        mat-slider-ripple-color,
        mat-slide-toggle-thumb-bg-color,
        fab-icon-container-bg-color,
        {
            --main-nav-host-bg-color: var(--light);
            --header-bg-color: var(--dark);
            --conv-container-host-bg-color: var(--dark);
            --compose-readonly-bg-color: var(--light);
            --input-bg-color: var(--light);
            --input-bg-fade-color: var(--dark);
            --xms-outgoing-bg-color: var(--white);
            --incoming-bg-color: var(--light);
            --main-landing-host-bg-color: var(--light);
            --branded-header-bg-color: var(--dark);
            --information-banner-background-color: var(--light);
            --main-landing-image-fill-color: var(--white);
            --mat-snackbar-action-color: var(--white);
            --mat-slider-ripple-color: var(--white);
            --mat-slide-toggle-thumb-bg-color: var(--white);
            --fab-icon-container-bg-color: var(--white);
        }
        div.gb_Bd {
            background-color: var(--dark);
        }
    }
}
@-moz-document url-prefix("https://messages.google.com/") {
    body.dark-theme mw-fab-link {
        --fab-icon-container-bg-color: #c6c0ac;
    }
}