src/md3/theme.scss

// 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;
}