@sandlada/material-design-css 2.3.0-20250927.b → 2.3.0-20250927.c

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 (8) hide show
  1. package/package.json +1 -1
  2. package/prebuild-color/cold-blue.css +52 -52
  3. package/prebuild-color/cold-purple.css +50 -50
  4. package/prebuild-color/monochrome-high-contrast.css +47 -47
  5. package/prebuild-color/monochrome-low-contrast.css +47 -47
  6. package/prebuild-color/monochrome.css +35 -35
  7. package/prebuild-color/orange.css +51 -51
  8. package/prebuild-color/viridian.css +52 -52
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name" : "@sandlada/material-design-css",
3
- "version" : "2.3.0-20250927.b",
3
+ "version" : "2.3.0-20250927.c",
4
4
  "description": "A ready-made npm package for a collection of css styles in the material design style.",
5
5
  "license" : "MIT",
6
6
  "author" : "Sandlada & Kai-Orion",
package/prebuild-color/cold-blue.css CHANGED
@@ -1,58 +1,58 @@
1
1
  @layer material-design-system.color.variable {
2
2
  :root {
3
- --md-sys-color-primary-palette-key-color : light-dark(#6b7986, #6b7986);
4
- --md-sys-color-secondary-palette-key-color : light-dark(#72777d, #72777d);
5
- --md-sys-color-tertiary-palette-key-color : light-dark(#ddbca7, #ddbca7);
6
- --md-sys-color-neutral-palette-key-color : light-dark(#787778, #787778);
7
- --md-sys-color-neutral-variant-palette-key-color: light-dark(#74777c, #74777c);
8
- --md-sys-color-background : light-dark(#fbf9f9, #fbf9f9);
9
- --md-sys-color-on-background : light-dark(#1b1c1c, #1b1c1c);
10
- --md-sys-color-surface : light-dark(#fbf9f9, #fbf9f9);
11
- --md-sys-color-surface-dim : light-dark(#dbd9da, #dbd9da);
12
- --md-sys-color-surface-bright : light-dark(#fbf9f9, #fbf9f9);
13
- --md-sys-color-surface-container-lowest : light-dark(#ffffff, #ffffff);
14
- --md-sys-color-surface-container-low : light-dark(#f5f3f4, #f5f3f4);
15
- --md-sys-color-surface-container : light-dark(#f0edee, #f0edee);
16
- --md-sys-color-surface-container-high : light-dark(#eae7e8, #eae7e8);
17
- --md-sys-color-surface-container-highest : light-dark(#e4e2e3, #e4e2e3);
18
- --md-sys-color-on-surface : light-dark(#1b1c1c, #1b1c1c);
19
- --md-sys-color-surface-variant : light-dark(#e0e2e8, #e0e2e8);
20
- --md-sys-color-on-surface-variant : light-dark(#44474b, #44474b);
21
- --md-sys-color-inverse-surface : light-dark(#303031, #303031);
22
- --md-sys-color-inverse-on-surface : light-dark(#f2f0f1, #f2f0f1);
23
- --md-sys-color-outline : light-dark(#74777c, #74777c);
24
- --md-sys-color-outline-variant : light-dark(#c4c7cc, #c4c7cc);
3
+ --md-sys-color-primary-palette-key-color : light-dark(#387f9d, #387f9d);
4
+ --md-sys-color-secondary-palette-key-color : light-dark(#667a85, #667a85);
5
+ --md-sys-color-tertiary-palette-key-color : light-dark(#777397, #777397);
6
+ --md-sys-color-neutral-palette-key-color : light-dark(#73787b, #73787b);
7
+ --md-sys-color-neutral-variant-palette-key-color: light-dark(#70787d, #70787d);
8
+ --md-sys-color-background : light-dark(#f6fafe, #0f1417);
9
+ --md-sys-color-on-background : light-dark(#171c1f, #dfe3e7);
10
+ --md-sys-color-surface : light-dark(#f6fafe, #0f1417);
11
+ --md-sys-color-surface-dim : light-dark(#d6dbde, #0f1417);
12
+ --md-sys-color-surface-bright : light-dark(#f6fafe, #353a3d);
13
+ --md-sys-color-surface-container-lowest : light-dark(#ffffff, #0a0f12);
14
+ --md-sys-color-surface-container-low : light-dark(#f0f4f8, #171c1f);
15
+ --md-sys-color-surface-container : light-dark(#eaeef2, #1b2023);
16
+ --md-sys-color-surface-container-high : light-dark(#e4e9ec, #262b2e);
17
+ --md-sys-color-surface-container-highest : light-dark(#dfe3e7, #303538);
18
+ --md-sys-color-on-surface : light-dark(#171c1f, #dfe3e7);
19
+ --md-sys-color-surface-variant : light-dark(#dce3e9, #40484c);
20
+ --md-sys-color-on-surface-variant : light-dark(#40484c, #c0c8cd);
21
+ --md-sys-color-inverse-surface : light-dark(#2c3134, #dfe3e7);
22
+ --md-sys-color-inverse-on-surface : light-dark(#edf1f5, #2c3134);
23
+ --md-sys-color-outline : light-dark(#70787d, #8a9297);
24
+ --md-sys-color-outline-variant : light-dark(#c0c8cd, #40484c);
25
25
  --md-sys-color-shadow : light-dark(#000000, #000000);
26
26
  --md-sys-color-scrim : light-dark(#000000, #000000);
27
- --md-sys-color-surface-tint : light-dark(#52606d, #52606d);
28
- --md-sys-color-primary : light-dark(#52606d, #52606d);
29
- --md-sys-color-on-primary : light-dark(#ffffff, #ffffff);
30
- --md-sys-color-primary-container : light-dark(#b6c4d3, #b6c4d3);
31
- --md-sys-color-on-primary-container : light-dark(#44515e, #44515e);
32
- --md-sys-color-inverse-primary : light-dark(#bac8d7, #bac8d7);
33
- --md-sys-color-secondary : light-dark(#5a5f65, #5a5f65);
34
- --md-sys-color-on-secondary : light-dark(#ffffff, #ffffff);
35
- --md-sys-color-secondary-container : light-dark(#dce0e7, #dce0e7);
36
- --md-sys-color-on-secondary-container : light-dark(#5e6369, #5e6369);
37
- --md-sys-color-tertiary : light-dark(#735948, #735948);
38
- --md-sys-color-on-tertiary : light-dark(#ffffff, #ffffff);
39
- --md-sys-color-tertiary-container : light-dark(#ddbca7, #ddbca7);
40
- --md-sys-color-on-tertiary-container : light-dark(#634b3a, #634b3a);
41
- --md-sys-color-error : light-dark(#ba1a1a, #ba1a1a);
42
- --md-sys-color-on-error : light-dark(#ffffff, #ffffff);
43
- --md-sys-color-error-container : light-dark(#ffdad6, #ffdad6);
44
- --md-sys-color-on-error-container : light-dark(#93000a, #93000a);
45
- --md-sys-color-primary-fixed : light-dark(#d6e4f4, #d6e4f4);
46
- --md-sys-color-primary-fixed-dim : light-dark(#bac8d7, #bac8d7);
47
- --md-sys-color-on-primary-fixed : light-dark(#0f1d28, #0f1d28);
48
- --md-sys-color-on-primary-fixed-variant : light-dark(#3b4855, #3b4855);
49
- --md-sys-color-secondary-fixed : light-dark(#dfe3e9, #dfe3e9);
50
- --md-sys-color-secondary-fixed-dim : light-dark(#c2c7cd, #c2c7cd);
51
- --md-sys-color-on-secondary-fixed : light-dark(#171c21, #171c21);
52
- --md-sys-color-on-secondary-fixed-variant : light-dark(#42474d, #42474d);
53
- --md-sys-color-tertiary-fixed : light-dark(#ffdcc6, #ffdcc6);
54
- --md-sys-color-tertiary-fixed-dim : light-dark(#e1c0ab, #e1c0ab);
55
- --md-sys-color-on-tertiary-fixed : light-dark(#29170a, #29170a);
56
- --md-sys-color-on-tertiary-fixed-variant : light-dark(#594232, #594232);
27
+ --md-sys-color-surface-tint : light-dark(#146683, #8ccff0);
28
+ --md-sys-color-primary : light-dark(#146683, #8ccff0);
29
+ --md-sys-color-on-primary : light-dark(#ffffff, #003547);
30
+ --md-sys-color-primary-container : light-dark(#bfe9ff, #004d65);
31
+ --md-sys-color-on-primary-container : light-dark(#004d65, #bfe9ff);
32
+ --md-sys-color-inverse-primary : light-dark(#8ccff0, #146683);
33
+ --md-sys-color-secondary : light-dark(#4d616c, #b4cad6);
34
+ --md-sys-color-on-secondary : light-dark(#ffffff, #1f333d);
35
+ --md-sys-color-secondary-container : light-dark(#d0e6f2, #364954);
36
+ --md-sys-color-on-secondary-container : light-dark(#364954, #d0e6f2);
37
+ --md-sys-color-tertiary : light-dark(#5e5b7d, #c7c2ea);
38
+ --md-sys-color-on-tertiary : light-dark(#ffffff, #2f2d4c);
39
+ --md-sys-color-tertiary-container : light-dark(#e4dfff, #464364);
40
+ --md-sys-color-on-tertiary-container : light-dark(#464364, #e4dfff);
41
+ --md-sys-color-error : light-dark(#ba1a1a, #ffb4ab);
42
+ --md-sys-color-on-error : light-dark(#ffffff, #690005);
43
+ --md-sys-color-error-container : light-dark(#ffdad6, #93000a);
44
+ --md-sys-color-on-error-container : light-dark(#93000a, #ffdad6);
45
+ --md-sys-color-primary-fixed : light-dark(#bfe9ff, #bfe9ff);
46
+ --md-sys-color-primary-fixed-dim : light-dark(#8ccff0, #8ccff0);
47
+ --md-sys-color-on-primary-fixed : light-dark(#001f2a, #001f2a);
48
+ --md-sys-color-on-primary-fixed-variant : light-dark(#004d65, #004d65);
49
+ --md-sys-color-secondary-fixed : light-dark(#d0e6f2, #d0e6f2);
50
+ --md-sys-color-secondary-fixed-dim : light-dark(#b4cad6, #b4cad6);
51
+ --md-sys-color-on-secondary-fixed : light-dark(#081e27, #081e27);
52
+ --md-sys-color-on-secondary-fixed-variant : light-dark(#364954, #364954);
53
+ --md-sys-color-tertiary-fixed : light-dark(#e4dfff, #e4dfff);
54
+ --md-sys-color-tertiary-fixed-dim : light-dark(#c7c2ea, #c7c2ea);
55
+ --md-sys-color-on-tertiary-fixed : light-dark(#1a1836, #1a1836);
56
+ --md-sys-color-on-tertiary-fixed-variant : light-dark(#464364, #464364);
57
57
  }
58
58
  }
package/prebuild-color/cold-purple.css CHANGED
@@ -1,58 +1,58 @@
1
1
  @layer material-design-system.color.variable {
2
2
  :root {
3
- --md-sys-color-primary-palette-key-color : light-dark(#6f72ac, #6f72ac);
4
- --md-sys-color-secondary-palette-key-color : light-dark(#75758b, #75758b);
5
- --md-sys-color-tertiary-palette-key-color : light-dark(#936b83, #936b83);
3
+ --md-sys-color-primary-palette-key-color : light-dark(#6a6ec9, #6a6ec9);
4
+ --md-sys-color-secondary-palette-key-color : light-dark(#73749a, #73749a);
5
+ --md-sys-color-tertiary-palette-key-color : light-dark(#7a4100, #7a4100);
6
6
  --md-sys-color-neutral-palette-key-color : light-dark(#78767d, #78767d);
7
- --md-sys-color-neutral-variant-palette-key-color: light-dark(#777680, #777680);
8
- --md-sys-color-background : light-dark(#fbf8ff, #fbf8ff);
9
- --md-sys-color-on-background : light-dark(#1b1b21, #1b1b21);
10
- --md-sys-color-surface : light-dark(#fbf8ff, #fbf8ff);
11
- --md-sys-color-surface-dim : light-dark(#dcd9e0, #dcd9e0);
12
- --md-sys-color-surface-bright : light-dark(#fbf8ff, #fbf8ff);
13
- --md-sys-color-surface-container-lowest : light-dark(#ffffff, #ffffff);
14
- --md-sys-color-surface-container-low : light-dark(#f6f2fa, #f6f2fa);
15
- --md-sys-color-surface-container : light-dark(#f0ecf4, #f0ecf4);
16
- --md-sys-color-surface-container-high : light-dark(#eae7ef, #eae7ef);
17
- --md-sys-color-surface-container-highest : light-dark(#e4e1e9, #e4e1e9);
18
- --md-sys-color-on-surface : light-dark(#1b1b21, #1b1b21);
19
- --md-sys-color-surface-variant : light-dark(#e4e1ec, #e4e1ec);
20
- --md-sys-color-on-surface-variant : light-dark(#46464f, #46464f);
21
- --md-sys-color-inverse-surface : light-dark(#303036, #303036);
22
- --md-sys-color-inverse-on-surface : light-dark(#f3eff7, #f3eff7);
23
- --md-sys-color-outline : light-dark(#777680, #777680);
24
- --md-sys-color-outline-variant : light-dark(#c7c5d0, #c7c5d0);
7
+ --md-sys-color-neutral-variant-palette-key-color: light-dark(#777683, #777683);
8
+ --md-sys-color-background : light-dark(#fcf8ff, #131319);
9
+ --md-sys-color-on-background : light-dark(#1b1b21, #e4e1e9);
10
+ --md-sys-color-surface : light-dark(#fcf8ff, #131319);
11
+ --md-sys-color-surface-dim : light-dark(#dcd9e1, #131319);
12
+ --md-sys-color-surface-bright : light-dark(#fcf8ff, #39383f);
13
+ --md-sys-color-surface-container-lowest : light-dark(#ffffff, #0e0e13);
14
+ --md-sys-color-surface-container-low : light-dark(#f6f2fb, #1b1b21);
15
+ --md-sys-color-surface-container : light-dark(#f0ecf5, #1f1f25);
16
+ --md-sys-color-surface-container-high : light-dark(#eae7ef, #2a2930);
17
+ --md-sys-color-surface-container-highest : light-dark(#e4e1e9, #35343a);
18
+ --md-sys-color-on-surface : light-dark(#1b1b21, #e4e1e9);
19
+ --md-sys-color-surface-variant : light-dark(#e3e1f0, #464652);
20
+ --md-sys-color-on-surface-variant : light-dark(#464652, #c7c5d3);
21
+ --md-sys-color-inverse-surface : light-dark(#303036, #e4e1e9);
22
+ --md-sys-color-inverse-on-surface : light-dark(#f3eff8, #303036);
23
+ --md-sys-color-outline : light-dark(#777683, #918f9d);
24
+ --md-sys-color-outline-variant : light-dark(#c7c5d3, #464652);
25
25
  --md-sys-color-shadow : light-dark(#000000, #000000);
26
26
  --md-sys-color-scrim : light-dark(#000000, #000000);
27
- --md-sys-color-surface-tint : light-dark(#565992, #565992);
28
- --md-sys-color-primary : light-dark(#565992, #565992);
29
- --md-sys-color-on-primary : light-dark(#ffffff, #ffffff);
30
- --md-sys-color-primary-container : light-dark(#e1e0ff, #e1e0ff);
31
- --md-sys-color-on-primary-container : light-dark(#3f4178, #3f4178);
32
- --md-sys-color-inverse-primary : light-dark(#bfc1ff, #bfc1ff);
33
- --md-sys-color-secondary : light-dark(#5c5d72, #5c5d72);
34
- --md-sys-color-on-secondary : light-dark(#ffffff, #ffffff);
35
- --md-sys-color-secondary-container : light-dark(#e2e0f9, #e2e0f9);
36
- --md-sys-color-on-secondary-container : light-dark(#454559, #454559);
37
- --md-sys-color-tertiary : light-dark(#79536a, #79536a);
38
- --md-sys-color-on-tertiary : light-dark(#ffffff, #ffffff);
39
- --md-sys-color-tertiary-container : light-dark(#ffd8ed, #ffd8ed);
40
- --md-sys-color-on-tertiary-container : light-dark(#5f3c52, #5f3c52);
41
- --md-sys-color-error : light-dark(#ba1a1a, #ba1a1a);
42
- --md-sys-color-on-error : light-dark(#ffffff, #ffffff);
43
- --md-sys-color-error-container : light-dark(#ffdad6, #ffdad6);
44
- --md-sys-color-on-error-container : light-dark(#93000a, #93000a);
27
+ --md-sys-color-surface-tint : light-dark(#5155ae, #c0c1ff);
28
+ --md-sys-color-primary : light-dark(#2a2c86, #c0c1ff);
29
+ --md-sys-color-on-primary : light-dark(#ffffff, #21237d);
30
+ --md-sys-color-primary-container : light-dark(#42459e, #42459e);
31
+ --md-sys-color-on-primary-container : light-dark(#babcff, #babcff);
32
+ --md-sys-color-inverse-primary : light-dark(#c0c1ff, #5155ae);
33
+ --md-sys-color-secondary : light-dark(#5a5b80, #c3c3ed);
34
+ --md-sys-color-on-secondary : light-dark(#ffffff, #2c2d4f);
35
+ --md-sys-color-secondary-container : light-dark(#d1d1fb, #424467);
36
+ --md-sys-color-on-secondary-container : light-dark(#57587d, #b1b2db);
37
+ --md-sys-color-tertiary : light-dark(#592e00, #ffb77b);
38
+ --md-sys-color-on-tertiary : light-dark(#ffffff, #4d2700);
39
+ --md-sys-color-tertiary-container : light-dark(#7a4100, #7a4100);
40
+ --md-sys-color-on-tertiary-container : light-dark(#ffb16e, #ffb16e);
41
+ --md-sys-color-error : light-dark(#ba1a1a, #ffb4ab);
42
+ --md-sys-color-on-error : light-dark(#ffffff, #690005);
43
+ --md-sys-color-error-container : light-dark(#ffdad6, #93000a);
44
+ --md-sys-color-on-error-container : light-dark(#93000a, #ffdad6);
45
45
  --md-sys-color-primary-fixed : light-dark(#e1e0ff, #e1e0ff);
46
- --md-sys-color-primary-fixed-dim : light-dark(#bfc1ff, #bfc1ff);
47
- --md-sys-color-on-primary-fixed : light-dark(#12144b, #12144b);
48
- --md-sys-color-on-primary-fixed-variant : light-dark(#3f4178, #3f4178);
49
- --md-sys-color-secondary-fixed : light-dark(#e2e0f9, #e2e0f9);
50
- --md-sys-color-secondary-fixed-dim : light-dark(#c5c4dd, #c5c4dd);
51
- --md-sys-color-on-secondary-fixed : light-dark(#191a2c, #191a2c);
52
- --md-sys-color-on-secondary-fixed-variant : light-dark(#454559, #454559);
53
- --md-sys-color-tertiary-fixed : light-dark(#ffd8ed, #ffd8ed);
54
- --md-sys-color-tertiary-fixed-dim : light-dark(#e8b9d4, #e8b9d4);
55
- --md-sys-color-on-tertiary-fixed : light-dark(#2e1125, #2e1125);
56
- --md-sys-color-on-tertiary-fixed-variant : light-dark(#5f3c52, #5f3c52);
46
+ --md-sys-color-primary-fixed-dim : light-dark(#c0c1ff, #c0c1ff);
47
+ --md-sys-color-on-primary-fixed : light-dark(#06016b, #06016b);
48
+ --md-sys-color-on-primary-fixed-variant : light-dark(#393c95, #393c95);
49
+ --md-sys-color-secondary-fixed : light-dark(#e1e0ff, #e1e0ff);
50
+ --md-sys-color-secondary-fixed-dim : light-dark(#c3c3ed, #c3c3ed);
51
+ --md-sys-color-on-secondary-fixed : light-dark(#171839, #171839);
52
+ --md-sys-color-on-secondary-fixed-variant : light-dark(#424467, #424467);
53
+ --md-sys-color-tertiary-fixed : light-dark(#ffdcc2, #ffdcc2);
54
+ --md-sys-color-tertiary-fixed-dim : light-dark(#ffb77b, #ffb77b);
55
+ --md-sys-color-on-tertiary-fixed : light-dark(#2e1500, #2e1500);
56
+ --md-sys-color-on-tertiary-fixed-variant : light-dark(#6d3a00, #6d3a00);
57
57
  }
58
58
  }
package/prebuild-color/monochrome-high-contrast.css CHANGED
@@ -5,54 +5,54 @@
5
5
  --md-sys-color-tertiary-palette-key-color : light-dark(#777777, #777777);
6
6
  --md-sys-color-neutral-palette-key-color : light-dark(#777777, #777777);
7
7
  --md-sys-color-neutral-variant-palette-key-color: light-dark(#777777, #777777);
8
- --md-sys-color-background : light-dark(#f9f9f9, #f9f9f9);
9
- --md-sys-color-on-background : light-dark(#1b1b1b, #1b1b1b);
10
- --md-sys-color-surface : light-dark(#f9f9f9, #f9f9f9);
11
- --md-sys-color-surface-dim : light-dark(#b9b9b9, #b9b9b9);
12
- --md-sys-color-surface-bright : light-dark(#f9f9f9, #f9f9f9);
13
- --md-sys-color-surface-container-lowest : light-dark(#ffffff, #ffffff);
14
- --md-sys-color-surface-container-low : light-dark(#f1f1f1, #f1f1f1);
15
- --md-sys-color-surface-container : light-dark(#e2e2e2, #e2e2e2);
16
- --md-sys-color-surface-container-high : light-dark(#d4d4d4, #d4d4d4);
17
- --md-sys-color-surface-container-highest : light-dark(#c6c6c6, #c6c6c6);
18
- --md-sys-color-on-surface : light-dark(#000000, #000000);
19
- --md-sys-color-surface-variant : light-dark(#e2e2e2, #e2e2e2);
20
- --md-sys-color-on-surface-variant : light-dark(#000000, #000000);
21
- --md-sys-color-inverse-surface : light-dark(#303030, #303030);
22
- --md-sys-color-inverse-on-surface : light-dark(#ffffff, #ffffff);
23
- --md-sys-color-outline : light-dark(#2c2c2c, #2c2c2c);
24
- --md-sys-color-outline-variant : light-dark(#494949, #494949);
8
+ --md-sys-color-background : light-dark(#f9f9f9, #131313);
9
+ --md-sys-color-on-background : light-dark(#1b1b1b, #e2e2e2);
10
+ --md-sys-color-surface : light-dark(#f9f9f9, #131313);
11
+ --md-sys-color-surface-dim : light-dark(#b9b9b9, #131313);
12
+ --md-sys-color-surface-bright : light-dark(#f9f9f9, #505050);
13
+ --md-sys-color-surface-container-lowest : light-dark(#ffffff, #000000);
14
+ --md-sys-color-surface-container-low : light-dark(#f1f1f1, #1f1f1f);
15
+ --md-sys-color-surface-container : light-dark(#e2e2e2, #303030);
16
+ --md-sys-color-surface-container-high : light-dark(#d4d4d4, #3b3b3b);
17
+ --md-sys-color-surface-container-highest : light-dark(#c6c6c6, #474747);
18
+ --md-sys-color-on-surface : light-dark(#000000, #ffffff);
19
+ --md-sys-color-surface-variant : light-dark(#e2e2e2, #474747);
20
+ --md-sys-color-on-surface-variant : light-dark(#000000, #ffffff);
21
+ --md-sys-color-inverse-surface : light-dark(#303030, #e2e2e2);
22
+ --md-sys-color-inverse-on-surface : light-dark(#ffffff, #000000);
23
+ --md-sys-color-outline : light-dark(#2c2c2c, #f0f0f0);
24
+ --md-sys-color-outline-variant : light-dark(#494949, #c2c2c2);
25
25
  --md-sys-color-shadow : light-dark(#000000, #000000);
26
26
  --md-sys-color-scrim : light-dark(#000000, #000000);
27
- --md-sys-color-surface-tint : light-dark(#5e5e5e, #5e5e5e);
28
- --md-sys-color-primary : light-dark(#000000, #000000);
29
- --md-sys-color-on-primary : light-dark(#ffffff, #ffffff);
30
- --md-sys-color-primary-container : light-dark(#3b3b3b, #3b3b3b);
31
- --md-sys-color-on-primary-container : light-dark(#ffffff, #ffffff);
32
- --md-sys-color-inverse-primary : light-dark(#c6c6c6, #c6c6c6);
33
- --md-sys-color-secondary : light-dark(#2c2c2c, #2c2c2c);
34
- --md-sys-color-on-secondary : light-dark(#ffffff, #ffffff);
35
- --md-sys-color-secondary-container : light-dark(#494949, #494949);
36
- --md-sys-color-on-secondary-container : light-dark(#ffffff, #ffffff);
37
- --md-sys-color-tertiary : light-dark(#2c2c2c, #2c2c2c);
38
- --md-sys-color-on-tertiary : light-dark(#ffffff, #ffffff);
39
- --md-sys-color-tertiary-container : light-dark(#494949, #494949);
40
- --md-sys-color-on-tertiary-container : light-dark(#ffffff, #ffffff);
41
- --md-sys-color-error : light-dark(#600004, #600004);
42
- --md-sys-color-on-error : light-dark(#ffffff, #ffffff);
43
- --md-sys-color-error-container : light-dark(#98000a, #98000a);
44
- --md-sys-color-on-error-container : light-dark(#ffffff, #ffffff);
45
- --md-sys-color-primary-fixed : light-dark(#494949, #494949);
46
- --md-sys-color-primary-fixed-dim : light-dark(#333333, #333333);
47
- --md-sys-color-on-primary-fixed : light-dark(#ffffff, #ffffff);
48
- --md-sys-color-on-primary-fixed-variant : light-dark(#ffffff, #ffffff);
49
- --md-sys-color-secondary-fixed : light-dark(#494949, #494949);
50
- --md-sys-color-secondary-fixed-dim : light-dark(#333333, #333333);
51
- --md-sys-color-on-secondary-fixed : light-dark(#ffffff, #ffffff);
52
- --md-sys-color-on-secondary-fixed-variant : light-dark(#ffffff, #ffffff);
53
- --md-sys-color-tertiary-fixed : light-dark(#494949, #494949);
54
- --md-sys-color-tertiary-fixed-dim : light-dark(#333333, #333333);
55
- --md-sys-color-on-tertiary-fixed : light-dark(#ffffff, #ffffff);
56
- --md-sys-color-on-tertiary-fixed-variant : light-dark(#ffffff, #ffffff);
27
+ --md-sys-color-surface-tint : light-dark(#5e5e5e, #c6c6c6);
28
+ --md-sys-color-primary : light-dark(#000000, #ffffff);
29
+ --md-sys-color-on-primary : light-dark(#ffffff, #000000);
30
+ --md-sys-color-primary-container : light-dark(#3b3b3b, #d4d4d4);
31
+ --md-sys-color-on-primary-container : light-dark(#ffffff, #000000);
32
+ --md-sys-color-inverse-primary : light-dark(#c6c6c6, #484848);
33
+ --md-sys-color-secondary : light-dark(#2c2c2c, #f0f0f0);
34
+ --md-sys-color-on-secondary : light-dark(#ffffff, #000000);
35
+ --md-sys-color-secondary-container : light-dark(#494949, #c2c2c2);
36
+ --md-sys-color-on-secondary-container : light-dark(#ffffff, #0b0b0b);
37
+ --md-sys-color-tertiary : light-dark(#2c2c2c, #f0f0f0);
38
+ --md-sys-color-on-tertiary : light-dark(#ffffff, #000000);
39
+ --md-sys-color-tertiary-container : light-dark(#494949, #c2c2c2);
40
+ --md-sys-color-on-tertiary-container : light-dark(#ffffff, #000000);
41
+ --md-sys-color-error : light-dark(#600004, #ffece9);
42
+ --md-sys-color-on-error : light-dark(#ffffff, #000000);
43
+ --md-sys-color-error-container : light-dark(#98000a, #ffaea4);
44
+ --md-sys-color-on-error-container : light-dark(#ffffff, #220001);
45
+ --md-sys-color-primary-fixed : light-dark(#494949, #dedede);
46
+ --md-sys-color-primary-fixed-dim : light-dark(#333333, #c2c2c2);
47
+ --md-sys-color-on-primary-fixed : light-dark(#ffffff, #000000);
48
+ --md-sys-color-on-primary-fixed-variant : light-dark(#ffffff, #0b0b0b);
49
+ --md-sys-color-secondary-fixed : light-dark(#494949, #dedede);
50
+ --md-sys-color-secondary-fixed-dim : light-dark(#333333, #c2c2c2);
51
+ --md-sys-color-on-secondary-fixed : light-dark(#ffffff, #000000);
52
+ --md-sys-color-on-secondary-fixed-variant : light-dark(#ffffff, #0b0b0b);
53
+ --md-sys-color-tertiary-fixed : light-dark(#494949, #dedede);
54
+ --md-sys-color-tertiary-fixed-dim : light-dark(#333333, #c2c2c2);
55
+ --md-sys-color-on-tertiary-fixed : light-dark(#ffffff, #000000);
56
+ --md-sys-color-on-tertiary-fixed-variant : light-dark(#ffffff, #0b0b0b);
57
57
  }
58
58
  }
package/prebuild-color/monochrome-low-contrast.css CHANGED
@@ -5,54 +5,54 @@
5
5
  --md-sys-color-tertiary-palette-key-color : light-dark(#777777, #777777);
6
6
  --md-sys-color-neutral-palette-key-color : light-dark(#777777, #777777);
7
7
  --md-sys-color-neutral-variant-palette-key-color: light-dark(#777777, #777777);
8
- --md-sys-color-background : light-dark(#f9f9f9, #f9f9f9);
9
- --md-sys-color-on-background : light-dark(#909090, #909090);
10
- --md-sys-color-surface : light-dark(#f9f9f9, #f9f9f9);
11
- --md-sys-color-surface-dim : light-dark(#dadada, #dadada);
12
- --md-sys-color-surface-bright : light-dark(#f9f9f9, #f9f9f9);
13
- --md-sys-color-surface-container-lowest : light-dark(#ffffff, #ffffff);
14
- --md-sys-color-surface-container-low : light-dark(#f3f3f3, #f3f3f3);
15
- --md-sys-color-surface-container : light-dark(#eeeeee, #eeeeee);
16
- --md-sys-color-surface-container-high : light-dark(#e8e8e8, #e8e8e8);
17
- --md-sys-color-surface-container-highest : light-dark(#e2e2e2, #e2e2e2);
18
- --md-sys-color-on-surface : light-dark(#5f5f5f, #5f5f5f);
19
- --md-sys-color-surface-variant : light-dark(#e2e2e2, #e2e2e2);
20
- --md-sys-color-on-surface-variant : light-dark(#7b7b7b, #7b7b7b);
21
- --md-sys-color-inverse-surface : light-dark(#303030, #303030);
22
- --md-sys-color-inverse-on-surface : light-dark(#989898, #989898);
23
- --md-sys-color-outline : light-dark(#b2b2b2, #b2b2b2);
24
- --md-sys-color-outline-variant : light-dark(#d9d9d9, #d9d9d9);
8
+ --md-sys-color-background : light-dark(#f9f9f9, #131313);
9
+ --md-sys-color-on-background : light-dark(#909090, #626262);
10
+ --md-sys-color-surface : light-dark(#f9f9f9, #131313);
11
+ --md-sys-color-surface-dim : light-dark(#dadada, #131313);
12
+ --md-sys-color-surface-bright : light-dark(#f9f9f9, #393939);
13
+ --md-sys-color-surface-container-lowest : light-dark(#ffffff, #0e0e0e);
14
+ --md-sys-color-surface-container-low : light-dark(#f3f3f3, #1b1b1b);
15
+ --md-sys-color-surface-container : light-dark(#eeeeee, #1f1f1f);
16
+ --md-sys-color-surface-container-high : light-dark(#e8e8e8, #2a2a2a);
17
+ --md-sys-color-surface-container-highest : light-dark(#e2e2e2, #353535);
18
+ --md-sys-color-on-surface : light-dark(#5f5f5f, #a3a3a3);
19
+ --md-sys-color-surface-variant : light-dark(#e2e2e2, #474747);
20
+ --md-sys-color-on-surface-variant : light-dark(#7b7b7b, #838383);
21
+ --md-sys-color-inverse-surface : light-dark(#303030, #e2e2e2);
22
+ --md-sys-color-inverse-on-surface : light-dark(#989898, #646464);
23
+ --md-sys-color-outline : light-dark(#b2b2b2, #545454);
24
+ --md-sys-color-outline-variant : light-dark(#d9d9d9, #3a3a3a);
25
25
  --md-sys-color-shadow : light-dark(#000000, #000000);
26
26
  --md-sys-color-scrim : light-dark(#000000, #000000);
27
- --md-sys-color-surface-tint : light-dark(#5e5e5e, #5e5e5e);
28
- --md-sys-color-primary : light-dark(#747474, #747474);
29
- --md-sys-color-on-primary : light-dark(#fcfcfc, #fcfcfc);
30
- --md-sys-color-primary-container : light-dark(#d9d9d9, #d9d9d9);
31
- --md-sys-color-on-primary-container : light-dark(#7a7a7a, #7a7a7a);
32
- --md-sys-color-inverse-primary : light-dark(#7a7a7a, #7a7a7a);
33
- --md-sys-color-secondary : light-dark(#747474, #747474);
34
- --md-sys-color-on-secondary : light-dark(#fcfcfc, #fcfcfc);
35
- --md-sys-color-secondary-container : light-dark(#d9d9d9, #d9d9d9);
36
- --md-sys-color-on-secondary-container : light-dark(#7a7a7a, #7a7a7a);
37
- --md-sys-color-tertiary : light-dark(#747474, #747474);
38
- --md-sys-color-on-tertiary : light-dark(#fcfcfc, #fcfcfc);
39
- --md-sys-color-tertiary-container : light-dark(#d9d9d9, #d9d9d9);
40
- --md-sys-color-on-tertiary-container : light-dark(#7a7a7a, #7a7a7a);
41
- --md-sys-color-error : light-dark(#da342e, #da342e);
42
- --md-sys-color-on-error : light-dark(#fffbff, #fffbff);
43
- --md-sys-color-error-container : light-dark(#ffcdc7, #ffcdc7);
44
- --md-sys-color-on-error-container : light-dark(#e23a32, #e23a32);
45
- --md-sys-color-primary-fixed : light-dark(#d9d9d9, #d9d9d9);
46
- --md-sys-color-primary-fixed-dim : light-dark(#bdbdbd, #bdbdbd);
47
- --md-sys-color-on-primary-fixed : light-dark(#4c4c4c, #4c4c4c);
48
- --md-sys-color-on-primary-fixed-variant : light-dark(#666666, #666666);
49
- --md-sys-color-secondary-fixed : light-dark(#d9d9d9, #d9d9d9);
50
- --md-sys-color-secondary-fixed-dim : light-dark(#bdbdbd, #bdbdbd);
51
- --md-sys-color-on-secondary-fixed : light-dark(#4c4c4c, #4c4c4c);
52
- --md-sys-color-on-secondary-fixed-variant : light-dark(#666666, #666666);
53
- --md-sys-color-tertiary-fixed : light-dark(#d9d9d9, #d9d9d9);
54
- --md-sys-color-tertiary-fixed-dim : light-dark(#bdbdbd, #bdbdbd);
55
- --md-sys-color-on-tertiary-fixed : light-dark(#4c4c4c, #4c4c4c);
56
- --md-sys-color-on-tertiary-fixed-variant : light-dark(#666666, #666666);
27
+ --md-sys-color-surface-tint : light-dark(#5e5e5e, #c6c6c6);
28
+ --md-sys-color-primary : light-dark(#747474, #919191);
29
+ --md-sys-color-on-primary : light-dark(#fcfcfc, #2a2a2a);
30
+ --md-sys-color-primary-container : light-dark(#d9d9d9, #3a3a3a);
31
+ --md-sys-color-on-primary-container : light-dark(#7a7a7a, #848484);
32
+ --md-sys-color-inverse-primary : light-dark(#7a7a7a, #808080);
33
+ --md-sys-color-secondary : light-dark(#747474, #919191);
34
+ --md-sys-color-on-secondary : light-dark(#fcfcfc, #2a2a2a);
35
+ --md-sys-color-secondary-container : light-dark(#d9d9d9, #3a3a3a);
36
+ --md-sys-color-on-secondary-container : light-dark(#7a7a7a, #848484);
37
+ --md-sys-color-tertiary : light-dark(#747474, #919191);
38
+ --md-sys-color-on-tertiary : light-dark(#fcfcfc, #2a2a2a);
39
+ --md-sys-color-tertiary-container : light-dark(#d9d9d9, #3a3a3a);
40
+ --md-sys-color-on-tertiary-container : light-dark(#7a7a7a, #848484);
41
+ --md-sys-color-error : light-dark(#da342e, #ff5449);
42
+ --md-sys-color-on-error : light-dark(#fffbff, #5c0003);
43
+ --md-sys-color-error-container : light-dark(#ffcdc7, #7b0007);
44
+ --md-sys-color-on-error-container : light-dark(#e23a32, #f0443b);
45
+ --md-sys-color-primary-fixed : light-dark(#d9d9d9, #515151);
46
+ --md-sys-color-primary-fixed-dim : light-dark(#bdbdbd, #3a3a3a);
47
+ --md-sys-color-on-primary-fixed : light-dark(#4c4c4c, #c4c4c4);
48
+ --md-sys-color-on-primary-fixed-variant : light-dark(#666666, #a0a0a0);
49
+ --md-sys-color-secondary-fixed : light-dark(#d9d9d9, #515151);
50
+ --md-sys-color-secondary-fixed-dim : light-dark(#bdbdbd, #3a3a3a);
51
+ --md-sys-color-on-secondary-fixed : light-dark(#4c4c4c, #c4c4c4);
52
+ --md-sys-color-on-secondary-fixed-variant : light-dark(#666666, #a0a0a0);
53
+ --md-sys-color-tertiary-fixed : light-dark(#d9d9d9, #515151);
54
+ --md-sys-color-tertiary-fixed-dim : light-dark(#bdbdbd, #3a3a3a);
55
+ --md-sys-color-on-tertiary-fixed : light-dark(#4c4c4c, #c4c4c4);
56
+ --md-sys-color-on-tertiary-fixed-variant : light-dark(#666666, #a0a0a0);
57
57
  }
58
58
  }
package/prebuild-color/monochrome.css CHANGED
@@ -5,43 +5,43 @@
5
5
  --md-sys-color-tertiary-palette-key-color : light-dark(#777777, #777777);
6
6
  --md-sys-color-neutral-palette-key-color : light-dark(#777777, #777777);
7
7
  --md-sys-color-neutral-variant-palette-key-color: light-dark(#777777, #777777);
8
- --md-sys-color-background : light-dark(#f9f9f9, #f9f9f9);
9
- --md-sys-color-on-background : light-dark(#1b1b1b, #1b1b1b);
10
- --md-sys-color-surface : light-dark(#f9f9f9, #f9f9f9);
11
- --md-sys-color-surface-dim : light-dark(#dadada, #dadada);
12
- --md-sys-color-surface-bright : light-dark(#f9f9f9, #f9f9f9);
13
- --md-sys-color-surface-container-lowest : light-dark(#ffffff, #ffffff);
14
- --md-sys-color-surface-container-low : light-dark(#f3f3f3, #f3f3f3);
15
- --md-sys-color-surface-container : light-dark(#eeeeee, #eeeeee);
16
- --md-sys-color-surface-container-high : light-dark(#e8e8e8, #e8e8e8);
17
- --md-sys-color-surface-container-highest : light-dark(#e2e2e2, #e2e2e2);
18
- --md-sys-color-on-surface : light-dark(#1b1b1b, #1b1b1b);
19
- --md-sys-color-surface-variant : light-dark(#e2e2e2, #e2e2e2);
20
- --md-sys-color-on-surface-variant : light-dark(#474747, #474747);
21
- --md-sys-color-inverse-surface : light-dark(#303030, #303030);
22
- --md-sys-color-inverse-on-surface : light-dark(#f1f1f1, #f1f1f1);
23
- --md-sys-color-outline : light-dark(#777777, #777777);
24
- --md-sys-color-outline-variant : light-dark(#c6c6c6, #c6c6c6);
8
+ --md-sys-color-background : light-dark(#f9f9f9, #131313);
9
+ --md-sys-color-on-background : light-dark(#1b1b1b, #e2e2e2);
10
+ --md-sys-color-surface : light-dark(#f9f9f9, #131313);
11
+ --md-sys-color-surface-dim : light-dark(#dadada, #131313);
12
+ --md-sys-color-surface-bright : light-dark(#f9f9f9, #393939);
13
+ --md-sys-color-surface-container-lowest : light-dark(#ffffff, #0e0e0e);
14
+ --md-sys-color-surface-container-low : light-dark(#f3f3f3, #1b1b1b);
15
+ --md-sys-color-surface-container : light-dark(#eeeeee, #1f1f1f);
16
+ --md-sys-color-surface-container-high : light-dark(#e8e8e8, #2a2a2a);
17
+ --md-sys-color-surface-container-highest : light-dark(#e2e2e2, #353535);
18
+ --md-sys-color-on-surface : light-dark(#1b1b1b, #e2e2e2);
19
+ --md-sys-color-surface-variant : light-dark(#e2e2e2, #474747);
20
+ --md-sys-color-on-surface-variant : light-dark(#474747, #c6c6c6);
21
+ --md-sys-color-inverse-surface : light-dark(#303030, #e2e2e2);
22
+ --md-sys-color-inverse-on-surface : light-dark(#f1f1f1, #303030);
23
+ --md-sys-color-outline : light-dark(#777777, #919191);
24
+ --md-sys-color-outline-variant : light-dark(#c6c6c6, #474747);
25
25
  --md-sys-color-shadow : light-dark(#000000, #000000);
26
26
  --md-sys-color-scrim : light-dark(#000000, #000000);
27
- --md-sys-color-surface-tint : light-dark(#5e5e5e, #5e5e5e);
28
- --md-sys-color-primary : light-dark(#000000, #000000);
29
- --md-sys-color-on-primary : light-dark(#e2e2e2, #e2e2e2);
30
- --md-sys-color-primary-container : light-dark(#3b3b3b, #3b3b3b);
31
- --md-sys-color-on-primary-container : light-dark(#ffffff, #ffffff);
32
- --md-sys-color-inverse-primary : light-dark(#c6c6c6, #c6c6c6);
33
- --md-sys-color-secondary : light-dark(#5e5e5e, #5e5e5e);
34
- --md-sys-color-on-secondary : light-dark(#ffffff, #ffffff);
35
- --md-sys-color-secondary-container : light-dark(#d4d4d4, #d4d4d4);
36
- --md-sys-color-on-secondary-container : light-dark(#1b1b1b, #1b1b1b);
37
- --md-sys-color-tertiary : light-dark(#3b3b3b, #3b3b3b);
38
- --md-sys-color-on-tertiary : light-dark(#e2e2e2, #e2e2e2);
39
- --md-sys-color-tertiary-container : light-dark(#747474, #747474);
40
- --md-sys-color-on-tertiary-container : light-dark(#ffffff, #ffffff);
41
- --md-sys-color-error : light-dark(#ba1a1a, #ba1a1a);
42
- --md-sys-color-on-error : light-dark(#ffffff, #ffffff);
43
- --md-sys-color-error-container : light-dark(#ffdad6, #ffdad6);
44
- --md-sys-color-on-error-container : light-dark(#410002, #410002);
27
+ --md-sys-color-surface-tint : light-dark(#5e5e5e, #c6c6c6);
28
+ --md-sys-color-primary : light-dark(#000000, #ffffff);
29
+ --md-sys-color-on-primary : light-dark(#e2e2e2, #1b1b1b);
30
+ --md-sys-color-primary-container : light-dark(#3b3b3b, #d4d4d4);
31
+ --md-sys-color-on-primary-container : light-dark(#ffffff, #000000);
32
+ --md-sys-color-inverse-primary : light-dark(#c6c6c6, #5e5e5e);
33
+ --md-sys-color-secondary : light-dark(#5e5e5e, #c6c6c6);
34
+ --md-sys-color-on-secondary : light-dark(#ffffff, #1b1b1b);
35
+ --md-sys-color-secondary-container : light-dark(#d4d4d4, #474747);
36
+ --md-sys-color-on-secondary-container : light-dark(#1b1b1b, #e2e2e2);
37
+ --md-sys-color-tertiary : light-dark(#3b3b3b, #e2e2e2);
38
+ --md-sys-color-on-tertiary : light-dark(#e2e2e2, #1b1b1b);
39
+ --md-sys-color-tertiary-container : light-dark(#747474, #919191);
40
+ --md-sys-color-on-tertiary-container : light-dark(#ffffff, #000000);
41
+ --md-sys-color-error : light-dark(#ba1a1a, #ffb4ab);
42
+ --md-sys-color-on-error : light-dark(#ffffff, #690005);
43
+ --md-sys-color-error-container : light-dark(#ffdad6, #93000a);
44
+ --md-sys-color-on-error-container : light-dark(#410002, #ffdad6);
45
45
  --md-sys-color-primary-fixed : light-dark(#5e5e5e, #5e5e5e);
46
46
  --md-sys-color-primary-fixed-dim : light-dark(#474747, #474747);
47
47
  --md-sys-color-on-primary-fixed : light-dark(#ffffff, #ffffff);
package/prebuild-color/orange.css CHANGED
@@ -1,58 +1,58 @@
1
1
  @layer material-design-system.color.variable {
2
2
  :root {
3
- --md-sys-color-primary-palette-key-color : light-dark(#fc9500, #fc9500);
4
- --md-sys-color-secondary-palette-key-color : light-dark(#927146, #927146);
5
- --md-sys-color-tertiary-palette-key-color : light-dark(#927231, #927231);
6
- --md-sys-color-neutral-palette-key-color : light-dark(#867465, #867465);
7
- --md-sys-color-neutral-variant-palette-key-color: light-dark(#887361, #887361);
8
- --md-sys-color-background : light-dark(#fff8f5, #fff8f5);
9
- --md-sys-color-on-background : light-dark(#25190e, #25190e);
10
- --md-sys-color-surface : light-dark(#fff8f5, #fff8f5);
11
- --md-sys-color-surface-dim : light-dark(#edd6c4, #edd6c4);
12
- --md-sys-color-surface-bright : light-dark(#fff8f5, #fff8f5);
13
- --md-sys-color-surface-container-lowest : light-dark(#ffffff, #ffffff);
14
- --md-sys-color-surface-container-low : light-dark(#fff1e7, #fff1e7);
15
- --md-sys-color-surface-container : light-dark(#ffeada, #ffeada);
16
- --md-sys-color-surface-container-high : light-dark(#fbe4d2, #fbe4d2);
17
- --md-sys-color-surface-container-highest : light-dark(#f5decc, #f5decc);
18
- --md-sys-color-on-surface : light-dark(#25190e, #25190e);
19
- --md-sys-color-surface-variant : light-dark(#f9dec8, #f9dec8);
20
- --md-sys-color-on-surface-variant : light-dark(#554333, #554333);
21
- --md-sys-color-inverse-surface : light-dark(#3b2e22, #3b2e22);
22
- --md-sys-color-inverse-on-surface : light-dark(#ffeee1, #ffeee1);
23
- --md-sys-color-outline : light-dark(#887361, #887361);
24
- --md-sys-color-outline-variant : light-dark(#dbc2ad, #dbc2ad);
3
+ --md-sys-color-primary-palette-key-color : light-dark(#ffae00, #ffae00);
4
+ --md-sys-color-secondary-palette-key-color : light-dark(#957037, #957037);
5
+ --md-sys-color-tertiary-palette-key-color : light-dark(#b6c835, #b6c835);
6
+ --md-sys-color-neutral-palette-key-color : light-dark(#807568, #807568);
7
+ --md-sys-color-neutral-variant-palette-key-color: light-dark(#857560, #857560);
8
+ --md-sys-color-background : light-dark(#fff8f3, #191209);
9
+ --md-sys-color-on-background : light-dark(#211a11, #efe0d0);
10
+ --md-sys-color-surface : light-dark(#fff8f3, #191209);
11
+ --md-sys-color-surface-dim : light-dark(#e6d8c8, #191209);
12
+ --md-sys-color-surface-bright : light-dark(#fff8f3, #40382d);
13
+ --md-sys-color-surface-container-lowest : light-dark(#ffffff, #130d05);
14
+ --md-sys-color-surface-container-low : light-dark(#fff1e3, #211a11);
15
+ --md-sys-color-surface-container : light-dark(#faecdc, #261e15);
16
+ --md-sys-color-surface-container-high : light-dark(#f5e6d6, #30291e);
17
+ --md-sys-color-surface-container-highest : light-dark(#efe0d0, #3c3329);
18
+ --md-sys-color-on-surface : light-dark(#211a11, #efe0d0);
19
+ --md-sys-color-surface-variant : light-dark(#f4dfc7, #524533);
20
+ --md-sys-color-on-surface-variant : light-dark(#524533, #d7c4ac);
21
+ --md-sys-color-inverse-surface : light-dark(#372f25, #efe0d0);
22
+ --md-sys-color-inverse-on-surface : light-dark(#fdeede, #372f25);
23
+ --md-sys-color-outline : light-dark(#847560, #9f8e78);
24
+ --md-sys-color-outline-variant : light-dark(#d7c4ac, #524533);
25
25
  --md-sys-color-shadow : light-dark(#000000, #000000);
26
26
  --md-sys-color-scrim : light-dark(#000000, #000000);
27
- --md-sys-color-surface-tint : light-dark(#8b5000, #8b5000);
28
- --md-sys-color-primary : light-dark(#8b5000, #8b5000);
29
- --md-sys-color-on-primary : light-dark(#ffffff, #ffffff);
30
- --md-sys-color-primary-container : light-dark(#ffdcbf, #ffdcbf);
31
- --md-sys-color-on-primary-container : light-dark(#6a3b00, #6a3b00);
32
- --md-sys-color-inverse-primary : light-dark(#ffb872, #ffb872);
33
- --md-sys-color-secondary : light-dark(#775930, #775930);
34
- --md-sys-color-on-secondary : light-dark(#ffffff, #ffffff);
35
- --md-sys-color-secondary-container : light-dark(#ffddb4, #ffddb4);
36
- --md-sys-color-on-secondary-container : light-dark(#5d421b, #5d421b);
37
- --md-sys-color-tertiary : light-dark(#775a1a, #775a1a);
38
- --md-sys-color-on-tertiary : light-dark(#ffffff, #ffffff);
39
- --md-sys-color-tertiary-container : light-dark(#ffdea4, #ffdea4);
40
- --md-sys-color-on-tertiary-container : light-dark(#5d4202, #5d4202);
41
- --md-sys-color-error : light-dark(#ba1a1a, #ba1a1a);
42
- --md-sys-color-on-error : light-dark(#ffffff, #ffffff);
43
- --md-sys-color-error-container : light-dark(#ffdad6, #ffdad6);
44
- --md-sys-color-on-error-container : light-dark(#93000a, #93000a);
45
- --md-sys-color-primary-fixed : light-dark(#ffdcbf, #ffdcbf);
46
- --md-sys-color-primary-fixed-dim : light-dark(#ffb872, #ffb872);
47
- --md-sys-color-on-primary-fixed : light-dark(#2d1600, #2d1600);
48
- --md-sys-color-on-primary-fixed-variant : light-dark(#6a3b00, #6a3b00);
49
- --md-sys-color-secondary-fixed : light-dark(#ffddb4, #ffddb4);
50
- --md-sys-color-secondary-fixed-dim : light-dark(#e8c08e, #e8c08e);
27
+ --md-sys-color-surface-tint : light-dark(#815600, #ffba48);
28
+ --md-sys-color-primary : light-dark(#815600, #ffd395);
29
+ --md-sys-color-on-primary : light-dark(#ffffff, #442b00);
30
+ --md-sys-color-primary-container : light-dark(#ffae00, #ffae00);
31
+ --md-sys-color-on-primary-container : light-dark(#6a4600, #6a4600);
32
+ --md-sys-color-inverse-primary : light-dark(#ffba48, #815600);
33
+ --md-sys-color-secondary : light-dark(#7a5821, #ecbf7e);
34
+ --md-sys-color-on-secondary : light-dark(#ffffff, #442b00);
35
+ --md-sys-color-secondary-container : light-dark(#fed08d, #62430d);
36
+ --md-sys-color-on-secondary-container : light-dark(#795720, #ddb171);
37
+ --md-sys-color-tertiary : light-dark(#596400, #d2e450);
38
+ --md-sys-color-on-tertiary : light-dark(#ffffff, #2d3400);
39
+ --md-sys-color-tertiary-container : light-dark(#b6c835, #b6c835);
40
+ --md-sys-color-on-tertiary-container : light-dark(#495200, #495200);
41
+ --md-sys-color-error : light-dark(#ba1a1a, #ffb4ab);
42
+ --md-sys-color-on-error : light-dark(#ffffff, #690005);
43
+ --md-sys-color-error-container : light-dark(#ffdad6, #93000a);
44
+ --md-sys-color-on-error-container : light-dark(#93000a, #ffdad6);
45
+ --md-sys-color-primary-fixed : light-dark(#ffddb1, #ffddb1);
46
+ --md-sys-color-primary-fixed-dim : light-dark(#ffba48, #ffba48);
47
+ --md-sys-color-on-primary-fixed : light-dark(#291800, #291800);
48
+ --md-sys-color-on-primary-fixed-variant : light-dark(#614000, #614000);
49
+ --md-sys-color-secondary-fixed : light-dark(#ffddb1, #ffddb1);
50
+ --md-sys-color-secondary-fixed-dim : light-dark(#ecbf7e, #ecbf7e);
51
51
  --md-sys-color-on-secondary-fixed : light-dark(#291800, #291800);
52
- --md-sys-color-on-secondary-fixed-variant : light-dark(#5d421b, #5d421b);
53
- --md-sys-color-tertiary-fixed : light-dark(#ffdea4, #ffdea4);
54
- --md-sys-color-tertiary-fixed-dim : light-dark(#e8c177, #e8c177);
55
- --md-sys-color-on-tertiary-fixed : light-dark(#261900, #261900);
56
- --md-sys-color-on-tertiary-fixed-variant : light-dark(#5d4202, #5d4202);
52
+ --md-sys-color-on-secondary-fixed-variant : light-dark(#5f410a, #5f410a);
53
+ --md-sys-color-tertiary-fixed : light-dark(#daed57, #daed57);
54
+ --md-sys-color-tertiary-fixed-dim : light-dark(#bed13d, #bed13d);
55
+ --md-sys-color-on-tertiary-fixed : light-dark(#1a1e00, #1a1e00);
56
+ --md-sys-color-on-tertiary-fixed-variant : light-dark(#434b00, #434b00);
57
57
  }
58
58
  }
package/prebuild-color/viridian.css CHANGED
@@ -1,58 +1,58 @@
1
1
  @layer material-design-system.color.variable {
2
2
  :root {
3
- --md-sys-color-primary-palette-key-color : light-dark(#438460, #438460);
4
- --md-sys-color-secondary-palette-key-color : light-dark(#667c6d, #667c6d);
5
- --md-sys-color-tertiary-palette-key-color : light-dark(#557d8b, #557d8b);
6
- --md-sys-color-neutral-palette-key-color : light-dark(#727873, #727873);
7
- --md-sys-color-neutral-variant-palette-key-color: light-dark(#707972, #707972);
8
- --md-sys-color-background : light-dark(#f6fbf4, #f6fbf4);
9
- --md-sys-color-on-background : light-dark(#171d19, #171d19);
10
- --md-sys-color-surface : light-dark(#f6fbf4, #f6fbf4);
11
- --md-sys-color-surface-dim : light-dark(#d6dbd5, #d6dbd5);
12
- --md-sys-color-surface-bright : light-dark(#f6fbf4, #f6fbf4);
13
- --md-sys-color-surface-container-lowest : light-dark(#ffffff, #ffffff);
14
- --md-sys-color-surface-container-low : light-dark(#f0f5ee, #f0f5ee);
15
- --md-sys-color-surface-container : light-dark(#eaefe9, #eaefe9);
16
- --md-sys-color-surface-container-high : light-dark(#e4eae3, #e4eae3);
17
- --md-sys-color-surface-container-highest : light-dark(#dfe4dd, #dfe4dd);
18
- --md-sys-color-on-surface : light-dark(#171d19, #171d19);
19
- --md-sys-color-surface-variant : light-dark(#dce5dc, #dce5dc);
20
- --md-sys-color-on-surface-variant : light-dark(#404942, #404942);
21
- --md-sys-color-inverse-surface : light-dark(#2c322d, #2c322d);
22
- --md-sys-color-inverse-on-surface : light-dark(#edf2eb, #edf2eb);
23
- --md-sys-color-outline : light-dark(#717972, #717972);
24
- --md-sys-color-outline-variant : light-dark(#c0c9c0, #c0c9c0);
3
+ --md-sys-color-primary-palette-key-color : light-dark(#4d8073, #4d8073);
4
+ --md-sys-color-secondary-palette-key-color : light-dark(#677b75, #677b75);
5
+ --md-sys-color-tertiary-palette-key-color : light-dark(#413c62, #413c62);
6
+ --md-sys-color-neutral-palette-key-color : light-dark(#767876, #767876);
7
+ --md-sys-color-neutral-variant-palette-key-color: light-dark(#707975, #707975);
8
+ --md-sys-color-background : light-dark(#f9faf7, #111413);
9
+ --md-sys-color-on-background : light-dark(#191c1b, #e1e3e1);
10
+ --md-sys-color-surface : light-dark(#f9faf7, #111413);
11
+ --md-sys-color-surface-dim : light-dark(#d9dad8, #111413);
12
+ --md-sys-color-surface-bright : light-dark(#f9faf7, #373a38);
13
+ --md-sys-color-surface-container-lowest : light-dark(#ffffff, #0c0f0e);
14
+ --md-sys-color-surface-container-low : light-dark(#f3f4f2, #191c1b);
15
+ --md-sys-color-surface-container : light-dark(#edeeec, #1d201f);
16
+ --md-sys-color-surface-container-high : light-dark(#e7e8e6, #282b29);
17
+ --md-sys-color-surface-container-highest : light-dark(#e1e3e1, #333534);
18
+ --md-sys-color-on-surface : light-dark(#191c1b, #e1e3e1);
19
+ --md-sys-color-surface-variant : light-dark(#dce4e0, #404946);
20
+ --md-sys-color-on-surface-variant : light-dark(#404946, #c0c8c4);
21
+ --md-sys-color-inverse-surface : light-dark(#2e3130, #e1e3e1);
22
+ --md-sys-color-inverse-on-surface : light-dark(#f0f1ef, #2e3130);
23
+ --md-sys-color-outline : light-dark(#707975, #8a938f);
24
+ --md-sys-color-outline-variant : light-dark(#c0c8c4, #404946);
25
25
  --md-sys-color-shadow : light-dark(#000000, #000000);
26
26
  --md-sys-color-scrim : light-dark(#000000, #000000);
27
- --md-sys-color-surface-tint : light-dark(#286a48, #286a48);
28
- --md-sys-color-primary : light-dark(#286a48, #286a48);
29
- --md-sys-color-on-primary : light-dark(#ffffff, #ffffff);
30
- --md-sys-color-primary-container : light-dark(#adf2c7, #adf2c7);
31
- --md-sys-color-on-primary-container : light-dark(#065232, #065232);
32
- --md-sys-color-inverse-primary : light-dark(#92d5ac, #92d5ac);
33
- --md-sys-color-secondary : light-dark(#4e6355, #4e6355);
34
- --md-sys-color-on-secondary : light-dark(#ffffff, #ffffff);
35
- --md-sys-color-secondary-container : light-dark(#d1e8d6, #d1e8d6);
36
- --md-sys-color-on-secondary-container : light-dark(#374b3e, #374b3e);
37
- --md-sys-color-tertiary : light-dark(#3b6471, #3b6471);
38
- --md-sys-color-on-tertiary : light-dark(#ffffff, #ffffff);
39
- --md-sys-color-tertiary-container : light-dark(#bfe9f9, #bfe9f9);
40
- --md-sys-color-on-tertiary-container : light-dark(#224c59, #224c59);
41
- --md-sys-color-error : light-dark(#ba1a1a, #ba1a1a);
42
- --md-sys-color-on-error : light-dark(#ffffff, #ffffff);
43
- --md-sys-color-error-container : light-dark(#ffdad6, #ffdad6);
44
- --md-sys-color-on-error-container : light-dark(#93000a, #93000a);
45
- --md-sys-color-primary-fixed : light-dark(#adf2c7, #adf2c7);
46
- --md-sys-color-primary-fixed-dim : light-dark(#92d5ac, #92d5ac);
47
- --md-sys-color-on-primary-fixed : light-dark(#002111, #002111);
48
- --md-sys-color-on-primary-fixed-variant : light-dark(#065232, #065232);
49
- --md-sys-color-secondary-fixed : light-dark(#d1e8d6, #d1e8d6);
50
- --md-sys-color-secondary-fixed-dim : light-dark(#b5ccbb, #b5ccbb);
51
- --md-sys-color-on-secondary-fixed : light-dark(#0b1f14, #0b1f14);
52
- --md-sys-color-on-secondary-fixed-variant : light-dark(#374b3e, #374b3e);
53
- --md-sys-color-tertiary-fixed : light-dark(#bfe9f9, #bfe9f9);
54
- --md-sys-color-tertiary-fixed-dim : light-dark(#a3cddc, #a3cddc);
55
- --md-sys-color-on-tertiary-fixed : light-dark(#001f27, #001f27);
56
- --md-sys-color-on-tertiary-fixed-variant : light-dark(#224c59, #224c59);
27
+ --md-sys-color-surface-tint : light-dark(#34675b, #9cd1c2);
28
+ --md-sys-color-primary : light-dark(#003129, #9cd1c2);
29
+ --md-sys-color-on-primary : light-dark(#ffffff, #00382e);
30
+ --md-sys-color-primary-container : light-dark(#12493e, #12493e);
31
+ --md-sys-color-on-primary-container : light-dark(#83b7a9, #83b7a9);
32
+ --md-sys-color-inverse-primary : light-dark(#9cd1c2, #34675b);
33
+ --md-sys-color-secondary : light-dark(#4f625c, #b6cbc4);
34
+ --md-sys-color-on-secondary : light-dark(#ffffff, #21342f);
35
+ --md-sys-color-secondary-container : light-dark(#cfe4dd, #384b45);
36
+ --md-sys-color-on-secondary-container : light-dark(#536761, #a5bab2);
37
+ --md-sys-color-tertiary : light-dark(#2b264a, #c8c1ef);
38
+ --md-sys-color-on-tertiary : light-dark(#ffffff, #302c50);
39
+ --md-sys-color-tertiary-container : light-dark(#413c62, #413c62);
40
+ --md-sys-color-on-tertiary-container : light-dark(#aea8d4, #aea8d4);
41
+ --md-sys-color-error : light-dark(#ba1a1a, #ffb4ab);
42
+ --md-sys-color-on-error : light-dark(#ffffff, #690005);
43
+ --md-sys-color-error-container : light-dark(#ffdad6, #93000a);
44
+ --md-sys-color-on-error-container : light-dark(#93000a, #ffdad6);
45
+ --md-sys-color-primary-fixed : light-dark(#b8eede, #b8eede);
46
+ --md-sys-color-primary-fixed-dim : light-dark(#9cd1c2, #9cd1c2);
47
+ --md-sys-color-on-primary-fixed : light-dark(#00201a, #00201a);
48
+ --md-sys-color-on-primary-fixed-variant : light-dark(#1a4f44, #1a4f44);
49
+ --md-sys-color-secondary-fixed : light-dark(#d2e7df, #d2e7df);
50
+ --md-sys-color-secondary-fixed-dim : light-dark(#b6cbc4, #b6cbc4);
51
+ --md-sys-color-on-secondary-fixed : light-dark(#0c1f1a, #0c1f1a);
52
+ --md-sys-color-on-secondary-fixed-variant : light-dark(#384b45, #384b45);
53
+ --md-sys-color-tertiary-fixed : light-dark(#e5deff, #e5deff);
54
+ --md-sys-color-tertiary-fixed-dim : light-dark(#c8c1ef, #c8c1ef);
55
+ --md-sys-color-on-tertiary-fixed : light-dark(#1b163a, #1b163a);
56
+ --md-sys-color-on-tertiary-fixed-variant : light-dark(#474268, #474268);
57
57
  }
58
58
  }