material-inspired-component-library 1.0.0 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/README.md +2 -2
  2. package/components/accordion/README.md +0 -3
  3. package/components/bottomsheet/README.md +0 -3
  4. package/components/button/README.md +0 -3
  5. package/components/card/README.md +0 -3
  6. package/components/checkbox/README.md +0 -3
  7. package/components/dialog/README.md +0 -3
  8. package/components/divider/README.md +0 -3
  9. package/components/iconbutton/README.md +0 -3
  10. package/components/list/README.md +0 -3
  11. package/components/menu/README.md +1 -1
  12. package/components/radio/README.md +0 -3
  13. package/components/select/README.md +1 -1
  14. package/components/sidesheet/README.md +0 -3
  15. package/components/slider/README.md +0 -3
  16. package/components/switch/README.md +0 -3
  17. package/components/textfield/README.md +0 -3
  18. package/docs/accordion.html +3 -3
  19. package/docs/bottomsheet.html +11 -11
  20. package/docs/button.html +3 -3
  21. package/docs/card.html +6 -6
  22. package/docs/checkbox.html +3 -3
  23. package/docs/dialog.html +3 -3
  24. package/docs/divider.html +3 -3
  25. package/docs/docs.js +1 -1
  26. package/docs/iconbutton.html +3 -3
  27. package/docs/index.html +5 -5
  28. package/docs/list.html +3 -3
  29. package/docs/menu.html +3 -3
  30. package/docs/radio.html +3 -3
  31. package/docs/select.html +3 -3
  32. package/docs/sidesheet.html +3 -3
  33. package/docs/slider.html +3 -3
  34. package/docs/switch.html +3 -3
  35. package/docs/textfield.html +3 -3
  36. package/package.json +2 -5
  37. package/docs/card-awards.webp +0 -0
  38. package/docs/card-cabinet.webp +0 -0
  39. package/docs/card-city.webp +0 -0
  40. package/docs/card-fingerprint.webp +0 -0
  41. package/docs/card-holiday.webp +0 -0
  42. package/docs/card-names.webp +0 -0
  43. package/docs/micl.css +0 -1
  44. package/docs/micl.js +0 -1
  45. package/docs/themes/airblue/dark-hc.css +0 -51
  46. package/docs/themes/airblue/dark-mc.css +0 -51
  47. package/docs/themes/airblue/dark.css +0 -51
  48. package/docs/themes/airblue/light-hc.css +0 -51
  49. package/docs/themes/airblue/light-mc.css +0 -51
  50. package/docs/themes/airblue/light.css +0 -51
  51. package/docs/themes/airblue/theme.css +0 -306
  52. package/docs/themes/barnred/dark-hc.css +0 -51
  53. package/docs/themes/barnred/dark-mc.css +0 -51
  54. package/docs/themes/barnred/dark.css +0 -51
  55. package/docs/themes/barnred/light-hc.css +0 -51
  56. package/docs/themes/barnred/light-mc.css +0 -51
  57. package/docs/themes/barnred/light.css +0 -51
  58. package/docs/themes/barnred/theme.css +0 -306
  59. package/docs/themes/citrine/dark-hc.css +0 -51
  60. package/docs/themes/citrine/dark-mc.css +0 -51
  61. package/docs/themes/citrine/dark.css +0 -51
  62. package/docs/themes/citrine/light-hc.css +0 -51
  63. package/docs/themes/citrine/light-mc.css +0 -51
  64. package/docs/themes/citrine/light.css +0 -51
  65. package/docs/themes/citrine/theme.css +0 -306
  66. package/docs/themes/olivegreen/dark-hc.css +0 -51
  67. package/docs/themes/olivegreen/dark-mc.css +0 -51
  68. package/docs/themes/olivegreen/dark.css +0 -51
  69. package/docs/themes/olivegreen/light-hc.css +0 -51
  70. package/docs/themes/olivegreen/light-mc.css +0 -51
  71. package/docs/themes/olivegreen/light.css +0 -51
  72. package/docs/themes/olivegreen/theme.css +0 -306
@@ -1,51 +0,0 @@
1
- .dark {
2
- --md-sys-color-primary: rgb(194 205 124);
3
- --md-sys-color-surface-tint: rgb(194 205 124);
4
- --md-sys-color-on-primary: rgb(45 52 0);
5
- --md-sys-color-primary-container: rgb(67 75 6);
6
- --md-sys-color-on-primary-container: rgb(223 233 149);
7
- --md-sys-color-secondary: rgb(198 201 167);
8
- --md-sys-color-on-secondary: rgb(47 50 26);
9
- --md-sys-color-secondary-container: rgb(70 73 47);
10
- --md-sys-color-on-secondary-container: rgb(227 229 194);
11
- --md-sys-color-tertiary: rgb(162 208 194);
12
- --md-sys-color-on-tertiary: rgb(6 55 46);
13
- --md-sys-color-tertiary-container: rgb(34 78 68);
14
- --md-sys-color-on-tertiary-container: rgb(189 236 222);
15
- --md-sys-color-error: rgb(255 180 171);
16
- --md-sys-color-on-error: rgb(105 0 5);
17
- --md-sys-color-error-container: rgb(147 0 10);
18
- --md-sys-color-on-error-container: rgb(255 218 214);
19
- --md-sys-color-background: rgb(19 20 13);
20
- --md-sys-color-on-background: rgb(228 227 214);
21
- --md-sys-color-surface: rgb(19 20 13);
22
- --md-sys-color-on-surface: rgb(228 227 214);
23
- --md-sys-color-surface-variant: rgb(71 72 59);
24
- --md-sys-color-on-surface-variant: rgb(200 199 183);
25
- --md-sys-color-outline: rgb(145 146 131);
26
- --md-sys-color-outline-variant: rgb(71 72 59);
27
- --md-sys-color-shadow: rgb(0 0 0);
28
- --md-sys-color-scrim: rgb(0 0 0);
29
- --md-sys-color-inverse-surface: rgb(228 227 214);
30
- --md-sys-color-inverse-on-surface: rgb(48 49 40);
31
- --md-sys-color-inverse-primary: rgb(90 99 30);
32
- --md-sys-color-primary-fixed: rgb(223 233 149);
33
- --md-sys-color-on-primary-fixed: rgb(25 30 0);
34
- --md-sys-color-primary-fixed-dim: rgb(194 205 124);
35
- --md-sys-color-on-primary-fixed-variant: rgb(67 75 6);
36
- --md-sys-color-secondary-fixed: rgb(227 229 194);
37
- --md-sys-color-on-secondary-fixed: rgb(26 29 7);
38
- --md-sys-color-secondary-fixed-dim: rgb(198 201 167);
39
- --md-sys-color-on-secondary-fixed-variant: rgb(70 73 47);
40
- --md-sys-color-tertiary-fixed: rgb(189 236 222);
41
- --md-sys-color-on-tertiary-fixed: rgb(0 32 26);
42
- --md-sys-color-tertiary-fixed-dim: rgb(162 208 194);
43
- --md-sys-color-on-tertiary-fixed-variant: rgb(34 78 68);
44
- --md-sys-color-surface-dim: rgb(19 20 13);
45
- --md-sys-color-surface-bright: rgb(57 58 49);
46
- --md-sys-color-surface-container-lowest: rgb(14 15 8);
47
- --md-sys-color-surface-container-low: rgb(27 28 20);
48
- --md-sys-color-surface-container: rgb(31 32 24);
49
- --md-sys-color-surface-container-high: rgb(42 43 34);
50
- --md-sys-color-surface-container-highest: rgb(53 53 45);
51
- }
@@ -1,51 +0,0 @@
1
- .light-high-contrast {
2
- --md-sys-color-primary: rgb(41 47 0);
3
- --md-sys-color-surface-tint: rgb(90 99 30);
4
- --md-sys-color-on-primary: rgb(255 255 255);
5
- --md-sys-color-primary-container: rgb(69 78 8);
6
- --md-sys-color-on-primary-container: rgb(255 255 255);
7
- --md-sys-color-secondary: rgb(43 46 22);
8
- --md-sys-color-on-secondary: rgb(255 255 255);
9
- --md-sys-color-secondary-container: rgb(72 75 49);
10
- --md-sys-color-on-secondary-container: rgb(255 255 255);
11
- --md-sys-color-tertiary: rgb(0 51 41);
12
- --md-sys-color-on-tertiary: rgb(255 255 255);
13
- --md-sys-color-tertiary-container: rgb(37 81 70);
14
- --md-sys-color-on-tertiary-container: rgb(255 255 255);
15
- --md-sys-color-error: rgb(96 0 4);
16
- --md-sys-color-on-error: rgb(255 255 255);
17
- --md-sys-color-error-container: rgb(152 0 10);
18
- --md-sys-color-on-error-container: rgb(255 255 255);
19
- --md-sys-color-background: rgb(252 250 237);
20
- --md-sys-color-on-background: rgb(27 28 20);
21
- --md-sys-color-surface: rgb(252 250 237);
22
- --md-sys-color-on-surface: rgb(0 0 0);
23
- --md-sys-color-surface-variant: rgb(228 227 210);
24
- --md-sys-color-on-surface-variant: rgb(0 0 0);
25
- --md-sys-color-outline: rgb(44 45 34);
26
- --md-sys-color-outline-variant: rgb(73 74 61);
27
- --md-sys-color-shadow: rgb(0 0 0);
28
- --md-sys-color-scrim: rgb(0 0 0);
29
- --md-sys-color-inverse-surface: rgb(48 49 40);
30
- --md-sys-color-inverse-on-surface: rgb(255 255 255);
31
- --md-sys-color-inverse-primary: rgb(194 205 124);
32
- --md-sys-color-primary-fixed: rgb(69 78 8);
33
- --md-sys-color-on-primary-fixed: rgb(255 255 255);
34
- --md-sys-color-primary-fixed-dim: rgb(47 54 0);
35
- --md-sys-color-on-primary-fixed-variant: rgb(255 255 255);
36
- --md-sys-color-secondary-fixed: rgb(72 75 49);
37
- --md-sys-color-on-secondary-fixed: rgb(255 255 255);
38
- --md-sys-color-secondary-fixed-dim: rgb(49 53 28);
39
- --md-sys-color-on-secondary-fixed-variant: rgb(255 255 255);
40
- --md-sys-color-tertiary-fixed: rgb(37 81 70);
41
- --md-sys-color-on-tertiary-fixed: rgb(255 255 255);
42
- --md-sys-color-tertiary-fixed-dim: rgb(9 58 48);
43
- --md-sys-color-on-tertiary-fixed-variant: rgb(255 255 255);
44
- --md-sys-color-surface-dim: rgb(186 185 173);
45
- --md-sys-color-surface-bright: rgb(252 250 237);
46
- --md-sys-color-surface-container-lowest: rgb(255 255 255);
47
- --md-sys-color-surface-container-low: rgb(243 241 228);
48
- --md-sys-color-surface-container: rgb(228 227 214);
49
- --md-sys-color-surface-container-high: rgb(214 213 200);
50
- --md-sys-color-surface-container-highest: rgb(200 199 187);
51
- }
@@ -1,51 +0,0 @@
1
- .light-medium-contrast {
2
- --md-sys-color-primary: rgb(51 58 0);
3
- --md-sys-color-surface-tint: rgb(90 99 30);
4
- --md-sys-color-on-primary: rgb(255 255 255);
5
- --md-sys-color-primary-container: rgb(105 114 44);
6
- --md-sys-color-on-primary-container: rgb(255 255 255);
7
- --md-sys-color-secondary: rgb(53 56 31);
8
- --md-sys-color-on-secondary: rgb(255 255 255);
9
- --md-sys-color-secondary-container: rgb(108 111 82);
10
- --md-sys-color-on-secondary-container: rgb(255 255 255);
11
- --md-sys-color-tertiary: rgb(14 61 51);
12
- --md-sys-color-on-tertiary: rgb(255 255 255);
13
- --md-sys-color-tertiary-container: rgb(74 117 105);
14
- --md-sys-color-on-tertiary-container: rgb(255 255 255);
15
- --md-sys-color-error: rgb(116 0 6);
16
- --md-sys-color-on-error: rgb(255 255 255);
17
- --md-sys-color-error-container: rgb(207 44 39);
18
- --md-sys-color-on-error-container: rgb(255 255 255);
19
- --md-sys-color-background: rgb(252 250 237);
20
- --md-sys-color-on-background: rgb(27 28 20);
21
- --md-sys-color-surface: rgb(252 250 237);
22
- --md-sys-color-on-surface: rgb(17 18 11);
23
- --md-sys-color-surface-variant: rgb(228 227 210);
24
- --md-sys-color-on-surface-variant: rgb(54 55 43);
25
- --md-sys-color-outline: rgb(83 83 70);
26
- --md-sys-color-outline-variant: rgb(109 110 96);
27
- --md-sys-color-shadow: rgb(0 0 0);
28
- --md-sys-color-scrim: rgb(0 0 0);
29
- --md-sys-color-inverse-surface: rgb(48 49 40);
30
- --md-sys-color-inverse-on-surface: rgb(243 241 228);
31
- --md-sys-color-inverse-primary: rgb(194 205 124);
32
- --md-sys-color-primary-fixed: rgb(105 114 44);
33
- --md-sys-color-on-primary-fixed: rgb(255 255 255);
34
- --md-sys-color-primary-fixed-dim: rgb(81 89 21);
35
- --md-sys-color-on-primary-fixed-variant: rgb(255 255 255);
36
- --md-sys-color-secondary-fixed: rgb(108 111 82);
37
- --md-sys-color-on-secondary-fixed: rgb(255 255 255);
38
- --md-sys-color-secondary-fixed-dim: rgb(84 87 60);
39
- --md-sys-color-on-secondary-fixed-variant: rgb(255 255 255);
40
- --md-sys-color-tertiary-fixed: rgb(74 117 105);
41
- --md-sys-color-on-tertiary-fixed: rgb(255 255 255);
42
- --md-sys-color-tertiary-fixed-dim: rgb(49 93 81);
43
- --md-sys-color-on-tertiary-fixed-variant: rgb(255 255 255);
44
- --md-sys-color-surface-dim: rgb(200 199 187);
45
- --md-sys-color-surface-bright: rgb(252 250 237);
46
- --md-sys-color-surface-container-lowest: rgb(255 255 255);
47
- --md-sys-color-surface-container-low: rgb(246 244 231);
48
- --md-sys-color-surface-container: rgb(234 233 220);
49
- --md-sys-color-surface-container-high: rgb(223 221 209);
50
- --md-sys-color-surface-container-highest: rgb(211 210 198);
51
- }
@@ -1,51 +0,0 @@
1
- .light {
2
- --md-sys-color-primary: rgb(90 99 30);
3
- --md-sys-color-surface-tint: rgb(90 99 30);
4
- --md-sys-color-on-primary: rgb(255 255 255);
5
- --md-sys-color-primary-container: rgb(223 233 149);
6
- --md-sys-color-on-primary-container: rgb(67 75 6);
7
- --md-sys-color-secondary: rgb(93 97 69);
8
- --md-sys-color-on-secondary: rgb(255 255 255);
9
- --md-sys-color-secondary-container: rgb(227 229 194);
10
- --md-sys-color-on-secondary-container: rgb(70 73 47);
11
- --md-sys-color-tertiary: rgb(59 102 91);
12
- --md-sys-color-on-tertiary: rgb(255 255 255);
13
- --md-sys-color-tertiary-container: rgb(189 236 222);
14
- --md-sys-color-on-tertiary-container: rgb(34 78 68);
15
- --md-sys-color-error: rgb(186 26 26);
16
- --md-sys-color-on-error: rgb(255 255 255);
17
- --md-sys-color-error-container: rgb(255 218 214);
18
- --md-sys-color-on-error-container: rgb(147 0 10);
19
- --md-sys-color-background: rgb(252 250 237);
20
- --md-sys-color-on-background: rgb(27 28 20);
21
- --md-sys-color-surface: rgb(252 250 237);
22
- --md-sys-color-on-surface: rgb(27 28 20);
23
- --md-sys-color-surface-variant: rgb(228 227 210);
24
- --md-sys-color-on-surface-variant: rgb(71 72 59);
25
- --md-sys-color-outline: rgb(120 120 106);
26
- --md-sys-color-outline-variant: rgb(200 199 183);
27
- --md-sys-color-shadow: rgb(0 0 0);
28
- --md-sys-color-scrim: rgb(0 0 0);
29
- --md-sys-color-inverse-surface: rgb(48 49 40);
30
- --md-sys-color-inverse-on-surface: rgb(243 241 228);
31
- --md-sys-color-inverse-primary: rgb(194 205 124);
32
- --md-sys-color-primary-fixed: rgb(223 233 149);
33
- --md-sys-color-on-primary-fixed: rgb(25 30 0);
34
- --md-sys-color-primary-fixed-dim: rgb(194 205 124);
35
- --md-sys-color-on-primary-fixed-variant: rgb(67 75 6);
36
- --md-sys-color-secondary-fixed: rgb(227 229 194);
37
- --md-sys-color-on-secondary-fixed: rgb(26 29 7);
38
- --md-sys-color-secondary-fixed-dim: rgb(198 201 167);
39
- --md-sys-color-on-secondary-fixed-variant: rgb(70 73 47);
40
- --md-sys-color-tertiary-fixed: rgb(189 236 222);
41
- --md-sys-color-on-tertiary-fixed: rgb(0 32 26);
42
- --md-sys-color-tertiary-fixed-dim: rgb(162 208 194);
43
- --md-sys-color-on-tertiary-fixed-variant: rgb(34 78 68);
44
- --md-sys-color-surface-dim: rgb(220 218 206);
45
- --md-sys-color-surface-bright: rgb(252 250 237);
46
- --md-sys-color-surface-container-lowest: rgb(255 255 255);
47
- --md-sys-color-surface-container-low: rgb(246 244 231);
48
- --md-sys-color-surface-container: rgb(240 238 225);
49
- --md-sys-color-surface-container-high: rgb(234 233 220);
50
- --md-sys-color-surface-container-highest: rgb(228 227 214);
51
- }
@@ -1,306 +0,0 @@
1
- .light {
2
- --md-sys-color-primary: rgb(90 99 30);
3
- --md-sys-color-surface-tint: rgb(90 99 30);
4
- --md-sys-color-on-primary: rgb(255 255 255);
5
- --md-sys-color-primary-container: rgb(223 233 149);
6
- --md-sys-color-on-primary-container: rgb(67 75 6);
7
- --md-sys-color-secondary: rgb(93 97 69);
8
- --md-sys-color-on-secondary: rgb(255 255 255);
9
- --md-sys-color-secondary-container: rgb(227 229 194);
10
- --md-sys-color-on-secondary-container: rgb(70 73 47);
11
- --md-sys-color-tertiary: rgb(59 102 91);
12
- --md-sys-color-on-tertiary: rgb(255 255 255);
13
- --md-sys-color-tertiary-container: rgb(189 236 222);
14
- --md-sys-color-on-tertiary-container: rgb(34 78 68);
15
- --md-sys-color-error: rgb(186 26 26);
16
- --md-sys-color-on-error: rgb(255 255 255);
17
- --md-sys-color-error-container: rgb(255 218 214);
18
- --md-sys-color-on-error-container: rgb(147 0 10);
19
- --md-sys-color-background: rgb(252 250 237);
20
- --md-sys-color-on-background: rgb(27 28 20);
21
- --md-sys-color-surface: rgb(252 250 237);
22
- --md-sys-color-on-surface: rgb(27 28 20);
23
- --md-sys-color-surface-variant: rgb(228 227 210);
24
- --md-sys-color-on-surface-variant: rgb(71 72 59);
25
- --md-sys-color-outline: rgb(120 120 106);
26
- --md-sys-color-outline-variant: rgb(200 199 183);
27
- --md-sys-color-shadow: rgb(0 0 0);
28
- --md-sys-color-scrim: rgb(0 0 0);
29
- --md-sys-color-inverse-surface: rgb(48 49 40);
30
- --md-sys-color-inverse-on-surface: rgb(243 241 228);
31
- --md-sys-color-inverse-primary: rgb(194 205 124);
32
- --md-sys-color-primary-fixed: rgb(223 233 149);
33
- --md-sys-color-on-primary-fixed: rgb(25 30 0);
34
- --md-sys-color-primary-fixed-dim: rgb(194 205 124);
35
- --md-sys-color-on-primary-fixed-variant: rgb(67 75 6);
36
- --md-sys-color-secondary-fixed: rgb(227 229 194);
37
- --md-sys-color-on-secondary-fixed: rgb(26 29 7);
38
- --md-sys-color-secondary-fixed-dim: rgb(198 201 167);
39
- --md-sys-color-on-secondary-fixed-variant: rgb(70 73 47);
40
- --md-sys-color-tertiary-fixed: rgb(189 236 222);
41
- --md-sys-color-on-tertiary-fixed: rgb(0 32 26);
42
- --md-sys-color-tertiary-fixed-dim: rgb(162 208 194);
43
- --md-sys-color-on-tertiary-fixed-variant: rgb(34 78 68);
44
- --md-sys-color-surface-dim: rgb(220 218 206);
45
- --md-sys-color-surface-bright: rgb(252 250 237);
46
- --md-sys-color-surface-container-lowest: rgb(255 255 255);
47
- --md-sys-color-surface-container-low: rgb(246 244 231);
48
- --md-sys-color-surface-container: rgb(240 238 225);
49
- --md-sys-color-surface-container-high: rgb(234 233 220);
50
- --md-sys-color-surface-container-highest: rgb(228 227 214);
51
- }
52
- .light-medium-contrast {
53
- --md-sys-color-primary: rgb(51 58 0);
54
- --md-sys-color-surface-tint: rgb(90 99 30);
55
- --md-sys-color-on-primary: rgb(255 255 255);
56
- --md-sys-color-primary-container: rgb(105 114 44);
57
- --md-sys-color-on-primary-container: rgb(255 255 255);
58
- --md-sys-color-secondary: rgb(53 56 31);
59
- --md-sys-color-on-secondary: rgb(255 255 255);
60
- --md-sys-color-secondary-container: rgb(108 111 82);
61
- --md-sys-color-on-secondary-container: rgb(255 255 255);
62
- --md-sys-color-tertiary: rgb(14 61 51);
63
- --md-sys-color-on-tertiary: rgb(255 255 255);
64
- --md-sys-color-tertiary-container: rgb(74 117 105);
65
- --md-sys-color-on-tertiary-container: rgb(255 255 255);
66
- --md-sys-color-error: rgb(116 0 6);
67
- --md-sys-color-on-error: rgb(255 255 255);
68
- --md-sys-color-error-container: rgb(207 44 39);
69
- --md-sys-color-on-error-container: rgb(255 255 255);
70
- --md-sys-color-background: rgb(252 250 237);
71
- --md-sys-color-on-background: rgb(27 28 20);
72
- --md-sys-color-surface: rgb(252 250 237);
73
- --md-sys-color-on-surface: rgb(17 18 11);
74
- --md-sys-color-surface-variant: rgb(228 227 210);
75
- --md-sys-color-on-surface-variant: rgb(54 55 43);
76
- --md-sys-color-outline: rgb(83 83 70);
77
- --md-sys-color-outline-variant: rgb(109 110 96);
78
- --md-sys-color-shadow: rgb(0 0 0);
79
- --md-sys-color-scrim: rgb(0 0 0);
80
- --md-sys-color-inverse-surface: rgb(48 49 40);
81
- --md-sys-color-inverse-on-surface: rgb(243 241 228);
82
- --md-sys-color-inverse-primary: rgb(194 205 124);
83
- --md-sys-color-primary-fixed: rgb(105 114 44);
84
- --md-sys-color-on-primary-fixed: rgb(255 255 255);
85
- --md-sys-color-primary-fixed-dim: rgb(81 89 21);
86
- --md-sys-color-on-primary-fixed-variant: rgb(255 255 255);
87
- --md-sys-color-secondary-fixed: rgb(108 111 82);
88
- --md-sys-color-on-secondary-fixed: rgb(255 255 255);
89
- --md-sys-color-secondary-fixed-dim: rgb(84 87 60);
90
- --md-sys-color-on-secondary-fixed-variant: rgb(255 255 255);
91
- --md-sys-color-tertiary-fixed: rgb(74 117 105);
92
- --md-sys-color-on-tertiary-fixed: rgb(255 255 255);
93
- --md-sys-color-tertiary-fixed-dim: rgb(49 93 81);
94
- --md-sys-color-on-tertiary-fixed-variant: rgb(255 255 255);
95
- --md-sys-color-surface-dim: rgb(200 199 187);
96
- --md-sys-color-surface-bright: rgb(252 250 237);
97
- --md-sys-color-surface-container-lowest: rgb(255 255 255);
98
- --md-sys-color-surface-container-low: rgb(246 244 231);
99
- --md-sys-color-surface-container: rgb(234 233 220);
100
- --md-sys-color-surface-container-high: rgb(223 221 209);
101
- --md-sys-color-surface-container-highest: rgb(211 210 198);
102
- }
103
- .light-high-contrast {
104
- --md-sys-color-primary: rgb(41 47 0);
105
- --md-sys-color-surface-tint: rgb(90 99 30);
106
- --md-sys-color-on-primary: rgb(255 255 255);
107
- --md-sys-color-primary-container: rgb(69 78 8);
108
- --md-sys-color-on-primary-container: rgb(255 255 255);
109
- --md-sys-color-secondary: rgb(43 46 22);
110
- --md-sys-color-on-secondary: rgb(255 255 255);
111
- --md-sys-color-secondary-container: rgb(72 75 49);
112
- --md-sys-color-on-secondary-container: rgb(255 255 255);
113
- --md-sys-color-tertiary: rgb(0 51 41);
114
- --md-sys-color-on-tertiary: rgb(255 255 255);
115
- --md-sys-color-tertiary-container: rgb(37 81 70);
116
- --md-sys-color-on-tertiary-container: rgb(255 255 255);
117
- --md-sys-color-error: rgb(96 0 4);
118
- --md-sys-color-on-error: rgb(255 255 255);
119
- --md-sys-color-error-container: rgb(152 0 10);
120
- --md-sys-color-on-error-container: rgb(255 255 255);
121
- --md-sys-color-background: rgb(252 250 237);
122
- --md-sys-color-on-background: rgb(27 28 20);
123
- --md-sys-color-surface: rgb(252 250 237);
124
- --md-sys-color-on-surface: rgb(0 0 0);
125
- --md-sys-color-surface-variant: rgb(228 227 210);
126
- --md-sys-color-on-surface-variant: rgb(0 0 0);
127
- --md-sys-color-outline: rgb(44 45 34);
128
- --md-sys-color-outline-variant: rgb(73 74 61);
129
- --md-sys-color-shadow: rgb(0 0 0);
130
- --md-sys-color-scrim: rgb(0 0 0);
131
- --md-sys-color-inverse-surface: rgb(48 49 40);
132
- --md-sys-color-inverse-on-surface: rgb(255 255 255);
133
- --md-sys-color-inverse-primary: rgb(194 205 124);
134
- --md-sys-color-primary-fixed: rgb(69 78 8);
135
- --md-sys-color-on-primary-fixed: rgb(255 255 255);
136
- --md-sys-color-primary-fixed-dim: rgb(47 54 0);
137
- --md-sys-color-on-primary-fixed-variant: rgb(255 255 255);
138
- --md-sys-color-secondary-fixed: rgb(72 75 49);
139
- --md-sys-color-on-secondary-fixed: rgb(255 255 255);
140
- --md-sys-color-secondary-fixed-dim: rgb(49 53 28);
141
- --md-sys-color-on-secondary-fixed-variant: rgb(255 255 255);
142
- --md-sys-color-tertiary-fixed: rgb(37 81 70);
143
- --md-sys-color-on-tertiary-fixed: rgb(255 255 255);
144
- --md-sys-color-tertiary-fixed-dim: rgb(9 58 48);
145
- --md-sys-color-on-tertiary-fixed-variant: rgb(255 255 255);
146
- --md-sys-color-surface-dim: rgb(186 185 173);
147
- --md-sys-color-surface-bright: rgb(252 250 237);
148
- --md-sys-color-surface-container-lowest: rgb(255 255 255);
149
- --md-sys-color-surface-container-low: rgb(243 241 228);
150
- --md-sys-color-surface-container: rgb(228 227 214);
151
- --md-sys-color-surface-container-high: rgb(214 213 200);
152
- --md-sys-color-surface-container-highest: rgb(200 199 187);
153
- }
154
- .dark {
155
- --md-sys-color-primary: rgb(194 205 124);
156
- --md-sys-color-surface-tint: rgb(194 205 124);
157
- --md-sys-color-on-primary: rgb(45 52 0);
158
- --md-sys-color-primary-container: rgb(67 75 6);
159
- --md-sys-color-on-primary-container: rgb(223 233 149);
160
- --md-sys-color-secondary: rgb(198 201 167);
161
- --md-sys-color-on-secondary: rgb(47 50 26);
162
- --md-sys-color-secondary-container: rgb(70 73 47);
163
- --md-sys-color-on-secondary-container: rgb(227 229 194);
164
- --md-sys-color-tertiary: rgb(162 208 194);
165
- --md-sys-color-on-tertiary: rgb(6 55 46);
166
- --md-sys-color-tertiary-container: rgb(34 78 68);
167
- --md-sys-color-on-tertiary-container: rgb(189 236 222);
168
- --md-sys-color-error: rgb(255 180 171);
169
- --md-sys-color-on-error: rgb(105 0 5);
170
- --md-sys-color-error-container: rgb(147 0 10);
171
- --md-sys-color-on-error-container: rgb(255 218 214);
172
- --md-sys-color-background: rgb(19 20 13);
173
- --md-sys-color-on-background: rgb(228 227 214);
174
- --md-sys-color-surface: rgb(19 20 13);
175
- --md-sys-color-on-surface: rgb(228 227 214);
176
- --md-sys-color-surface-variant: rgb(71 72 59);
177
- --md-sys-color-on-surface-variant: rgb(200 199 183);
178
- --md-sys-color-outline: rgb(145 146 131);
179
- --md-sys-color-outline-variant: rgb(71 72 59);
180
- --md-sys-color-shadow: rgb(0 0 0);
181
- --md-sys-color-scrim: rgb(0 0 0);
182
- --md-sys-color-inverse-surface: rgb(228 227 214);
183
- --md-sys-color-inverse-on-surface: rgb(48 49 40);
184
- --md-sys-color-inverse-primary: rgb(90 99 30);
185
- --md-sys-color-primary-fixed: rgb(223 233 149);
186
- --md-sys-color-on-primary-fixed: rgb(25 30 0);
187
- --md-sys-color-primary-fixed-dim: rgb(194 205 124);
188
- --md-sys-color-on-primary-fixed-variant: rgb(67 75 6);
189
- --md-sys-color-secondary-fixed: rgb(227 229 194);
190
- --md-sys-color-on-secondary-fixed: rgb(26 29 7);
191
- --md-sys-color-secondary-fixed-dim: rgb(198 201 167);
192
- --md-sys-color-on-secondary-fixed-variant: rgb(70 73 47);
193
- --md-sys-color-tertiary-fixed: rgb(189 236 222);
194
- --md-sys-color-on-tertiary-fixed: rgb(0 32 26);
195
- --md-sys-color-tertiary-fixed-dim: rgb(162 208 194);
196
- --md-sys-color-on-tertiary-fixed-variant: rgb(34 78 68);
197
- --md-sys-color-surface-dim: rgb(19 20 13);
198
- --md-sys-color-surface-bright: rgb(57 58 49);
199
- --md-sys-color-surface-container-lowest: rgb(14 15 8);
200
- --md-sys-color-surface-container-low: rgb(27 28 20);
201
- --md-sys-color-surface-container: rgb(31 32 24);
202
- --md-sys-color-surface-container-high: rgb(42 43 34);
203
- --md-sys-color-surface-container-highest: rgb(53 53 45);
204
- }
205
- .dark-medium-contrast {
206
- --md-sys-color-primary: rgb(216 227 144);
207
- --md-sys-color-surface-tint: rgb(194 205 124);
208
- --md-sys-color-on-primary: rgb(35 40 0);
209
- --md-sys-color-primary-container: rgb(141 151 76);
210
- --md-sys-color-on-primary-container: rgb(0 0 0);
211
- --md-sys-color-secondary: rgb(220 223 188);
212
- --md-sys-color-on-secondary: rgb(36 39 16);
213
- --md-sys-color-secondary-container: rgb(144 147 116);
214
- --md-sys-color-on-secondary-container: rgb(0 0 0);
215
- --md-sys-color-tertiary: rgb(183 230 216);
216
- --md-sys-color-on-tertiary: rgb(0 44 35);
217
- --md-sys-color-tertiary-container: rgb(109 154 141);
218
- --md-sys-color-on-tertiary-container: rgb(0 0 0);
219
- --md-sys-color-error: rgb(255 210 204);
220
- --md-sys-color-on-error: rgb(84 0 3);
221
- --md-sys-color-error-container: rgb(255 84 73);
222
- --md-sys-color-on-error-container: rgb(0 0 0);
223
- --md-sys-color-background: rgb(19 20 13);
224
- --md-sys-color-on-background: rgb(228 227 214);
225
- --md-sys-color-surface: rgb(19 20 13);
226
- --md-sys-color-on-surface: rgb(255 255 255);
227
- --md-sys-color-surface-variant: rgb(71 72 59);
228
- --md-sys-color-on-surface-variant: rgb(222 221 204);
229
- --md-sys-color-outline: rgb(179 179 163);
230
- --md-sys-color-outline-variant: rgb(145 145 130);
231
- --md-sys-color-shadow: rgb(0 0 0);
232
- --md-sys-color-scrim: rgb(0 0 0);
233
- --md-sys-color-inverse-surface: rgb(228 227 214);
234
- --md-sys-color-inverse-on-surface: rgb(42 43 34);
235
- --md-sys-color-inverse-primary: rgb(68 76 7);
236
- --md-sys-color-primary-fixed: rgb(223 233 149);
237
- --md-sys-color-on-primary-fixed: rgb(16 19 0);
238
- --md-sys-color-primary-fixed-dim: rgb(194 205 124);
239
- --md-sys-color-on-primary-fixed-variant: rgb(51 58 0);
240
- --md-sys-color-secondary-fixed: rgb(227 229 194);
241
- --md-sys-color-on-secondary-fixed: rgb(16 19 1);
242
- --md-sys-color-secondary-fixed-dim: rgb(198 201 167);
243
- --md-sys-color-on-secondary-fixed-variant: rgb(53 56 31);
244
- --md-sys-color-tertiary-fixed: rgb(189 236 222);
245
- --md-sys-color-on-tertiary-fixed: rgb(0 21 16);
246
- --md-sys-color-tertiary-fixed-dim: rgb(162 208 194);
247
- --md-sys-color-on-tertiary-fixed-variant: rgb(14 61 51);
248
- --md-sys-color-surface-dim: rgb(19 20 13);
249
- --md-sys-color-surface-bright: rgb(69 69 60);
250
- --md-sys-color-surface-container-lowest: rgb(7 8 3);
251
- --md-sys-color-surface-container-low: rgb(29 30 22);
252
- --md-sys-color-surface-container: rgb(40 40 32);
253
- --md-sys-color-surface-container-high: rgb(51 51 43);
254
- --md-sys-color-surface-container-highest: rgb(62 62 53);
255
- }
256
- .dark-high-contrast {
257
- --md-sys-color-primary: rgb(236 247 161);
258
- --md-sys-color-surface-tint: rgb(194 205 124);
259
- --md-sys-color-on-primary: rgb(0 0 0);
260
- --md-sys-color-primary-container: rgb(191 201 120);
261
- --md-sys-color-on-primary-container: rgb(10 13 0);
262
- --md-sys-color-secondary: rgb(240 243 207);
263
- --md-sys-color-on-secondary: rgb(0 0 0);
264
- --md-sys-color-secondary-container: rgb(194 197 163);
265
- --md-sys-color-on-secondary-container: rgb(10 13 0);
266
- --md-sys-color-tertiary: rgb(203 250 235);
267
- --md-sys-color-on-tertiary: rgb(0 0 0);
268
- --md-sys-color-tertiary-container: rgb(158 204 190);
269
- --md-sys-color-on-tertiary-container: rgb(0 14 10);
270
- --md-sys-color-error: rgb(255 236 233);
271
- --md-sys-color-on-error: rgb(0 0 0);
272
- --md-sys-color-error-container: rgb(255 174 164);
273
- --md-sys-color-on-error-container: rgb(34 0 1);
274
- --md-sys-color-background: rgb(19 20 13);
275
- --md-sys-color-on-background: rgb(228 227 214);
276
- --md-sys-color-surface: rgb(19 20 13);
277
- --md-sys-color-on-surface: rgb(255 255 255);
278
- --md-sys-color-surface-variant: rgb(71 72 59);
279
- --md-sys-color-on-surface-variant: rgb(255 255 255);
280
- --md-sys-color-outline: rgb(242 241 223);
281
- --md-sys-color-outline-variant: rgb(196 195 179);
282
- --md-sys-color-shadow: rgb(0 0 0);
283
- --md-sys-color-scrim: rgb(0 0 0);
284
- --md-sys-color-inverse-surface: rgb(228 227 214);
285
- --md-sys-color-inverse-on-surface: rgb(0 0 0);
286
- --md-sys-color-inverse-primary: rgb(68 76 7);
287
- --md-sys-color-primary-fixed: rgb(223 233 149);
288
- --md-sys-color-on-primary-fixed: rgb(0 0 0);
289
- --md-sys-color-primary-fixed-dim: rgb(194 205 124);
290
- --md-sys-color-on-primary-fixed-variant: rgb(16 19 0);
291
- --md-sys-color-secondary-fixed: rgb(227 229 194);
292
- --md-sys-color-on-secondary-fixed: rgb(0 0 0);
293
- --md-sys-color-secondary-fixed-dim: rgb(198 201 167);
294
- --md-sys-color-on-secondary-fixed-variant: rgb(16 19 1);
295
- --md-sys-color-tertiary-fixed: rgb(189 236 222);
296
- --md-sys-color-on-tertiary-fixed: rgb(0 0 0);
297
- --md-sys-color-tertiary-fixed-dim: rgb(162 208 194);
298
- --md-sys-color-on-tertiary-fixed-variant: rgb(0 21 16);
299
- --md-sys-color-surface-dim: rgb(19 20 13);
300
- --md-sys-color-surface-bright: rgb(80 81 71);
301
- --md-sys-color-surface-container-lowest: rgb(0 0 0);
302
- --md-sys-color-surface-container-low: rgb(31 32 24);
303
- --md-sys-color-surface-container: rgb(48 49 40);
304
- --md-sys-color-surface-container-high: rgb(60 60 51);
305
- --md-sys-color-surface-container-highest: rgb(71 71 62);
306
- }