snapshot-labs-theme 0.1.38 → 0.1.40

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 (4) hide show
  1. package/build/css/base/colors.css +17 -0
  2. package/build/css/semantic/colors.css +24 -11
  3. package/build/css/semantic/colors.dark.css +26 -13
  4. package/package.json +1 -1
package/build/css/base/colors.css CHANGED
@@ -90,6 +90,17 @@
90
90
  --color-green-800: oklch(0.43 0.09 162.83);
91
91
  --color-green-900: oklch(0.38 0.08 164.78);
92
92
  --color-green-950: oklch(0.26 0.05 168.89);
93
+ --color-green-alpha-50: oklch(0.81 0.21 151.52 / 0.06);
94
+ --color-green-alpha-100: oklch(0.81 0.22 149.94 / 0.19);
95
+ --color-green-alpha-200: oklch(0.79 0.21 150.94 / 0.35);
96
+ --color-green-alpha-300: oklch(0.77 0.19 153.73 / 0.57);
97
+ --color-green-alpha-400: oklch(0.73 0.18 155.51 / 0.83);
98
+ --color-green-alpha-500: oklch(0.68 0.16 157.18 / 0.94);
99
+ --color-green-alpha-600: oklch(0.59 0.14 158.98 / 0.99);
100
+ --color-green-alpha-700: oklch(0.5 0.11 161.22 / 0.99);
101
+ --color-green-alpha-800: oklch(0.42 0.09 161.83 / 0.98);
102
+ --color-green-alpha-900: oklch(0.36 0.08 164.34 / 0.98);
103
+ --color-green-alpha-950: oklch(0.26 0.05 168.89);
93
104
  --color-teal-50: oklch(0.98 0.02 181.79);
94
105
  --color-teal-100: oklch(0.95 0.04 180.81);
95
106
  --color-teal-200: oklch(0.9 0.08 178.88);
@@ -123,6 +134,7 @@
123
134
  --color-blue-800: oklch(0.41 0.14 274.66);
124
135
  --color-blue-900: oklch(0.38 0.09 276.25);
125
136
  --color-blue-950: oklch(0.29 0.05 278.06);
137
+ --color-black-alpha-3: oklch(0.27 0 67.74 / 0.03);
126
138
  --color-black-alpha-4: oklch(0.27 0 67.74 / 0.04);
127
139
  --color-black-alpha-8: oklch(0.27 0 67.74 / 0.08);
128
140
  --color-black-alpha-12: oklch(0.27 0 67.74 / 0.12);
@@ -133,4 +145,9 @@
133
145
  --color-white-alpha-12: oklch(0.99 0.01 95.08 / 0.12);
134
146
  --color-white-alpha-16: oklch(0.99 0.01 95.08 / 0.16);
135
147
  --color-white-alpha-24: oklch(0.99 0.01 95.08 / 0.24);
148
+ --color-white-alpha-32: oklch(0.99 0.01 95.08 / 0.32);
149
+ --color-white-alpha-48: oklch(0.99 0.01 95.08 / 0.48);
150
+ --color-white-alpha-64: oklch(0.99 0.01 95.08 / 0.64);
151
+ --color-white-alpha-80: oklch(0.99 0.01 95.08 / 0.8);
152
+ --color-white-alpha-100: oklch(0.99 0.01 95.08);
136
153
  }
package/build/css/semantic/colors.css CHANGED
@@ -5,13 +5,10 @@
5
5
 
6
6
  :root,
7
7
  [data-theme="light"] {
8
- --color-text-contrast: var(--color-neutral-950);
9
- --color-text-default: var(--color-neutral-700);
10
- --color-text-subtle: var(--color-neutral-600);
11
- --color-text-accent: var(--color-green-700);
12
- --color-text-contrast-on-dark-bg: var(--color-neutral-white);
13
- --color-text-default-on-dark-bg: var(--color-neutral-100);
14
- --color-text-subtle-on-dark-bg: var(--color-neutral-200);
8
+ --color-icon-default: var(--color-neutral-700);
9
+ --color-icon-secondary: var(--color-neutral-600);
10
+ --color-icon-tertiary: var(--color-neutral-300);
11
+ --color-bg-drag-handle: var(--color-bg-neutral-tertiary);
15
12
  --color-bg-surface-sunken: var(--color-neutral-off-white);
16
13
  --color-bg-surface-default: var(--color-neutral-white);
17
14
  --color-bg-surface-raised: var(--color-neutral-white);
@@ -20,13 +17,29 @@
20
17
  --color-bg-brand-green: var(--color-green-400);
21
18
  --color-bg-brand-orange: var(--color-orange-400);
22
19
  --color-bg-neutral-default: var(--color-neutral-600);
23
- --color-bg-neutral-secondary: var(--color-neutral-100);
20
+ --color-bg-neutral-secondary: var(--color-neutral-off-white);
24
21
  --color-bg-neutral-tertiary: var(--color-black-alpha-4);
22
+ --color-text-contrast: var(--color-neutral-950);
23
+ --color-text-default: var(--color-neutral-700);
24
+ --color-text-subtle: var(--color-neutral-600);
25
+ --color-text-accent: var(--color-green-700);
26
+ --color-text-contrast-on-dark-bg: var(--color-neutral-white);
27
+ --color-text-default-on-dark-bg: var(--color-neutral-100);
28
+ --color-text-subtle-on-dark-bg: var(--color-neutral-200);
25
29
  --color-border-default: var(--color-black-alpha-12);
26
30
  --color-border-secondary: var(--color-black-alpha-8);
27
- --color-icon-default: var(--color-neutral-700);
28
- --color-icon-secondary: var(--color-neutral-600);
29
- --color-icon-tertiary: var(--color-neutral-500);
31
+ --color-action-icon-default: var(--color-green-600);
32
+ --color-action-icon-default-hover: var(--color-green-700);
33
+ --color-action-icon-active: var(--color-green-600);
34
+ --color-action-bg-default: var(--color-neutral-700);
35
+ --color-action-bg-default-hover: var(--color-neutral-600);
36
+ --color-action-bg-active: var(--color-black-alpha-3);
37
+ --color-action-text-default: var(--color-neutral-700);
38
+ --color-action-text-secondary: var(--color-neutral-600);
39
+ --color-action-text-tertiary: var(--color-neutral-300);
40
+ --color-action-border-default: var(--color-neutral-700);
41
+ --color-action-border-secondary: var(--color-neutral-600);
42
+ --color-action-border-tertiary: var(--color-neutral-300);
30
43
  --color-feedback-negative-text: var(--color-red-700);
31
44
  --color-feedback-negative-icon: var(--color-red-500);
32
45
  --color-feedback-negative-bg: var(--color-red-100);
package/build/css/semantic/colors.dark.css CHANGED
@@ -4,13 +4,10 @@
4
4
  */
5
5
 
6
6
  [data-theme="dark"] {
7
- --color-text-contrast: var(--color-neutral-50);
8
- --color-text-default: var(--color-neutral-300);
9
- --color-text-subtle: var(--color-neutral-400);
10
- --color-text-accent: var(--color-green-400);
11
- --color-text-contrast-on-dark-bg: var(--#ffffff);
12
- --color-text-default-on-dark-bg: var(--#ffffff);
13
- --color-text-subtle-on-dark-bg: var(--#ffffff);
7
+ --color-icon-default: var(--color-neutral-300);
8
+ --color-icon-secondary: var(--color-neutral-500);
9
+ --color-icon-tertiary: var(--color-neutral-600);
10
+ --color-bg-drag-handle: var(--color-white-alpha-16);
14
11
  --color-bg-surface-sunken: var(--color-neutral-black);
15
12
  --color-bg-surface-default: var(--color-neutral-950);
16
13
  --color-bg-surface-raised: var(--color-neutral-900);
@@ -19,13 +16,29 @@
19
16
  --color-bg-brand-green: var(--color-green-500);
20
17
  --color-bg-brand-orange: var(--color-orange-400);
21
18
  --color-bg-neutral-default: var(--color-neutral-500);
22
- --color-bg-neutral-secondary: var(--color-neutral-600);
19
+ --color-bg-neutral-secondary: var(--color-neutral-black);
23
20
  --color-bg-neutral-tertiary: var(--color-white-alpha-8);
24
- --color-border-default: var(--color-white-alpha-16);
25
- --color-border-secondary: var(--color-white-alpha-12);
26
- --color-icon-default: var(--color-neutral-300);
27
- --color-icon-secondary: var(--color-neutral-500);
28
- --color-icon-tertiary: var(--color-neutral-600);
21
+ --color-text-contrast: var(--color-neutral-50);
22
+ --color-text-default: var(--color-neutral-300);
23
+ --color-text-subtle: var(--color-neutral-400);
24
+ --color-text-accent: var(--color-green-400);
25
+ --color-text-contrast-on-dark-bg: var(--#ffffff);
26
+ --color-text-default-on-dark-bg: var(--#ffffff);
27
+ --color-text-subtle-on-dark-bg: var(--#ffffff);
28
+ --color-border-default: var(--color-white-alpha-32);
29
+ --color-border-secondary: var(--color-white-alpha-24);
30
+ --color-action-icon-default: var(--color-neutral-300);
31
+ --color-action-icon-default-hover: var(--color-neutral-500);
32
+ --color-action-icon-active: var(--color-green-500);
33
+ --color-action-bg-default: var(--color-neutral-300);
34
+ --color-action-bg-default-hover: var(--color-neutral-500);
35
+ --color-action-bg-active: var(--color-white-alpha-8);
36
+ --color-action-text-default: var(--color-neutral-300);
37
+ --color-action-text-secondary: var(--color-neutral-500);
38
+ --color-action-text-tertiary: var(--color-neutral-600);
39
+ --color-action-border-default: var(--color-neutral-300);
40
+ --color-action-border-secondary: var(--color-neutral-500);
41
+ --color-action-border-tertiary: var(--color-neutral-600);
29
42
  --color-feedback-negative-text: var(--color-red-500);
30
43
  --color-feedback-negative-icon: var(--color-red-400);
31
44
  --color-feedback-negative-bg: var(--color-red-100);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "snapshot-labs-theme",
3
- "version": "0.1.38",
3
+ "version": "0.1.40",
4
4
  "type": "module",
5
5
  "scripts": {
6
6
  "build": "node build.js",