@sandlada/material-design-css 1.1.0 → 1.1.1

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 (2) hide show
  1. package/package.json +4 -1
  2. package/prebuild-color-light-green.css +58 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sandlada/material-design-css",
3
- "version": "1.1.0",
3
+ "version": "1.1.1",
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",
@@ -32,6 +32,8 @@
32
32
  "./prebuild-color-blue": "./prebuild-color-blue.css",
33
33
  "./prebuild-color-green.css": "./prebuild-color-green.css",
34
34
  "./prebuild-color-green": "./prebuild-color-green.css",
35
+ "./prebuild-color-light-green.css": "./prebuild-color-light-green.css",
36
+ "./prebuild-color-light-green": "./prebuild-color-light-green.css",
35
37
  "./prebuild-color-pink.css": "./prebuild-color-pink.css",
36
38
  "./prebuild-color-pink": "./prebuild-color-pink.css",
37
39
  "./prebuild-color-yellow.css": "./prebuild-color-yellow.css",
@@ -46,6 +48,7 @@
46
48
  "typography.css",
47
49
  "prebuild-color-blue.css",
48
50
  "prebuild-color-green.css",
51
+ "prebuild-color-light-green.css",
49
52
  "prebuild-color-pink.css",
50
53
  "prebuild-color-yellow.css"
51
54
  ]
package/prebuild-color-light-green.css ADDED
@@ -0,0 +1,58 @@
1
+ @layer material-design-system.color.variable {
2
+ :root {
3
+ --md-sys-color-primary-palette-key-color: light-dark(#388647, #388647);
4
+ --md-sys-color-secondary-palette-key-color: light-dark(#697c68, #697c68);
5
+ --md-sys-color-tertiary-palette-key-color: light-dark(#527e86, #527e86);
6
+ --md-sys-color-neutral-palette-key-color: light-dark(#777777, #777777);
7
+ --md-sys-color-neutral-variant-palette-key-color: light-dark(#777777, #777777);
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
+ --md-sys-color-shadow: light-dark(#000000, #000000);
26
+ --md-sys-color-scrim: light-dark(#000000, #000000);
27
+ --md-sys-color-surface-tint: light-dark(#1a6c31, #88d990);
28
+ --md-sys-color-primary: light-dark(#1a6c31, #88d990);
29
+ --md-sys-color-on-primary: light-dark(#ffffff, #003913);
30
+ --md-sys-color-primary-container: light-dark(#a3f5aa, #00531f);
31
+ --md-sys-color-on-primary-container: light-dark(#00531f, #a3f5aa);
32
+ --md-sys-color-inverse-primary: light-dark(#88d990, #1a6c31);
33
+ --md-sys-color-secondary: light-dark(#516351, #b8ccb5);
34
+ --md-sys-color-on-secondary: light-dark(#ffffff, #243425);
35
+ --md-sys-color-secondary-container: light-dark(#d4e8d1, #3a4b3a);
36
+ --md-sys-color-on-secondary-container: light-dark(#3a4b3a, #d4e8d1);
37
+ --md-sys-color-tertiary: light-dark(#39656c, #a1ced6);
38
+ --md-sys-color-on-tertiary: light-dark(#ffffff, #00363d);
39
+ --md-sys-color-tertiary-container: light-dark(#bdeaf3, #1f4d54);
40
+ --md-sys-color-on-tertiary-container: light-dark(#1f4d54, #bdeaf3);
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(#a3f5aa, #a3f5aa);
46
+ --md-sys-color-primary-fixed-dim: light-dark(#88d990, #88d990);
47
+ --md-sys-color-on-primary-fixed: light-dark(#002108, #002108);
48
+ --md-sys-color-on-primary-fixed-variant: light-dark(#00531f, #00531f);
49
+ --md-sys-color-secondary-fixed: light-dark(#d4e8d1, #d4e8d1);
50
+ --md-sys-color-secondary-fixed-dim: light-dark(#b8ccb5, #b8ccb5);
51
+ --md-sys-color-on-secondary-fixed: light-dark(#0f1f11, #0f1f11);
52
+ --md-sys-color-on-secondary-fixed-variant: light-dark(#3a4b3a, #3a4b3a);
53
+ --md-sys-color-tertiary-fixed: light-dark(#bdeaf3, #bdeaf3);
54
+ --md-sys-color-tertiary-fixed-dim: light-dark(#a1ced6, #a1ced6);
55
+ --md-sys-color-on-tertiary-fixed: light-dark(#001f24, #001f24);
56
+ --md-sys-color-on-tertiary-fixed-variant: light-dark(#1f4d54, #1f4d54);
57
+ }
58
+ }