| Renovate bot | aa5fb8e | 2024-02-25 18:10:09 +0000 | [diff] [blame] | 1 | // Generated with https://material-foundation.github.io/material-theme-builder/. |
| 2 | |
| 3 | @mixin dark-theme($var-prefix: '') { |
| 4 | --#{$var-prefix}md-sys-color-primary: rgb(130 213 200); |
| 5 | --#{$var-prefix}md-sys-color-surface-tint: rgb(130 213 200); |
| 6 | --#{$var-prefix}md-sys-color-on-primary: rgb(0 55 49); |
| 7 | --#{$var-prefix}md-sys-color-primary-container: rgb(0 80 72); |
| 8 | --#{$var-prefix}md-sys-color-on-primary-container: rgb(158 242 228); |
| 9 | --#{$var-prefix}md-sys-color-secondary: rgb(177 204 198); |
| 10 | --#{$var-prefix}md-sys-color-on-secondary: rgb(28 53 49); |
| 11 | --#{$var-prefix}md-sys-color-secondary-container: rgb(51 75 71); |
| 12 | --#{$var-prefix}md-sys-color-on-secondary-container: rgb(204 232 226); |
| 13 | --#{$var-prefix}md-sys-color-tertiary: rgb(173 202 230); |
| 14 | --#{$var-prefix}md-sys-color-on-tertiary: rgb(21 51 73); |
| 15 | --#{$var-prefix}md-sys-color-tertiary-container: rgb(45 73 97); |
| 16 | --#{$var-prefix}md-sys-color-on-tertiary-container: rgb(204 229 255); |
| 17 | --#{$var-prefix}md-sys-color-error: rgb(255 180 171); |
| 18 | --#{$var-prefix}md-sys-color-on-error: rgb(105 0 5); |
| 19 | --#{$var-prefix}md-sys-color-error-container: rgb(147 0 10); |
| 20 | --#{$var-prefix}md-sys-color-on-error-container: rgb(255 218 214); |
| 21 | --#{$var-prefix}md-sys-color-background: rgb(14 21 19); |
| 22 | --#{$var-prefix}md-sys-color-on-background: rgb(221 228 225); |
| 23 | --#{$var-prefix}md-sys-color-surface: rgb(14 21 19); |
| 24 | --#{$var-prefix}md-sys-color-on-surface: rgb(221 228 225); |
| 25 | --#{$var-prefix}md-sys-color-surface-variant: rgb(63 73 71); |
| 26 | --#{$var-prefix}md-sys-color-on-surface-variant: rgb(190 201 198); |
| 27 | --#{$var-prefix}md-sys-color-outline: rgb(137 147 144); |
| 28 | --#{$var-prefix}md-sys-color-outline-variant: rgb(63 73 71); |
| 29 | --#{$var-prefix}md-sys-color-shadow: rgb(0 0 0); |
| 30 | --#{$var-prefix}md-sys-color-scrim: rgb(0 0 0); |
| 31 | --#{$var-prefix}md-sys-color-inverse-surface: rgb(221 228 225); |
| 32 | --#{$var-prefix}md-sys-color-inverse-on-surface: rgb(43 50 48); |
| 33 | --#{$var-prefix}md-sys-color-inverse-primary: rgb(0 106 96); |
| 34 | --#{$var-prefix}md-sys-color-primary-fixed: rgb(158 242 228); |
| 35 | --#{$var-prefix}md-sys-color-on-primary-fixed: rgb(0 32 28); |
| 36 | --#{$var-prefix}md-sys-color-primary-fixed-dim: rgb(130 213 200); |
| 37 | --#{$var-prefix}md-sys-color-on-primary-fixed-variant: rgb(0 80 72); |
| 38 | --#{$var-prefix}md-sys-color-secondary-fixed: rgb(204 232 226); |
| 39 | --#{$var-prefix}md-sys-color-on-secondary-fixed: rgb(5 32 28); |
| 40 | --#{$var-prefix}md-sys-color-secondary-fixed-dim: rgb(177 204 198); |
| 41 | --#{$var-prefix}md-sys-color-on-secondary-fixed-variant: rgb(51 75 71); |
| 42 | --#{$var-prefix}md-sys-color-tertiary-fixed: rgb(204 229 255); |
| 43 | --#{$var-prefix}md-sys-color-on-tertiary-fixed: rgb(0 30 49); |
| 44 | --#{$var-prefix}md-sys-color-tertiary-fixed-dim: rgb(173 202 230); |
| 45 | --#{$var-prefix}md-sys-color-on-tertiary-fixed-variant: rgb(45 73 97); |
| 46 | --#{$var-prefix}md-sys-color-surface-dim: rgb(14 21 19); |
| 47 | --#{$var-prefix}md-sys-color-surface-bright: rgb(52 59 57); |
| 48 | --#{$var-prefix}md-sys-color-surface-container-lowest: rgb(9 15 14); |
| 49 | --#{$var-prefix}md-sys-color-surface-container-low: rgb(22 29 28); |
| 50 | --#{$var-prefix}md-sys-color-surface-container: rgb(26 33 32); |
| 51 | --#{$var-prefix}md-sys-color-surface-container-high: rgb(37 43 42); |
| 52 | --#{$var-prefix}md-sys-color-surface-container-highest: rgb(48 54 53); |
| Adrià Vilanova Martínez | cdbe644 | 2024-03-15 22:01:13 +0100 | [diff] [blame] | 53 | |
| 54 | // Custom colors |
| 55 | --#{$var-prefix}reply-button-color: #d0bcfe; |
| Renovate bot | aa5fb8e | 2024-02-25 18:10:09 +0000 | [diff] [blame] | 56 | } |
| 57 | |
| 58 | @mixin light-theme { |
| 59 | --md-sys-color-primary: rgb(0 106 96); |
| 60 | --md-sys-color-surface-tint: rgb(0 106 96); |
| 61 | --md-sys-color-on-primary: rgb(255 255 255); |
| 62 | --md-sys-color-primary-container: rgb(158 242 228); |
| 63 | --md-sys-color-on-primary-container: rgb(0 32 28); |
| 64 | --md-sys-color-secondary: rgb(74 99 95); |
| 65 | --md-sys-color-on-secondary: rgb(255 255 255); |
| 66 | --md-sys-color-secondary-container: rgb(204 232 226); |
| 67 | --md-sys-color-on-secondary-container: rgb(5 32 28); |
| 68 | --md-sys-color-tertiary: rgb(69 97 121); |
| 69 | --md-sys-color-on-tertiary: rgb(255 255 255); |
| 70 | --md-sys-color-tertiary-container: rgb(204 229 255); |
| 71 | --md-sys-color-on-tertiary-container: rgb(0 30 49); |
| 72 | --md-sys-color-error: rgb(186 26 26); |
| 73 | --md-sys-color-on-error: rgb(255 255 255); |
| 74 | --md-sys-color-error-container: rgb(255 218 214); |
| 75 | --md-sys-color-on-error-container: rgb(65 0 2); |
| 76 | --md-sys-color-background: rgb(244 251 248); |
| 77 | --md-sys-color-on-background: rgb(22 29 28); |
| 78 | --md-sys-color-surface: rgb(244 251 248); |
| 79 | --md-sys-color-on-surface: rgb(22 29 28); |
| 80 | --md-sys-color-surface-variant: rgb(218 229 225); |
| 81 | --md-sys-color-on-surface-variant: rgb(63 73 71); |
| 82 | --md-sys-color-outline: rgb(111 121 119); |
| 83 | --md-sys-color-outline-variant: rgb(190 201 198); |
| 84 | --md-sys-color-shadow: rgb(0 0 0); |
| 85 | --md-sys-color-scrim: rgb(0 0 0); |
| 86 | --md-sys-color-inverse-surface: rgb(43 50 48); |
| 87 | --md-sys-color-inverse-on-surface: rgb(236 242 239); |
| 88 | --md-sys-color-inverse-primary: rgb(130 213 200); |
| 89 | --md-sys-color-primary-fixed: rgb(158 242 228); |
| 90 | --md-sys-color-on-primary-fixed: rgb(0 32 28); |
| 91 | --md-sys-color-primary-fixed-dim: rgb(130 213 200); |
| 92 | --md-sys-color-on-primary-fixed-variant: rgb(0 80 72); |
| 93 | --md-sys-color-secondary-fixed: rgb(204 232 226); |
| 94 | --md-sys-color-on-secondary-fixed: rgb(5 32 28); |
| 95 | --md-sys-color-secondary-fixed-dim: rgb(177 204 198); |
| 96 | --md-sys-color-on-secondary-fixed-variant: rgb(51 75 71); |
| 97 | --md-sys-color-tertiary-fixed: rgb(204 229 255); |
| 98 | --md-sys-color-on-tertiary-fixed: rgb(0 30 49); |
| 99 | --md-sys-color-tertiary-fixed-dim: rgb(173 202 230); |
| 100 | --md-sys-color-on-tertiary-fixed-variant: rgb(45 73 97); |
| 101 | --md-sys-color-surface-dim: rgb(213 219 217); |
| 102 | --md-sys-color-surface-bright: rgb(244 251 248); |
| 103 | --md-sys-color-surface-container-lowest: rgb(255 255 255); |
| 104 | --md-sys-color-surface-container-low: rgb(239 245 242); |
| 105 | --md-sys-color-surface-container: rgb(233 239 237); |
| 106 | --md-sys-color-surface-container-high: rgb(227 234 231); |
| 107 | --md-sys-color-surface-container-highest: rgb(221 228 225); |
| Adrià Vilanova Martínez | cdbe644 | 2024-03-15 22:01:13 +0100 | [diff] [blame] | 108 | |
| 109 | // Custom colors |
| 110 | --reply-button-color: #65558f; |
| Renovate bot | aa5fb8e | 2024-02-25 18:10:09 +0000 | [diff] [blame] | 111 | } |