.light {
    --materialtheme-colorscheme-background: #F9F9F9;
    --materialtheme-colorscheme-on-background: #1B1B1B;
    --materialtheme-colorscheme-surface: #F9F9F9;
    --materialtheme-colorscheme-on-surface: #1B1B1B;
    --materialtheme-colorscheme-surface-variant: #E2E2E2;
    --materialtheme-colorscheme-on-surface-variant: #474747;
    --materialtheme-colorscheme-inverse-surface: #131313;
    --materialtheme-colorscheme-inverse-on-surface: #E2E2E2;
    --materialtheme-colorscheme-surface-bright: #F9F9F9;
    --materialtheme-colorscheme-surface-dim: #DADADA;
    --materialtheme-colorscheme-surface-container: #EEEEEE;
    --materialtheme-colorscheme-surface-container-low: #F3F3F3;
    --materialtheme-colorscheme-surface-container-lowest: #FFFFFF;
    --materialtheme-colorscheme-surface-container-high: #E8E8E8;
    --materialtheme-colorscheme-surface-container-highest: #E2E2E2;
    --materialtheme-colorscheme-error: #BA0C3F;
    --materialtheme-colorscheme-on-error: #FFFFFF;
    --materialtheme-colorscheme-error-container: #FEDADC;
    --materialtheme-colorscheme-on-error-container: #400010;
    --materialtheme-colorscheme-outline: #400010;
    --materialtheme-colorscheme-outline-variant: #C6C6C6;
    --materialtheme-colorscheme-primary: #000000;
    --materialtheme-colorscheme-on-primary: #E2E2E2;
    --materialtheme-colorscheme-primary-container: #3B3B3B;
    --materialtheme-colorscheme-on-primary-container: #FFFFFF;
    --materialtheme-colorscheme-primary-fixed: #5E5E5E;
    --materialtheme-colorscheme-primary-fixed-dim: #474747;
    --materialtheme-colorscheme-on-primary-fixed: #FFFFFF;
    --materialtheme-colorscheme-on-primary-fixed-variant: #E2E2E2;
    --materialtheme-colorscheme-inverse-primary: #FFFFFF;
    --materialtheme-colorscheme-secondary: #5E5E5E;
    --materialtheme-colorscheme-on-secondary: #FFFFFF;
    --materialtheme-colorscheme-secondary-conatiner: #D4D4D4;
    --materialtheme-colorscheme-on-secondary-conatiner: #1B1B1B;
    --materialtheme-colorscheme-secondary-fixed: #C6C6C6;
    --materialtheme-colorscheme-secondary-fixed-dim: #ABABAB;
    --materialtheme-colorscheme-on-secondary-fixed: #3B3B3B;
    --materialtheme-colorscheme-tertiary: #3B3B3B;
    --materialtheme-colorscheme-on-tertiary: #E2E2E2;
    --materialtheme-colorscheme-tertiary-container: #747474;
    --materialtheme-colorscheme-on-tertiary-container: #FFFFFF;
    --materialtheme-colorscheme-tertiary-fixed: #5E5E5E;
    --materialtheme-colorscheme-tertiary-fixed-dim: #474747;
    --materialtheme-colorscheme-on-tertiary-fixed: #FFFFFF;
    --materialtheme-colorscheme-on-tertiary-fixed-variant: #E2E2E2;
}

.dark {
    --materialtheme-colorscheme-background: #131313;
    --materialtheme-colorscheme-on-background: #E2E2E2;
    --materialtheme-colorscheme-surface: #131313;
    --materialtheme-colorscheme-on-surface: #E2E2E2;
    --materialtheme-colorscheme-surface-variant: #474747;
    --materialtheme-colorscheme-on-surface-variant: #C6C6C6;
    --materialtheme-colorscheme-inverse-surface: #F9F9F9;
    --materialtheme-colorscheme-inverse-on-surface: #1B1B1B;
    --materialtheme-colorscheme-surface-bright: #393939;
    --materialtheme-colorscheme-surface-dim: #131313;
    --materialtheme-colorscheme-surface-container: #1F1F1F;
    --materialtheme-colorscheme-surface-container-low: #1B1B1B;
    --materialtheme-colorscheme-surface-container-lowest: #0E0E0E;
    --materialtheme-colorscheme-surface-container-high: #2A2A2A;
    --materialtheme-colorscheme-surface-container-highest: #353535;
    --materialtheme-colorscheme-error: #FCB5BD;
    --materialtheme-colorscheme-on-error: #680023;
    --materialtheme-colorscheme-error-container: #900035;
    --materialtheme-colorscheme-on-error-container: #FDDADE;
    --materialtheme-colorscheme-outline: #919191;
    --materialtheme-colorscheme-outline-variant: #474747;
    --materialtheme-colorscheme-primary: #FFFFFF;
    --materialtheme-colorscheme-on-primary: #1B1B1B;
    --materialtheme-colorscheme-primary-container: #D4D4D4;
    --materialtheme-colorscheme-on-primary-container: #000000;
    --materialtheme-colorscheme-primary-fixed: #5E5E5E;
    --materialtheme-colorscheme-primary-fixed-dim: #474747;
    --materialtheme-colorscheme-on-primary-fixed: #FFFFFF;
    --materialtheme-colorscheme-on-primary-fixed-variant: #E2E2E2;
    --materialtheme-colorscheme-inverse-primary: #000000;
    --materialtheme-colorscheme-secondary: #C6C6C6;
    --materialtheme-colorscheme-on-secondary: #1B1B1B;
    --materialtheme-colorscheme-secondary-conatiner: #474747;
    --materialtheme-colorscheme-on-secondary-conatiner: #E2E2E2;
    --materialtheme-colorscheme-secondary-fixed: #C6C6C6;
    --materialtheme-colorscheme-secondary-fixed-dim: #ABABAB;
    --materialtheme-colorscheme-on-secondary-fixed: #3B3B3B;
    --materialtheme-colorscheme-tertiary: #E2E2E2;
    --materialtheme-colorscheme-on-tertiary: #1B1B1B;
    --materialtheme-colorscheme-tertiary-container: #919191;
    --materialtheme-colorscheme-on-tertiary-container: #000000;
    --materialtheme-colorscheme-tertiary-fixed: #5E5E5E;
    --materialtheme-colorscheme-tertiary-fixed-dim: #474747;
    --materialtheme-colorscheme-on-tertiary-fixed: #FFFFFF;
    --materialtheme-colorscheme-on-tertiary-fixed-variant: #E2E2E2;
}