blob: 066db8cc7473e7916140b5a5d7c974ce5edf097f [file] [log] [blame]
// Generated with https://material-foundation.github.io/material-theme-builder/.
@mixin dark-theme($var-prefix: '') {
--#{$var-prefix}md-sys-color-primary: rgb(130 213 200);
--#{$var-prefix}md-sys-color-surface-tint: rgb(130 213 200);
--#{$var-prefix}md-sys-color-on-primary: rgb(0 55 49);
--#{$var-prefix}md-sys-color-primary-container: rgb(0 80 72);
--#{$var-prefix}md-sys-color-on-primary-container: rgb(158 242 228);
--#{$var-prefix}md-sys-color-secondary: rgb(177 204 198);
--#{$var-prefix}md-sys-color-on-secondary: rgb(28 53 49);
--#{$var-prefix}md-sys-color-secondary-container: rgb(51 75 71);
--#{$var-prefix}md-sys-color-on-secondary-container: rgb(204 232 226);
--#{$var-prefix}md-sys-color-tertiary: rgb(173 202 230);
--#{$var-prefix}md-sys-color-on-tertiary: rgb(21 51 73);
--#{$var-prefix}md-sys-color-tertiary-container: rgb(45 73 97);
--#{$var-prefix}md-sys-color-on-tertiary-container: rgb(204 229 255);
--#{$var-prefix}md-sys-color-error: rgb(255 180 171);
--#{$var-prefix}md-sys-color-on-error: rgb(105 0 5);
--#{$var-prefix}md-sys-color-error-container: rgb(147 0 10);
--#{$var-prefix}md-sys-color-on-error-container: rgb(255 218 214);
--#{$var-prefix}md-sys-color-background: rgb(14 21 19);
--#{$var-prefix}md-sys-color-on-background: rgb(221 228 225);
--#{$var-prefix}md-sys-color-surface: rgb(14 21 19);
--#{$var-prefix}md-sys-color-on-surface: rgb(221 228 225);
--#{$var-prefix}md-sys-color-surface-variant: rgb(63 73 71);
--#{$var-prefix}md-sys-color-on-surface-variant: rgb(190 201 198);
--#{$var-prefix}md-sys-color-outline: rgb(137 147 144);
--#{$var-prefix}md-sys-color-outline-variant: rgb(63 73 71);
--#{$var-prefix}md-sys-color-shadow: rgb(0 0 0);
--#{$var-prefix}md-sys-color-scrim: rgb(0 0 0);
--#{$var-prefix}md-sys-color-inverse-surface: rgb(221 228 225);
--#{$var-prefix}md-sys-color-inverse-on-surface: rgb(43 50 48);
--#{$var-prefix}md-sys-color-inverse-primary: rgb(0 106 96);
--#{$var-prefix}md-sys-color-primary-fixed: rgb(158 242 228);
--#{$var-prefix}md-sys-color-on-primary-fixed: rgb(0 32 28);
--#{$var-prefix}md-sys-color-primary-fixed-dim: rgb(130 213 200);
--#{$var-prefix}md-sys-color-on-primary-fixed-variant: rgb(0 80 72);
--#{$var-prefix}md-sys-color-secondary-fixed: rgb(204 232 226);
--#{$var-prefix}md-sys-color-on-secondary-fixed: rgb(5 32 28);
--#{$var-prefix}md-sys-color-secondary-fixed-dim: rgb(177 204 198);
--#{$var-prefix}md-sys-color-on-secondary-fixed-variant: rgb(51 75 71);
--#{$var-prefix}md-sys-color-tertiary-fixed: rgb(204 229 255);
--#{$var-prefix}md-sys-color-on-tertiary-fixed: rgb(0 30 49);
--#{$var-prefix}md-sys-color-tertiary-fixed-dim: rgb(173 202 230);
--#{$var-prefix}md-sys-color-on-tertiary-fixed-variant: rgb(45 73 97);
--#{$var-prefix}md-sys-color-surface-dim: rgb(14 21 19);
--#{$var-prefix}md-sys-color-surface-bright: rgb(52 59 57);
--#{$var-prefix}md-sys-color-surface-container-lowest: rgb(9 15 14);
--#{$var-prefix}md-sys-color-surface-container-low: rgb(22 29 28);
--#{$var-prefix}md-sys-color-surface-container: rgb(26 33 32);
--#{$var-prefix}md-sys-color-surface-container-high: rgb(37 43 42);
--#{$var-prefix}md-sys-color-surface-container-highest: rgb(48 54 53);
// Custom colors
--#{$var-prefix}reply-button-color: #d0bcfe;
}
@mixin light-theme {
--md-sys-color-primary: rgb(0 106 96);
--md-sys-color-surface-tint: rgb(0 106 96);
--md-sys-color-on-primary: rgb(255 255 255);
--md-sys-color-primary-container: rgb(158 242 228);
--md-sys-color-on-primary-container: rgb(0 32 28);
--md-sys-color-secondary: rgb(74 99 95);
--md-sys-color-on-secondary: rgb(255 255 255);
--md-sys-color-secondary-container: rgb(204 232 226);
--md-sys-color-on-secondary-container: rgb(5 32 28);
--md-sys-color-tertiary: rgb(69 97 121);
--md-sys-color-on-tertiary: rgb(255 255 255);
--md-sys-color-tertiary-container: rgb(204 229 255);
--md-sys-color-on-tertiary-container: rgb(0 30 49);
--md-sys-color-error: rgb(186 26 26);
--md-sys-color-on-error: rgb(255 255 255);
--md-sys-color-error-container: rgb(255 218 214);
--md-sys-color-on-error-container: rgb(65 0 2);
--md-sys-color-background: rgb(244 251 248);
--md-sys-color-on-background: rgb(22 29 28);
--md-sys-color-surface: rgb(244 251 248);
--md-sys-color-on-surface: rgb(22 29 28);
--md-sys-color-surface-variant: rgb(218 229 225);
--md-sys-color-on-surface-variant: rgb(63 73 71);
--md-sys-color-outline: rgb(111 121 119);
--md-sys-color-outline-variant: rgb(190 201 198);
--md-sys-color-shadow: rgb(0 0 0);
--md-sys-color-scrim: rgb(0 0 0);
--md-sys-color-inverse-surface: rgb(43 50 48);
--md-sys-color-inverse-on-surface: rgb(236 242 239);
--md-sys-color-inverse-primary: rgb(130 213 200);
--md-sys-color-primary-fixed: rgb(158 242 228);
--md-sys-color-on-primary-fixed: rgb(0 32 28);
--md-sys-color-primary-fixed-dim: rgb(130 213 200);
--md-sys-color-on-primary-fixed-variant: rgb(0 80 72);
--md-sys-color-secondary-fixed: rgb(204 232 226);
--md-sys-color-on-secondary-fixed: rgb(5 32 28);
--md-sys-color-secondary-fixed-dim: rgb(177 204 198);
--md-sys-color-on-secondary-fixed-variant: rgb(51 75 71);
--md-sys-color-tertiary-fixed: rgb(204 229 255);
--md-sys-color-on-tertiary-fixed: rgb(0 30 49);
--md-sys-color-tertiary-fixed-dim: rgb(173 202 230);
--md-sys-color-on-tertiary-fixed-variant: rgb(45 73 97);
--md-sys-color-surface-dim: rgb(213 219 217);
--md-sys-color-surface-bright: rgb(244 251 248);
--md-sys-color-surface-container-lowest: rgb(255 255 255);
--md-sys-color-surface-container-low: rgb(239 245 242);
--md-sys-color-surface-container: rgb(233 239 237);
--md-sys-color-surface-container-high: rgb(227 234 231);
--md-sys-color-surface-container-highest: rgb(221 228 225);
// Custom colors
--reply-button-color: #65558f;
}