whatsapp gruvbox by Mullestafa

/* ==UserStyle==
@name           whatsapp.com - Nov 2023
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document domain("whatsapp.com") {
    .dark,
    .light,
    :root {
        --chatlist-icon: #bdae93;
        --chatlist-icon-rgb: 189, 174, 147;
        --ephemeral-nux-background: rgba(184, 187, 38, 0.15);
        --ephemeral-nux-background-rgb: 184, 187, 38;
        --ephemeral-nux-bubble: #98971a;
        --ephemeral-nux-bubble-rgb: 152, 151, 26;
        --ephemeral-nux-timer: #98971a;
        --ephemeral-nux-timer-rgb: 152, 151, 26;
        --sender-superpower-title: #98971a;
        --sender-superpower-title-rgb: 152, 151, 26;
        --overlay: #282828;
        --overlay-rgb: 40, 40, 40;
        --security-icon-background: #d5c4a1;
        --security-icon-background-rgb: 213, 196, 161;
        --security-icon-lock: #8ec07c;
        --security-icon-lock-rgb: 142, 192, 124;
        --security-icon-shield: #fbf1c7;
        --security-icon-shield-rgb: 251, 241, 199;
        --shadow: #282828;
        --shadow-rgb: 40, 40, 40;
        --shadow-light: rgba(40, 40, 40, 0.08);
        --shadow-light-rgb: 40, 40, 40;
        --suspicious-background: rgba(204, 36, 29, 0.8);
        --suspicious-background-rgb: 204, 36, 29;
        --video-player-background: #282828;
        --video-player-background-rgb: 40, 40, 40;
        --video-primary: #ebdbb2;
        --video-primary-rgb: 235, 219, 178;
        --voip-accept-background: #b8bb26;
        --voip-accept-background-rgb: 184, 187, 38;
        --voip-background: #3c3836;
        --voip-background-rgb: 60, 56, 54;
        --voip-background-deep: #282828;
        --voip-background-deep-rgb: 40, 40, 40;
        --voip-video-background: #504945;
        --voip-video-background-rgb: 80, 73, 69;
        --voip-controls-background: #665c54;
        --voip-controls-background-rgb: 102, 92, 84;
        --voip-primary: #ebdbb2;
        --voip-primary-rgb: 235, 219, 178;
        --voip-alternative: #282828;
        --voip-alternative-rgb: 40, 40, 40;
        --voip-reject-background: #fb4934;
        --voip-reject-background-rgb: 251, 73, 52;
        --voip-disabled-background: #3c3836;
        --voip-disabled-background-rgb: 60, 56, 54;
        --win32-title-primary: #ebdbb2;
        --win32-title-primary-rgb: 235, 219, 178;
    }
    .dark {
        --active-tab-marker: #98971a;
        --active-tab-marker-rgb: 152, 151, 26;
        --app-background: #282828;
        --app-background-rgb: 40, 40, 40;
        --app-background-deeper: #1d2021;
        --app-background-deeper-rgb: 29, 32, 33;
        --app-background-stripe: transparent;
        --app-background-stripe-rgb: 0, 0, 0;
        --intro-background: #3c3836;
        --intro-background-rgb: 60, 56, 54;
        --intro-border: #427b58;
        --intro-border-rgb: 66, 123, 88;
        --intro-logo: rgba(235, 219, 178, 0.26);
        --intro-logo-rgb: 235, 219, 178;
        --intro-secondary: #bdae93;
        --intro-secondary-rgb: 189, 174, 147;
        --inverse: #fbf1c7;
        --inverse-rgb: 251, 241, 199;
        --label-secondary-text: rgba(235, 219, 178, 0.6);
        --label-secondary-text-rgb: 235, 219, 178;
        --labels-icon: rgba(235, 219, 178, 0.4);
        --labels-icon-rgb: 235, 219, 178;
        --labels-plus-icon-color: #282828;
        --labels-plus-icon-color-rgb: 40, 40, 40;
        --outgoing-background: #458588;
        --outgoing-background-rgb: 69, 133, 136;
        --outgoing-background-deeper: #427b58;
        --outgoing-background-deeper-rgb: 66, 123, 88;
        --outgoing-background-highlight: rgba(66, 123, 88, 0.7);
        --outgoing-background-highlight-rgb: 66, 123, 88;
        --panel-background: #3c3836;
        --panel-background-rgb: 60, 56, 54;
        --panel-background-active: #32302f;
        --panel-background-active-rgb: 50, 48, 47;
        --panel-background-colored: #504945;
        --panel-background-colored-rgb: 80, 73, 69;
        --panel-background-colored-deeper: #504945;
        --panel-background-colored-deeper-rgb: 80, 73, 69;
        --panel-background-deep: #282828;
        --panel-background-deep-rgb: 40, 40, 40;
        --panel-background-deeper: #3c3836;
        --panel-background-deeper-rgb: 60, 56, 54;
        --panel-background-hover: #3c3836;
        --panel-background-hover-rgb: 60, 56, 54;
        --panel-background-lighter: #3c3836;
        --panel-background-lighter-rgb: 60, 56, 54;
        --panel-header-background: #504945;
        --panel-header-background-rgb: 80, 73, 69;
        --panel-header-icon: #d5c4a1;
        --panel-header-icon-rgb: 213, 196, 161;
        --conversation-header-border: rgba(189, 174, 147, 0.15);
        --conversation-header-border-rgb: 189, 174, 147;
        --panel-input-background: #3c3836;
        --panel-input-background-rgb: 60, 56, 54;
        --panel-primary: rgba(235, 219, 178, 0.35);
        --panel-primary-rgb: 235, 219, 178;
        --primary-muted: #928374;
        --primary-muted-rgb: 146, 131, 116;
        --primary: #d5c4a1;
        --primary-rgb: 213, 196, 161;
        --primary-strong: #ebdbb2;
        --primary-strong-rgb: 235, 219, 178;
        --primary-stronger: rgba(235, 219, 178, 0.88);
        --primary-stronger-rgb: 235, 219, 178;
        --primary-strongest: #ebdbb2;
        --primary-strongest-rgb: 235, 219, 178;
        --primary-title: rgba(235, 219, 178, 0.88);
        --primary-title-rgb: 235, 219, 178;
        --product-image-button-background: rgba(40, 40, 40, 0.35);
        --product-image-button-background-rgb: 40, 40, 40;
        --product-placeholder-background: rgba(40, 40, 40, 0.35);
        --product-placeholder-background-rgb: 40, 40, 40;
        --product-thumb-background: #3c3836;
        --product-thumb-background-rgb: 60, 56, 54;
        --product-thumb-background-deeper: #504945;
        --product-thumb-background-deeper-rgb: 80, 73, 69;
        --product-thumb-overlay-background: rgba(40, 40, 40, 0.5);
        --product-thumb-overlay-background-rgb: 40, 40, 40;
        --product-thumb-overlay-text: #ebdbb2;
        --product-thumb-overlay-text-rgb: 235, 219, 178;
        --progress-background: #3c3836;
        --progress-background-rgb: 60, 56, 54;
        --progress-primary: #b8bb26;
        --progress-primary-rgb: 184, 187, 38;
        --search-container-background: #3c3836;
        --search-container-background-rgb: 60, 56, 54;
        --search-input-background: #504945;
        --search-input-background-rgb: 80, 73, 69;
        --search-input-container-background: #3c3836;
        --search-input-container-background-rgb: 60, 56, 54;
        --search-input-container-background-active: #3c3836;
        --search-input-container-background-active-rgb: 60, 56, 54;
        --secondary: #bdae93;
        --secondary-rgb: 189, 174, 147;
        --secondary-light: #928374;
        --secondary-light-rgb: 146, 131, 116;
        --secondary-lighter: #928374;
        --secondary-lighter-rgb: 146, 131, 116;
        --secondary-stronger: #d5c4a1;
        --secondary-stronger-rgb: 213, 196, 161;
        --background-default: #3c3836;
        --background-default-rgb: 60, 56, 54;
        --background-document-with-captions: #3c3836;
        --background-document-with-captions-rgb: 60, 56, 54;
        --background-default-active: #504945;
        --background-default-active-rgb: 80, 73, 69;
        --background-default-hover: #504945;
        --background-default-hover-rgb: 80, 73, 69;
        --background-lighter: #665c54;
        --background-lighter-rgb: 102, 92, 84;
        --background-lighter-content: #3c3836;
        --background-lighter-content-rgb: 60, 56, 54;
        --background-lighter-active: #3c3836;
        --background-lighter-active-rgb: 60, 56, 54;
        --background-lighter-hover: #3c3836;
        --background-lighter-hover-rgb: 60, 56, 54;
        --background-lightest: #7c6f64;
        --background-lightest-rgb: 124, 111, 100;
        --background-lightest-content: #665c54;
        --background-lightest-content-rgb: 102, 92, 84;
        --background-lightest-active: #665c54;
        --background-lightest-active-rgb: 102, 92, 84;
        --background-lightest-hover: #665c54;
        --background-lightest-hover-rgb: 102, 92, 84;
        --text-primary: #ebdbb2;
        --text-primary-rgb: 235, 219, 178;
        --text-secondary-emphasized: #bdae93;
        --text-secondary-emphasized-rgb: 189, 174, 147;
        --text-secondary: #928374;
        --text-secondary-rgb: 146, 131, 116;
        --text-teal: #83a598;
        --text-teal-rgb: 131, 165, 152;
        --text-success: #b8bb26;
        --text-success-rgb: 184, 187, 38;
        --text-critical: #fb4934;
        --text-critical-rgb: 251, 73, 52;
        --badge-border: #d5c4a1;
        --badge-border-rgb: 213, 196, 161;
        --badge-pending: #b8bb26;
        --badge-pending-rgb: 184, 187, 38;
        --beta-tag-background: #7c6f64;
        --beta-tag-background-rgb: 124, 111, 100;
        --border-bubble: rgba(235, 219, 178, 0.12);
        --border-bubble-rgb: 235, 219, 178;
        --border-deeper: rgba(189, 174, 147, 0.15);
        --border-deeper-rgb: 189, 174, 147;
        --border-default: rgba(189, 174, 147, 0.15);
        --border-default-rgb: 189, 174, 147;
        --typing: #98971a;
        --typing-rgb: 152, 151, 26;
        --draft-label: #98971a;
        --draft-label-rgb: 152, 151, 26;
        --unread-background: #3c3836;
        --unread-background-rgb: 60, 56, 54;
        --unread-bar-background: rgba(40, 40, 40, 0.6);
        --unread-bar-background-rgb: 40, 40, 40;
        --unread-timestamp: #98971a;
        --unread-timestamp-rgb: 152, 151, 26;
        --unread-marker-background: #98971a;
        --unread-marker-background-rgb: 152, 151, 26;
        --unread-marker-text: #282828;
        --unread-marker-text-rgb: 40, 40, 40;
        --vcard-placeholder-background: rgba(235, 219, 178, 0.04);
    ...