snapshot-labs-theme 0.1.37 → 0.1.39

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 +7 -0
  2. package/build/css/semantic/colors.css +24 -9
  3. package/build/css/semantic/colors.dark.css +26 -11
  4. package/package.json +1 -1
package/build/css/base/colors.css CHANGED
@@ -13,6 +13,7 @@
13
13
  --color-neutral-150: oklch(0.88 0.01 97.40);
14
14
  --color-neutral-200: oklch(0.85 0.01 101.99);
15
15
  --color-neutral-300: oklch(0.77 0.01 96.41);
16
+ --color-neutral-400: oklch(0.7 0.02 99.06);
16
17
  --color-neutral-500: oklch(0.62 0.01 88.62);
17
18
  --color-neutral-600: oklch(0.54 0.01 97.38);
18
19
  --color-neutral-700: oklch(0.45 0 91.44);
@@ -122,6 +123,7 @@
122
123
  --color-blue-800: oklch(0.41 0.14 274.66);
123
124
  --color-blue-900: oklch(0.38 0.09 276.25);
124
125
  --color-blue-950: oklch(0.29 0.05 278.06);
126
+ --color-black-alpha-3: oklch(0.27 0 67.74 / 0.03);
125
127
  --color-black-alpha-4: oklch(0.27 0 67.74 / 0.04);
126
128
  --color-black-alpha-8: oklch(0.27 0 67.74 / 0.08);
127
129
  --color-black-alpha-12: oklch(0.27 0 67.74 / 0.12);
@@ -132,4 +134,9 @@
132
134
  --color-white-alpha-12: oklch(0.99 0.01 95.08 / 0.12);
133
135
  --color-white-alpha-16: oklch(0.99 0.01 95.08 / 0.16);
134
136
  --color-white-alpha-24: oklch(0.99 0.01 95.08 / 0.24);
137
+ --color-white-alpha-32: oklch(0.99 0.01 95.08 / 0.32);
138
+ --color-white-alpha-48: oklch(0.99 0.01 95.08 / 0.48);
139
+ --color-white-alpha-64: oklch(0.99 0.01 95.08 / 0.64);
140
+ --color-white-alpha-80: oklch(0.99 0.01 95.08 / 0.8);
141
+ --color-white-alpha-100: oklch(0.99 0.01 95.08);
135
142
  }
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-blue-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,11 +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-600);
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);
28
43
  --color-feedback-negative-text: var(--color-red-700);
29
44
  --color-feedback-negative-icon: var(--color-red-500);
30
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-150);
8
- --color-text-default: var(--color-neutral-300);
9
- --color-text-subtle: var(--color-neutral-500);
10
- --color-text-accent: var(--color-blue-500);
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,11 +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(--#ffffff);
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);
27
42
  --color-feedback-negative-text: var(--color-red-500);
28
43
  --color-feedback-negative-icon: var(--color-red-400);
29
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.37",
3
+ "version": "0.1.39",
4
4
  "type": "module",
5
5
  "scripts": {
6
6
  "build": "node build.js",