/* ==UserStyle==
@name           Forgejo Gruvbox
@namespace      https://github.com/0x61nas
@version        1.0.1
@description     Customizable Gruvbox color scheme for Forgejo frontend
@author         Anas Elgarhy <anas.elgarhy.dev@gmail.com>
@homepageURL    https://github.com/0x61nas/forgejo-gruvbox-styl
@supportURL     https://github.com/0x61nas/forgejo-gruvbox-styl/issues
@updateURL      https://raw.githubusercontent.com/0x61nas/forgejo-gruvbox-styl/aurora/forgejo-gruvbox.user.styl
@preprocessor   stylus
@license        CC-BY-SA-4.0

@var select theme-variant "Gruvbox variant" {
    'Light Soft' : 'light-soft-theme-variant',
    'Light' : 'light-theme-variant',
    'Light Hard': 'light-hard-theme-variant',
    'Dark Soft' : 'dark-soft-theme-variant',
    'Dark' : 'dark-theme-variant',
    'Dark Hard': 'dark-hard-theme-variant'
}

==/UserStyle== */
@-moz-document domain("codeberg.org"),
domain("git.disroot.org"),
domain("codefloe.com"),
domain("bolha.dev"),
domain("opencommit.eu"),
domain("git.kaki87.net"),
domain("code.forgejo.org") {
    if theme-variant is light-soft-theme-variant {
        :root {
            --is-dark-theme: false !important;
            --ansi00: #f2e5bc;
            --ansi01: #cc241d;
            --ansi02: #98971a;
            --ansi03: #d79921;
            --ansi04: #458588;
            --ansi05: #b16286;
            --ansi06: #689d6a;
            --ansi07: #7c6f64;
            --ansi08: #928374;
            --ansi09: #9d0006;
            --ansi10: #79740e;
            --ansi11: #b57614;
            --ansi12: #076678;
            --ansi13: #8f3f71;
            --ansi14: #427b58;
            --ansi15: #3c3836;
            --the-primary-color: var(--ansi12); /* TODO(anas): make this Customizable */
            --bg1: #ebdbb2;
            --bg2: #d5c4a1;
            --bg3: #bdae93;
            --bg4: #a89984;
            --fg-hover: rgba(60, 56, 54, 0.8);
            --fg-focus: #282828;
            --hover-bg: rgba(168, 153, 132, 0.3);
            --active-bg: rgba(168, 153, 132, 0.3);
            --green-btn-hover: rgba(124, 111, 100, 0.8);
            --diff-removed-word-bg: rgba(204, 36, 29, 0.2);
            --diff-added-word-bg: rgba(152, 151, 38, 0.2);
            --diff-removed-row-bg: rgba(204, 36, 29, 0.1);
            --diff-moved-row-bg: rgba(69, 133, 136, 0.1);
            --diff-added-row-bg: rgba(152, 151, 38, 0.1);
            --diff-removed-row-border: rgba(204, 36, 29, 0.4);
            --diff-moved-row-border: rgba(69, 133, 136, 0.4);
            --diff-added-row-border: rgba(152, 151, 38, 0.4);
            --diff-inactive: rgba(60, 56, 54, 0.3);
            --error-bg: rgba(204, 36, 29, 0.15);
            --error-border: rgba(204, 36, 29, 0.5);
            --success-bg: rgba(169, 182, 101, 0.15);
            --success-border: rgba(169, 182, 101, 0.5);
            --warning-bg: rgba(215, 153, 33, 0.15);
            --warning-border: rgba(215, 153, 33, 0.5);
            --info-bg: rgba(69, 133, 136, 0.15);
            --info-border: rgba(69, 133, 136, 0.5);
            --input-border-hover: rgba(60, 56, 54, 0.4);
            --reaction-bg: rgba(60, 56, 54, 0.08);
            --shadow: #00000040;
            --btn-text: #282828;
            color-scheme: light;
        }
    }
    else if theme-variant is light-theme-variant {
        :root {
            --is-dark-theme: false !important;
            --ansi00: #fbf1c7;
            --ansi01: #cc241d;
            --ansi02: #98971a;
            --ansi03: #d79921;
            --ansi04: #458588;
            --ansi05: #b16286;
            --ansi06: #689d6a;
            --ansi07: #7c6f64;
            --ansi08: #928374;
            --ansi09: #9d0006;
            --ansi10: #79740e;
            --ansi11: #b57614;
            --ansi12: #076678;
            --ansi13: #8f3f71;
            --ansi14: #427b58;
            --ansi15: #3c3836;
            --the-primary-color: var(--ansi12); /* TODO(anas): make this Customizable */
            --bg1: #ebdbb2;
            --bg2: #d5c4a1;
            --bg3: #bdae93;
            --bg4: #a89984;
            --fg-hover: rgba(60, 56, 54, 0.8);
            --fg-focus: #282828;
            --hover-bg: rgba(168, 153, 132, 0.3);
            --active-bg: rgba(168, 153, 132, 0.3);
            --green-btn-hover: rgba(124, 111, 100, 0.8);
            --diff-removed-word-bg: rgba(204, 36, 29, 0.2);
            --diff-added-word-bg: rgba(152, 151, 38, 0.2);
            --diff-removed-row-bg: rgba(204, 36, 29, 0.1);
            --diff-moved-row-bg: rgba(69, 133, 136, 0.1);
            --diff-added-row-bg: rgba(152, 151, 38, 0.1);
            --diff-removed-row-border: rgba(204, 36, 29, 0.4);
            --diff-moved-row-border: rgba(69, 133, 136, 0.4);
            --diff-added-row-border: rgba(152, 151, 38, 0.4);
            --diff-inactive: rgba(60, 56, 54, 0.3);
            --error-bg: rgba(204, 36, 29, 0.15);
            --error-border: rgba(204, 36, 29, 0.5);
            --success-bg: rgba(169, 182, 101, 0.15);
            --success-border: rgba(169, 182, 101, 0.5);
            --warning-bg: rgba(215, 153, 33, 0.15);
            --warning-border: rgba(215, 153, 33, 0.5);
            --info-bg: rgba(69, 133, 136, 0.15);
            --info-border: rgba(69, 133, 136, 0.5);
            --input-border-hover: rgba(60, 56, 54, 0.4);
            --reaction-bg: rgba(60, 56, 54, 0.08);
            --shadow: #00000040;
            --btn-text: #282828;
            color-scheme: light;
        }
    }
    else if theme-variant is light-hard-theme-variant {
        :root {
            --is-dark-theme: false !important;
            --ansi00: #f9f5d7;
            --ansi01: #cc241d;
            --ansi02: #98971a;
            --ansi03: #d79921;
            --ansi04: #458588;
            --ansi05: #b16286;
            --ansi06: #689d6a;
            --ansi07: #7c6f64;
            --ansi08: #928374;
            --ansi09: #9d0006;
            --ansi10: #79740e;
            --ansi11: #b57614;
            --ansi12: #076678;
            --ansi13: #8f3f71;
            --ansi14: #427b58;
            --ansi15: #3c3836;
            --the-primary-color: var(--ansi12); /* TODO(anas): make this Customizable */
            --bg1: #ebdbb2;
            --bg2: #d5c4a1;
            --bg3: #bdae93;
            --bg4: #a89984;
            --fg-hover: rgba(60, 56, 54, 0.8);
            --fg-focus: #282828;
            --hover-bg: rgba(168, 153, 132, 0.3);
            --active-bg: rgba(168, 153, 132, 0.3);
            --green-btn-hover: rgba(124, 111, 100, 0.8);
            --diff-removed-word-bg: rgba(204, 36, 29, 0.2);
            --diff-added-word-bg: rgba(152, 151, 38, 0.2);
            --diff-removed-row-bg: rgba(204, 36, 29, 0.1);
            --diff-moved-row-bg: rgba(69, 133, 136, 0.1);
            --diff-added-row-bg: rgba(152, 151, 38, 0.1);
            --diff-removed-row-border: rgba(204, 36, 29, 0.4);
            --diff-moved-row-border: rgba(69, 133, 136, 0.4);
            --diff-added-row-border: rgba(152, 151, 38, 0.4);
            --diff-inactive: rgba(60, 56, 54, 0.3);
            --error-bg: rgba(204, 36, 29, 0.15);
            --error-border: rgba(204, 36, 29, 0.5);
            --success-bg: rgba(169, 182, 101, 0.15);
            --success-border: rgba(169, 182, 101, 0.5);
            --warning-bg: rgba(215, 153, 33, 0.15);
            --warning-border: rgba(215, 153, 33, 0.5);
            --info-bg: rgba(69, 133, 136, 0.15);
            --info-border: rgba(69, 133, 136, 0.5);
            --input-border-hover: rgba(60, 56, 54, 0.4);
            --reaction-bg: rgba(60, 56, 54, 0.08);
            --shadow: #00000040;
            --btn-text: #282828;
            color-scheme: light;
        }
    }
    else if theme-variant is dark-soft-theme-variant {
        :root {
            --is-dark-theme: true !important;
            --ansi00: #32302f;
            --ansi01: #cc241d;
            --ansi02: #98971a;
            --ansi03: #d79921;
            --ansi04: #458588;
            --ansi05: #b16286;
            --ansi06: #689d6a;
            --ansi07: #a89984;
            --ansi08: #928374;
            --ansi09: #fb4934;
            --ansi10: #b8bb26;
            --ansi11: #fabd2f;
            --ansi12: #83a598;
            --ansi13: #d3869b;
            --ansi14: #8ec07c;
            --ansi15: #ebdbb2;
            --the-primary-color: var(--ansi12); /* TODO(anas): make this Customizable */
            --bg1: #3c3836;
            --bg2: #45403d;
            --bg3: #504945;
            --bg4: #5c534d;
            --fg-hover: rgba(235, 219, 178, 0.8);
            --fg-focus: #ffffff;
            --hover-bg: rgba(80, 73, 69, 0.5);
            --active-bg: rgba(80, 73, 69, 0.5);
            --green-btn-hover: rgba(168, 153, 132, 0.8);
            --diff-removed-word-bg: #7b4440;
            --diff-added-word-bg: #5c6646;
            --diff-removed-row-bg: #4c3432;
            --diff-moved-row-bg: #374141;
            --diff-added-row-bg: #3b4439;
            --diff-removed-row-border: #9b4f4a;
            --diff-moved-row-border: #5a7872;
            --diff-added-row-border: #727d4f;
            --diff-inactive: #3a3735;
            --error-bg: #4c3432;
            --error-border: #9b4f4a;
            --success-bg: #3b4439;
            --success-border: #727d4f;
            --warning-bg: #4f422e;
            --warning-border: #947443;
            --info-bg: #374141;
            --info-border: #5a7872;
            --input-border-hover: #71665d;
            --reaction-bg: #ffffff12;
            --shadow: #00000060;
            --btn-text: #ebdbb2;
            color-scheme: dark;
        }
    }
    else if theme-variant is dark-theme-variant {
        :root {
            --is-dark-theme: true !important;
            --ansi00: #282828;
            --ansi01: #cc241d;
            --ansi02: #98971a;
            --ansi03: #d79921;
            --ansi04: #458588;
            --ansi05: #b16286;
            --ansi06: #689d6a;
            --ansi07: #a89984;
            --ansi08: #928374;
            --ansi09: #fb4934;
            --ansi10: #b8bb26;
            --ansi11: #fabd2f;
            --ansi12: #83a598;
            --ansi13: #d3869b;
            --ansi14: #8ec07c;
            --ansi15: #ebdbb2;
            --the-primary-color: var(--ansi12); /* TODO(anas): make this Customizable */
            --bg1: #32302f;
            --bg2: #3c3836;
            --bg3: #45403d;
            --bg4: #504945;
            --fg-hover: rgba(235, 219, 178, 0.8);
            --fg-focus: #ffffff;
            --hover-bg: rgba(80, 73, 69, 0.5);
            --active-bg: rgba(80, 73, 69, 0.5);
            --green-btn-hover: rgba(168, 153, 132, 0.8);
            --diff-removed-word-bg: #7b4440;
            --diff-added-word-bg: #5c6646;
            --diff-removed-row-bg: #4c3432;
            --diff-moved-row-bg: #374141;
            --diff-added-row-bg: #3b4439;
            --diff-removed-row-border: #9b4f4a;
            --diff-moved-row-border: #5a7872;
            --diff-added-row-border: #727d4f;
            --diff-inactive: #3a3735;
            --error-bg: #4c3432;
            --error-border: #9b4f4a;
            --success-bg: #3b4439;
            --success-border: #727d4f;
            --warning-bg: #4f422e;
            --warning-border: #947443;
            --info-bg: #374141;
            --info-border: #5a7872;
            --input-border-hover: #71665d;
            --reaction-bg: #ffffff12;
            --shadow: #00000060;
            --btn-text: #ebdbb2;
            color-scheme: dark;
        }
    }
    else if theme-variant is dark-hard-theme-variant {
        :root {
            --is-dark-theme: true !important;
            --ansi00: #1d2021;
            --ansi01: #cc241d;
            --ansi02: #98971a;
            --ansi03: #d79921;
            --ansi04: #458588;
            --ansi05: #b16286;
            --ansi06: #689d6a;
            --ansi07: #a89984;
            --ansi08: #928374;
            --ansi09: #fb4934;
            --ansi10: #b8bb26;
            --ansi11: #fabd2f;
            --ansi12: #83a598;
            --ansi13: #d3869b;
            --ansi14: #8ec07c;
            --ansi15: #ebdbb2;
            --the-primary-color: var(--ansi12); /* TODO(anas): make this Customizable */
            --bg1: #282828;
            --bg2: #32302f;
            --bg3: #3c3836;
            --bg4: #504945;
            --fg-hover: rgba(235, 219, 178, 0.8);
            --fg-focus: #ffffff;
            --hover-bg: rgba(80, 73, 69, 0.5);
            --active-bg: rgba(80, 73, 69, 0.5);
            --green-btn-hover: rgba(168, 153, 132, 0.8);
            --diff-removed-word-bg: #7b4440;
            --diff-added-word-bg: #5c6646;
            --diff-removed-row-bg: #4c3432;
            --diff-moved-row-bg: #374141;
            --diff-added-row-bg: #3b4439;
            --diff-removed-row-border: #9b4f4a;
            --diff-moved-row-border: #5a7872;
            --diff-added-row-border: #727d4f;
            --diff-inactive: #3a3735;
            --error-bg: #4c3432;
            --error-border: #9b4f4a;
            --success-bg: #3b4439;
            --success-border: #727d4f;
            --warning-bg: #4f422e;
            --warning-border: #947443;
            --info-bg: #374141;
            --info-border: #5a7872;
            --input-border-hover: #71665d;
            --reaction-bg: #ffffff12;
            --shadow: #00000060;
            --btn-text: #ebdbb2;
            color-scheme: dark;
        }
    }
    :root {
        --color-nav-hover-bg: var(--bg2) !important;
        --color-nav-bg: var(--ansi00) !important;
        --color-primary: var(--the-primary-color) !important;
        --color-primary-contrast: #282828 !important;
        --color-primary-dark-1: #a9b665 !important;
        --color-primary-dark-2: #b2b96f !important;
        --color-primary-dark-3: #babc79 !important;
        --color-primary-dark-4: #c3bf83 !important;
        --color-primary-dark-5: #ccc18d !important;
        --color-primary-dark-6: #d4c497 !important;
        --color-primary-dark-7: #ddc7a1 !important;
        --color-primary-light-1: #a9b665 !important;
        --color-primary-light-2: #96a15d !important;
        --color-primary-light-3: #848c55 !important;
        --color-primary-light-4: #72774d !important;
        --color-primary-light-5: #5f6145 !important;
        --color-primary-light-6: #4d4c3d !important;
        --color-primary-light-7: #3a3735 !important;
        --color-primary-alpha-10: rgba(169, 182, 101, 0.1) !important;
        --color-primary-alpha-20: rgba(169, 182, 101, 0.2) !important;
        --color-primary-alpha-30: rgba(169, 182, 101, 0.3) !important;
        --color-primary-alpha-40: rgba(169, 182, 101, 0.4) !important;
        --color-primary-alpha-50: rgba(169, 182, 101, 0.5) !important;
        --color-primary-alpha-60: rgba(169, 182, 101, 0.6) !important;
        --color-primary-alpha-70: rgba(169, 182, 101, 0.7) !important;
        --color-primary-alpha-80: rgba(169, 182, 101, 0.8) !important;
        --color-primary-alpha-90: rgba(169, 182, 101, 0.9) !important;
        --color-secondary: #504945 !important;
        --color-secondary-dark-1: #504945 !important;
        --color-secondary-dark-2: #5c534d !important;
        --color-secondary-dark-3: #685e54 !important;
        --color-secondary-dark-4: #73695c !important;
        --color-secondary-dark-5: #7f7364 !important;
        --color-secondary-dark-6: #8b7e6b !important;
        --color-secondary-dark-7: #978873 !important;
        --color-secondary-dark-8: #a2927b !important;
        --color-secondary-dark-9: #ae9d82 !important;
        --color-secondary-dark-10: #baa88a !important;
        --color-secondary-dark-11: #c5b292 !important;
        --color-secondary-dark-12: #d1bd99 !important;
        --color-secondary-dark-13: #ddc7a1 !important;
        --color-secondary-light-1: #504945 !important;
        --color-secondary-light-2: #45403d !important;
        --color-secondary-light-3: #3a3735 !important;
        --color-secondary-light-4: #32302f !important;
        --color-secondary-alpha-10: rgba(80, 73, 69, 0.1) !important;
        --color-secondary-alpha-20: rgba(80, 73, 69, 0.2) !important;
        --color-secondary-alpha-30: rgba(80, 73, 69, 0.3) !important;
        --color-secondary-alpha-40: rgba(80, 73, 69, 0.4) !important;
        --color-secondary-alpha-50: rgba(80, 73, 69, 0.5) !important;
        --color-secondary-alpha-60: rgba(80, 73, 69, 0.6) !important;
        --color-secondary-alpha-70: rgba(80, 73, 69, 0.7) !important;
        --color-secondary-alpha-80: rgba(80, 73, 69, 0.8) !important;
        --color-secondary-alpha-90: rgba(80, 73, 69, 0.9) !important;
        --color-red: var(--ansi01) !important;
        --color-orange: #e78a4e !important;
        --color-yellow: var(--ansi03) !important;
        --color-olive: #a9b665 !important;
        --color-green: #a9b665 !important;
        --color-teal: var(--ansi14) !important;
        --color-blue: var(--ansi12) !important;
        --color-violet: var(--ansi13) !important;
        --color-purple: var(--ansi13) !important;
        --color-pink: var(--ansi13) !important;
        --color-brown: #e78a4e !important;
        --color-grey: var(--ansi08) !important;
        --color-red-light: var(--ansi01) !important;
        --color-orange-light: #e78a4e !important;
        --color-yellow-light: var(--ansi03) !important;
        --color-olive-light: #a9b665 !important;
        --color-green-light: #a9b665 !important;
        --color-teal-light: var(--ansi14) !important;
        --color-blue-light: var(--ansi12) !important;
        --color-violet-light: var(--ansi13) !important;
        --color-purple-light: var(--ansi13) !important;
        --color-pink-light: var(--ansi13) !important;
        --color-brown-light: #e78a4e !important;
        --color-grey-light: var(--ansi08) !important;
        --color-black: var(--ansi15) !important;
        --color-gold: #e78a4e !important;
        --color-white: var(--ansi00) !important;
        --color-diff-removed-word-bg: var(--diff-removed-word-bg) !important;
        --color-diff-added-word-bg: var(--diff-added-word-bg) !important;
        --color-diff-removed-row-bg: var(--diff-removed-row-bg) !important;
        --color-diff-moved-row-bg: var(--diff-moved-row-bg) !important;
        --color-diff-added-row-bg: var(--diff-added-row-bg) !important;
        --color-diff-removed-row-border: var(--diff-removed-row-border) !important;
        --color-diff-moved-row-border: var(--diff-moved-row-border) !important;
        --color-diff-added-row-border: var(--diff-added-row-border) !important;
        --color-diff-inactive: var(--diff-inactive) !important;
        --color-error-border: var(--error-border) !important;
        --color-error-bg: var(--error-bg) !important;
        --color-error-text: var(--color-red) !important;
        --color-success-border: var(--success-border) !important;
        --color-success-bg: var(--success-bg) !important;
        --color-success-text: #a9b665 !important;
        --color-warning-border: var(--warning-border) !important;
        --color-warning-bg: var(--warning-bg) !important;
        --color-warning-text: var(--color-yellow) !important;
        --color-info-border: var(--info-border) !important;
        --color-info-bg: var(--info-bg) !important;
        --color-info-text: var(--color-blue) !important;
        --color-body: var(--ansi00) !important;
        --color-box-header: var(--bg3) !important;
        --color-box-body: var(--bg1) !important;
        --color-box-body-highlight: var(--bg2) !important;
        --color-text-dark: #e78a4e !important;
        --color-text: var(--ansi15) !important;
        --color-text-hover: var(--fg-hover) !important;
        --color-text-light: var(--ansi08) !important;
        --color-text-light-1: var(--ansi07) !important;
        --color-text-light-2: var(--ansi15) !important;
        --color-text-light-3: var(--ansi08) !important;
        --color-footer: var(--bg1) !important;
        --color-timeline: var(--bg4) !important;
        --color-input-text: var(--ansi15) !important;
        --color-input-background: var(--ansi00) !important;
        --color-input-toggle-background: var(--bg1) !important;
        --color-input-border: var(--bg4) !important;
        --color-input-border-hover: var(--input-border-hover) !important;
        --color-navbar: var(--bg1) !important;
        --color-navbar-transparent: var(--bg1) !important;
        --color-light: var(--bg1) !important;
        /* --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled))); */
        --color-light-mimic-enabled: rgba(0, 0, 0, 0.136) !important;
        --color-light-border: var(--bg4) !important;
        --color-hover: var(--hover-bg) !important;
        --color-active: var(--active-bg) !important;
        --color-menu: var(--bg1) !important;
        --color-card: var(--bg1) !important;
        --color-markup-table-row: var(--bg3) !important;
        --color-markup-code-block: var(--ansi00) !important;
        --color-button: var(--bg3) !important;
        --color-code-bg: var(--ansi00) !important;
        --color-code-sidebar-bg: var(--bg1) !important;
        --color-shadow: var(--shadow) !important;
        --color-secondary-bg: var(--bg1) !important;
        --color-text-focus: var(--fg-focus) !important;
        --color-expand-button: var(--bg2) !important;
        --color-placeholder-text: var(--ansi08) !important;
        --color-editor-line-highlight: var(--bg1) !important;
        --color-project-board-bg: var(--ansi00) !important;
        --color-project-board-light-label: #a9b665 !important;
        --color-caret: var(--color-text) !important;
        --color-reaction-bg: var(--reaction-bg) !important;
        --color-reaction-active-bg: var(--color-primary-alpha-40) !important;
        --color-header-bar: var(--bg1) !important;
        --color-label-active-bg: var(--bg4) !important;
        --color-accent: var(--color-primary-light-1) !important;
        --color-small-accent: var(--color-primary-light-5) !important;
        --color-active-line: var(--bg1) !important;
        --color-label-text: var(--ansi15) !important;
        --color-label-bg: var(--bg3) !important;
        accent-color: var(--color-accent) !important;
    }
    .chroma .nx {
        color: var(--ansi15)
    }
    .chroma .c,
    .chroma .c1,
    .chroma .ch,
    .chroma .cm,
    .chroma .sd {
        color: var(--ansi08)
    }
    .chroma .k,
    .chroma .kc,
    .chroma .kd,
    .chroma .kn,
    .chroma .kp,
    .chroma .kr {
        color: var(--ansi01)
    }
    .chroma .o,
    .chroma .ow {
        color: var(--ansi03)
    }
    .chroma .s,
    .chroma .s1,
    .chroma .s2,
    .chroma .sa,
    .chroma .sb,
    .chroma .sc,
    .chroma .sh,
    .chroma .si,
    .chroma .sr,
    .chroma .ss,
    .chroma .sx,
    .chroma .nt,
    .chroma .cpf {
        color: var(--ansi14)
    }
    .chroma .m,
    .chroma .mb,
    .chroma .mf,
    .chroma .mh,
    .chroma .mi,
    .chroma .mo,
    .chroma .nl {
        color: var(--ansi13)
    }
    .chroma .kt,
    .chroma .nc,
    .chroma .nn,
    .chroma .nv {
        color: var(--ansi03)
    }
    .chroma .nf,
    .chroma .nb,
    .chroma .na {
        color: #a9b665
    }
    .chroma .bp,
    .chroma .cp,
    .chroma .ne,
    .chroma .nd,
    .chroma .se {
        color: var(--ansi12)
    }
    .ui.primary.button,
    .ui.primary.buttons .button {
        background: #a9b665;
        background-color: #a9b665 !important;
        color: #282828
    }
    .ui.primary.button:hover,
    .ui.primary.buttons .button:hover {
        background: rgba(169, 182, 101, 0.8);
        background-color: rgba(169, 182, 101, 0.8) !important;
        color: #282828
    }
    .ui.green.buttons .button,
    .ui.green.button {
        background: var(--ansi07);
        background-color: var(--ansi07) !important;
        color: var(--ansi00)
    }
    .ui.green.buttons .button:hover,
    .ui.green.button:hover {
        background: var(--green-btn-hover);
        background-color: var(--green-btn-hover);
        color: var(--ansi00) !important
    }
    .ui.labeled.button.disabled > .button,
    .ui.basic.buttons .button,
    .ui.basic.button {
        color: var(--ansi15) !important
    }
    .ui.labeled.button.disabled > .button:hover,
    .ui.basic.buttons .button:hover,
    .ui.basic.button:hover {
        color: var(--ansi15) !important
    }
    .repo-title {
        color: #e78a4e !important
    }
    .repo-buttons button[disabled] ~ .label,
    .repo-buttons .ui.labeled.button.disabled > .label {
        color: #a9b665
    }
    .ui.basic.labels .label,
    .ui.basic.label {
        color: #a9b665 !important
    }
    .repository .ui.segment.sub-menu .list .item a:hover,
    .ui.tabular.menu .item:hover {
        color: var(--color-text-hover) !important
    }
    .ui.primary.labels .label,
    .ui.ui.ui.primary.label {
        color: #282828 !important
    }
    .ui.menu .active.item>.label,
    .ui.menu.tabs-with-labels .item:hover>.label {
        background: var(--ansi08);
    }
    .ui.green.labels .label,
    .ui.ui.ui.green.label {
        color: var(--ansi00) !important
    }
    i.grey.icon.icon.icon.icon {
        color: var(--ansi08) !important
    }
    * {
        scrollbar-color: #e78a4e transparent !important
    }
    ::-webkit-scrollbar {
        width: 10px;
        height: 10px
    }
    ::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 0 6px #e78a4e !important;
        border: 2px solid transparent;
        border-radius: 5px !important
    }
    ::-webkit-scrollbar-thumb:window-inactive {
        box-shadow: inset 0 0 0 6px #e78a4e !important
    }
    ::-webkit-scrollbar-thumb:hover {
        box-shadow: inset 0 0 0 6px #e78a4e !important
    }
    ::-webkit-scrollbar-corner {
        background: transparent !important
    }
    .ui.red.labels .label,
    .ui.ui.ui.red.label,
    .ui.red.button,
    .ui.red.buttons .button {
        background: var(--ansi01) !important;
        background-color: var(--ansi01) !important;
        color: #ffffff !important
    }
    .ui.red.labels .label:hover,
    .ui.ui.ui.red.label:hover,
    .ui.red.button:hover,
    .ui.red.buttons .button:hover {
        background: rgba(204, 36, 29, 0.8) !important;
        background-color: rgba(204, 36, 29, 0.8) !important;
        color: #ffffff
    }
    .ui.grey.label {
        background-color: var(--active-bg) !important;
    }
    .ui.grey.labels .label,
    .ui.ui.ui.grey.label,
    .ui.grey.button,
    .ui.grey.buttons .button {
        color: var(--ansi15) !important
    }
    .ui.grey.labels .label:hover,
    .ui.ui.ui.grey.label:hover,
    .ui.grey.button:hover,
    .ui.grey.buttons .button:hover {
        color: var(--ansi15) !important
    }
    .ui.orange.labels .label,
    .ui.ui.ui.orange.label,
    .ui.orange.button,
    .ui.orange.buttons .button {
        background: #e78a4e !important;
        background-color: #e78a4e !important;
        color: #282828 !important
    }
    .ui.orange.labels .label:hover,
    .ui.ui.ui.orange.label:hover,
    .ui.orange.button:hover,
    .ui.orange.buttons .button:hover {
        background: rgba(231, 138, 78, 0.8) !important;
        background-color: rgba(231, 138, 78, 0.8) !important;
        color: #282828 !important
    }
}