@static-ui/themes 0.1.0-beta.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 (8) hide show
  1. package/blue.json +50 -0
  2. package/cyberpunk.json +50 -0
  3. package/gaming.json +50 -0
  4. package/green.json +50 -0
  5. package/modern.json +50 -0
  6. package/package.json +44 -0
  7. package/slate.json +50 -0
  8. package/zinc.json +50 -0
package/blue.json ADDED
@@ -0,0 +1,50 @@
1
+ {
2
+ "name": "blue",
3
+ "label": "Blue",
4
+ "active": false,
5
+ "css": {
6
+ ":root": {
7
+ "--background": "oklch(1 0 0)",
8
+ "--foreground": "oklch(0.13 0.028 261.69)",
9
+ "--card": "oklch(1 0 0)",
10
+ "--card-foreground": "oklch(0.13 0.028 261.69)",
11
+ "--popover": "oklch(1 0 0)",
12
+ "--popover-foreground": "oklch(0.13 0.028 261.69)",
13
+ "--primary": "oklch(0.546 0.245 262.88)",
14
+ "--primary-foreground": "oklch(1 0 0)",
15
+ "--secondary": "oklch(0.946 0.054 262.88)",
16
+ "--secondary-foreground": "oklch(0.278 0.069 262.88)",
17
+ "--muted": "oklch(0.946 0.054 262.88)",
18
+ "--muted-foreground": "oklch(0.556 0.04 262.88)",
19
+ "--accent": "oklch(0.946 0.054 262.88)",
20
+ "--accent-foreground": "oklch(0.278 0.069 262.88)",
21
+ "--destructive": "oklch(0.577 0.245 27.33)",
22
+ "--destructive-foreground": "oklch(1 0 0)",
23
+ "--border": "oklch(0.922 0.022 262.88)",
24
+ "--input": "oklch(0.922 0.022 262.88)",
25
+ "--ring": "oklch(0.546 0.245 262.88)",
26
+ "--radius": "0.5rem"
27
+ },
28
+ "dark": {
29
+ "--background": "oklch(0.13 0.028 261.69)",
30
+ "--foreground": "oklch(0.985 0.002 247.86)",
31
+ "--card": "oklch(0.13 0.028 261.69)",
32
+ "--card-foreground": "oklch(0.985 0.002 247.86)",
33
+ "--popover": "oklch(0.13 0.028 261.69)",
34
+ "--popover-foreground": "oklch(0.985 0.002 247.86)",
35
+ "--primary": "oklch(0.546 0.245 262.88)",
36
+ "--primary-foreground": "oklch(1 0 0)",
37
+ "--secondary": "oklch(0.278 0.069 262.88)",
38
+ "--secondary-foreground": "oklch(0.985 0.002 247.86)",
39
+ "--muted": "oklch(0.278 0.069 262.88)",
40
+ "--muted-foreground": "oklch(0.708 0.04 262.88)",
41
+ "--accent": "oklch(0.278 0.069 262.88)",
42
+ "--accent-foreground": "oklch(0.985 0.002 247.86)",
43
+ "--destructive": "oklch(0.577 0.245 27.33)",
44
+ "--destructive-foreground": "oklch(1 0 0)",
45
+ "--border": "oklch(0.278 0.069 262.88)",
46
+ "--input": "oklch(0.278 0.069 262.88)",
47
+ "--ring": "oklch(0.546 0.245 262.88)"
48
+ }
49
+ }
50
+ }
package/cyberpunk.json ADDED
@@ -0,0 +1,50 @@
1
+ {
2
+ "name": "cyberpunk",
3
+ "label": "Cyberpunk",
4
+ "active": false,
5
+ "css": {
6
+ ":root": {
7
+ "--background": "oklch(1 0 0)",
8
+ "--foreground": "oklch(0.07 0.04 280)",
9
+ "--card": "oklch(1 0 0)",
10
+ "--card-foreground": "oklch(0.07 0.04 280)",
11
+ "--popover": "oklch(1 0 0)",
12
+ "--popover-foreground": "oklch(0.07 0.04 280)",
13
+ "--primary": "oklch(0.905 0.22 116.35)",
14
+ "--primary-foreground": "oklch(0.07 0.04 280)",
15
+ "--secondary": "oklch(0.6 0.27 230)",
16
+ "--secondary-foreground": "oklch(1 0 0)",
17
+ "--muted": "oklch(0.9 0.04 280)",
18
+ "--muted-foreground": "oklch(0.5 0.06 280)",
19
+ "--accent": "oklch(0.6 0.27 230)",
20
+ "--accent-foreground": "oklch(1 0 0)",
21
+ "--destructive": "oklch(0.637 0.237 25.33)",
22
+ "--destructive-foreground": "oklch(1 0 0)",
23
+ "--border": "oklch(0.8 0.06 280)",
24
+ "--input": "oklch(0.8 0.06 280)",
25
+ "--ring": "oklch(0.905 0.22 116.35)",
26
+ "--radius": "0.5rem"
27
+ },
28
+ "dark": {
29
+ "--background": "oklch(0.07 0.04 280)",
30
+ "--foreground": "oklch(0.985 0.002 247.86)",
31
+ "--card": "oklch(0.07 0.04 280)",
32
+ "--card-foreground": "oklch(0.985 0.002 247.86)",
33
+ "--popover": "oklch(0.07 0.04 280)",
34
+ "--popover-foreground": "oklch(0.985 0.002 247.86)",
35
+ "--primary": "oklch(0.905 0.22 116.35)",
36
+ "--primary-foreground": "oklch(0.07 0.04 280)",
37
+ "--secondary": "oklch(0.6 0.27 230)",
38
+ "--secondary-foreground": "oklch(1 0 0)",
39
+ "--muted": "oklch(0.15 0.06 280)",
40
+ "--muted-foreground": "oklch(0.6 0.08 280)",
41
+ "--accent": "oklch(0.6 0.27 230)",
42
+ "--accent-foreground": "oklch(1 0 0)",
43
+ "--destructive": "oklch(0.637 0.237 25.33)",
44
+ "--destructive-foreground": "oklch(1 0 0)",
45
+ "--border": "oklch(0.2 0.08 280)",
46
+ "--input": "oklch(0.2 0.08 280)",
47
+ "--ring": "oklch(0.905 0.22 116.35)"
48
+ }
49
+ }
50
+ }
package/gaming.json ADDED
@@ -0,0 +1,50 @@
1
+ {
2
+ "name": "gaming",
3
+ "label": "Gaming",
4
+ "active": false,
5
+ "css": {
6
+ ":root": {
7
+ "--background": "oklch(1 0 0)",
8
+ "--foreground": "oklch(0.09 0.02 300)",
9
+ "--card": "oklch(1 0 0)",
10
+ "--card-foreground": "oklch(0.09 0.02 300)",
11
+ "--popover": "oklch(1 0 0)",
12
+ "--popover-foreground": "oklch(0.09 0.02 300)",
13
+ "--primary": "oklch(0.623 0.265 340.32)",
14
+ "--primary-foreground": "oklch(1 0 0)",
15
+ "--secondary": "oklch(0.685 0.235 215.78)",
16
+ "--secondary-foreground": "oklch(1 0 0)",
17
+ "--muted": "oklch(0.92 0.02 300)",
18
+ "--muted-foreground": "oklch(0.5 0.05 300)",
19
+ "--accent": "oklch(0.685 0.235 215.78)",
20
+ "--accent-foreground": "oklch(1 0 0)",
21
+ "--destructive": "oklch(0.637 0.237 25.33)",
22
+ "--destructive-foreground": "oklch(1 0 0)",
23
+ "--border": "oklch(0.85 0.03 300)",
24
+ "--input": "oklch(0.85 0.03 300)",
25
+ "--ring": "oklch(0.623 0.265 340.32)",
26
+ "--radius": "0.5rem"
27
+ },
28
+ "dark": {
29
+ "--background": "oklch(0.09 0.02 300)",
30
+ "--foreground": "oklch(0.985 0.002 247.86)",
31
+ "--card": "oklch(0.09 0.02 300)",
32
+ "--card-foreground": "oklch(0.985 0.002 247.86)",
33
+ "--popover": "oklch(0.09 0.02 300)",
34
+ "--popover-foreground": "oklch(0.985 0.002 247.86)",
35
+ "--primary": "oklch(0.623 0.265 340.32)",
36
+ "--primary-foreground": "oklch(1 0 0)",
37
+ "--secondary": "oklch(0.685 0.235 215.78)",
38
+ "--secondary-foreground": "oklch(1 0 0)",
39
+ "--muted": "oklch(0.2 0.04 300)",
40
+ "--muted-foreground": "oklch(0.6 0.06 300)",
41
+ "--accent": "oklch(0.685 0.235 215.78)",
42
+ "--accent-foreground": "oklch(1 0 0)",
43
+ "--destructive": "oklch(0.637 0.237 25.33)",
44
+ "--destructive-foreground": "oklch(1 0 0)",
45
+ "--border": "oklch(0.25 0.04 300)",
46
+ "--input": "oklch(0.25 0.04 300)",
47
+ "--ring": "oklch(0.685 0.235 215.78)"
48
+ }
49
+ }
50
+ }
package/green.json ADDED
@@ -0,0 +1,50 @@
1
+ {
2
+ "name": "green",
3
+ "label": "Green",
4
+ "active": true,
5
+ "css": {
6
+ ":root": {
7
+ "--background": "oklch(1 0 0)",
8
+ "--foreground": "oklch(0.13 0.028 261.69)",
9
+ "--card": "oklch(1 0 0)",
10
+ "--card-foreground": "oklch(0.13 0.028 261.69)",
11
+ "--popover": "oklch(1 0 0)",
12
+ "--popover-foreground": "oklch(0.13 0.028 261.69)",
13
+ "--primary": "oklch(0.527 0.154 150.07)",
14
+ "--primary-foreground": "oklch(1 0 0)",
15
+ "--secondary": "oklch(0.966 0.022 144.65)",
16
+ "--secondary-foreground": "oklch(0.304 0.062 152.85)",
17
+ "--muted": "oklch(0.966 0.022 144.65)",
18
+ "--muted-foreground": "oklch(0.556 0.034 152.85)",
19
+ "--accent": "oklch(0.966 0.022 144.65)",
20
+ "--accent-foreground": "oklch(0.304 0.062 152.85)",
21
+ "--destructive": "oklch(0.577 0.245 27.33)",
22
+ "--destructive-foreground": "oklch(1 0 0)",
23
+ "--border": "oklch(0.922 0.018 144.65)",
24
+ "--input": "oklch(0.922 0.018 144.65)",
25
+ "--ring": "oklch(0.527 0.154 150.07)",
26
+ "--radius": "0.5rem"
27
+ },
28
+ "dark": {
29
+ "--background": "oklch(0.13 0.028 261.69)",
30
+ "--foreground": "oklch(0.985 0.002 247.86)",
31
+ "--card": "oklch(0.13 0.028 261.69)",
32
+ "--card-foreground": "oklch(0.985 0.002 247.86)",
33
+ "--popover": "oklch(0.13 0.028 261.69)",
34
+ "--popover-foreground": "oklch(0.985 0.002 247.86)",
35
+ "--primary": "oklch(0.527 0.154 150.07)",
36
+ "--primary-foreground": "oklch(1 0 0)",
37
+ "--secondary": "oklch(0.268 0.054 152.85)",
38
+ "--secondary-foreground": "oklch(0.985 0.002 247.86)",
39
+ "--muted": "oklch(0.268 0.054 152.85)",
40
+ "--muted-foreground": "oklch(0.708 0.034 152.85)",
41
+ "--accent": "oklch(0.268 0.054 152.85)",
42
+ "--accent-foreground": "oklch(0.985 0.002 247.86)",
43
+ "--destructive": "oklch(0.577 0.245 27.33)",
44
+ "--destructive-foreground": "oklch(1 0 0)",
45
+ "--border": "oklch(0.268 0.054 152.85)",
46
+ "--input": "oklch(0.268 0.054 152.85)",
47
+ "--ring": "oklch(0.527 0.154 150.07)"
48
+ }
49
+ }
50
+ }
package/modern.json ADDED
@@ -0,0 +1,50 @@
1
+ {
2
+ "name": "modern",
3
+ "label": "Modern",
4
+ "active": false,
5
+ "css": {
6
+ ":root": {
7
+ "--background": "oklch(1 0 0)",
8
+ "--foreground": "oklch(0.13 0.02 240)",
9
+ "--card": "oklch(1 0 0)",
10
+ "--card-foreground": "oklch(0.13 0.02 240)",
11
+ "--popover": "oklch(1 0 0)",
12
+ "--popover-foreground": "oklch(0.13 0.02 240)",
13
+ "--primary": "oklch(0.6 0.18 195)",
14
+ "--primary-foreground": "oklch(1 0 0)",
15
+ "--secondary": "oklch(0.96 0.02 195)",
16
+ "--secondary-foreground": "oklch(0.25 0.04 195)",
17
+ "--muted": "oklch(0.96 0.02 195)",
18
+ "--muted-foreground": "oklch(0.55 0.03 195)",
19
+ "--accent": "oklch(0.96 0.02 195)",
20
+ "--accent-foreground": "oklch(0.25 0.04 195)",
21
+ "--destructive": "oklch(0.577 0.245 27.33)",
22
+ "--destructive-foreground": "oklch(1 0 0)",
23
+ "--border": "oklch(0.92 0.02 195)",
24
+ "--input": "oklch(0.92 0.02 195)",
25
+ "--ring": "oklch(0.6 0.18 195)",
26
+ "--radius": "0.5rem"
27
+ },
28
+ "dark": {
29
+ "--background": "oklch(0.13 0.02 240)",
30
+ "--foreground": "oklch(0.985 0.002 247.86)",
31
+ "--card": "oklch(0.13 0.02 240)",
32
+ "--card-foreground": "oklch(0.985 0.002 247.86)",
33
+ "--popover": "oklch(0.13 0.02 240)",
34
+ "--popover-foreground": "oklch(0.985 0.002 247.86)",
35
+ "--primary": "oklch(0.6 0.18 195)",
36
+ "--primary-foreground": "oklch(1 0 0)",
37
+ "--secondary": "oklch(0.22 0.04 195)",
38
+ "--secondary-foreground": "oklch(0.985 0.002 247.86)",
39
+ "--muted": "oklch(0.22 0.04 195)",
40
+ "--muted-foreground": "oklch(0.65 0.04 195)",
41
+ "--accent": "oklch(0.22 0.04 195)",
42
+ "--accent-foreground": "oklch(0.985 0.002 247.86)",
43
+ "--destructive": "oklch(0.577 0.245 27.33)",
44
+ "--destructive-foreground": "oklch(1 0 0)",
45
+ "--border": "oklch(0.22 0.04 195)",
46
+ "--input": "oklch(0.22 0.04 195)",
47
+ "--ring": "oklch(0.6 0.18 195)"
48
+ }
49
+ }
50
+ }
package/package.json ADDED
@@ -0,0 +1,44 @@
1
+ {
2
+ "name": "@static-ui/themes",
3
+ "version": "0.1.0-beta.1",
4
+ "private": false,
5
+ "type": "module",
6
+ "description": "Theme definitions for Static UI - CSS variable presets for every color scheme. Includes green, blue, zinc, slate, gaming, cyberpunk, and modern themes.",
7
+ "main": "./green.json",
8
+ "module": "./green.json",
9
+ "exports": {
10
+ "./green.json": "./green.json",
11
+ "./blue.json": "./blue.json",
12
+ "./zinc.json": "./zinc.json",
13
+ "./slate.json": "./slate.json",
14
+ "./gaming.json": "./gaming.json",
15
+ "./cyberpunk.json": "./cyberpunk.json",
16
+ "./modern.json": "./modern.json"
17
+ },
18
+ "sideEffects": false,
19
+ "files": ["*.json"],
20
+ "publishConfig": {
21
+ "access": "public"
22
+ },
23
+ "keywords": [
24
+ "static-ui",
25
+ "themes",
26
+ "colors",
27
+ "css-variables",
28
+ "design-system"
29
+ ],
30
+ "repository": {
31
+ "type": "git",
32
+ "url": "git+https://github.com/Anshul563/static-ui.git",
33
+ "directory": "packages/themes"
34
+ },
35
+ "homepage": "https://get-staticui.vercel.app",
36
+ "bugs": {
37
+ "url": "https://github.com/Anshul563/static-ui/issues"
38
+ },
39
+ "author": {
40
+ "name": "Anshul Shakya",
41
+ "url": "https://github.com/Anshul563"
42
+ },
43
+ "license": "MIT"
44
+ }
package/slate.json ADDED
@@ -0,0 +1,50 @@
1
+ {
2
+ "name": "slate",
3
+ "label": "Slate",
4
+ "active": false,
5
+ "css": {
6
+ ":root": {
7
+ "--background": "oklch(1 0 0)",
8
+ "--foreground": "oklch(0.129 0.042 264.7)",
9
+ "--card": "oklch(1 0 0)",
10
+ "--card-foreground": "oklch(0.129 0.042 264.7)",
11
+ "--popover": "oklch(1 0 0)",
12
+ "--popover-foreground": "oklch(0.129 0.042 264.7)",
13
+ "--primary": "oklch(0.129 0.042 264.7)",
14
+ "--primary-foreground": "oklch(1 0 0)",
15
+ "--secondary": "oklch(0.968 0.007 264.5)",
16
+ "--secondary-foreground": "oklch(0.208 0.042 265.76)",
17
+ "--muted": "oklch(0.968 0.007 264.5)",
18
+ "--muted-foreground": "oklch(0.554 0.046 257.42)",
19
+ "--accent": "oklch(0.968 0.007 264.5)",
20
+ "--accent-foreground": "oklch(0.208 0.042 265.76)",
21
+ "--destructive": "oklch(0.577 0.245 27.33)",
22
+ "--destructive-foreground": "oklch(1 0 0)",
23
+ "--border": "oklch(0.929 0.013 255.51)",
24
+ "--input": "oklch(0.929 0.013 255.51)",
25
+ "--ring": "oklch(0.129 0.042 264.7)",
26
+ "--radius": "0.5rem"
27
+ },
28
+ "dark": {
29
+ "--background": "oklch(0.129 0.042 264.7)",
30
+ "--foreground": "oklch(0.984 0.003 247.86)",
31
+ "--card": "oklch(0.129 0.042 264.7)",
32
+ "--card-foreground": "oklch(0.984 0.003 247.86)",
33
+ "--popover": "oklch(0.129 0.042 264.7)",
34
+ "--popover-foreground": "oklch(0.984 0.003 247.86)",
35
+ "--primary": "oklch(1 0 0)",
36
+ "--primary-foreground": "oklch(0.129 0.042 264.7)",
37
+ "--secondary": "oklch(0.279 0.041 260.03)",
38
+ "--secondary-foreground": "oklch(0.984 0.003 247.86)",
39
+ "--muted": "oklch(0.279 0.041 260.03)",
40
+ "--muted-foreground": "oklch(0.704 0.04 256.79)",
41
+ "--accent": "oklch(0.279 0.041 260.03)",
42
+ "--accent-foreground": "oklch(0.984 0.003 247.86)",
43
+ "--destructive": "oklch(0.577 0.245 27.33)",
44
+ "--destructive-foreground": "oklch(1 0 0)",
45
+ "--border": "oklch(0.279 0.041 260.03)",
46
+ "--input": "oklch(0.279 0.041 260.03)",
47
+ "--ring": "oklch(0.871 0.006 286.29)"
48
+ }
49
+ }
50
+ }
package/zinc.json ADDED
@@ -0,0 +1,50 @@
1
+ {
2
+ "name": "zinc",
3
+ "label": "Zinc",
4
+ "active": false,
5
+ "css": {
6
+ ":root": {
7
+ "--background": "oklch(1 0 0)",
8
+ "--foreground": "oklch(0.141 0.005 285.82)",
9
+ "--card": "oklch(1 0 0)",
10
+ "--card-foreground": "oklch(0.141 0.005 285.82)",
11
+ "--popover": "oklch(1 0 0)",
12
+ "--popover-foreground": "oklch(0.141 0.005 285.82)",
13
+ "--primary": "oklch(0.141 0.005 285.82)",
14
+ "--primary-foreground": "oklch(1 0 0)",
15
+ "--secondary": "oklch(0.967 0.001 286.38)",
16
+ "--secondary-foreground": "oklch(0.21 0.006 285.88)",
17
+ "--muted": "oklch(0.967 0.001 286.38)",
18
+ "--muted-foreground": "oklch(0.552 0.016 285.94)",
19
+ "--accent": "oklch(0.967 0.001 286.38)",
20
+ "--accent-foreground": "oklch(0.21 0.006 285.88)",
21
+ "--destructive": "oklch(0.577 0.245 27.33)",
22
+ "--destructive-foreground": "oklch(1 0 0)",
23
+ "--border": "oklch(0.92 0.004 286.32)",
24
+ "--input": "oklch(0.92 0.004 286.32)",
25
+ "--ring": "oklch(0.141 0.005 285.82)",
26
+ "--radius": "0.5rem"
27
+ },
28
+ "dark": {
29
+ "--background": "oklch(0.141 0.005 285.82)",
30
+ "--foreground": "oklch(0.985 0 0)",
31
+ "--card": "oklch(0.141 0.005 285.82)",
32
+ "--card-foreground": "oklch(0.985 0 0)",
33
+ "--popover": "oklch(0.141 0.005 285.82)",
34
+ "--popover-foreground": "oklch(0.985 0 0)",
35
+ "--primary": "oklch(1 0 0)",
36
+ "--primary-foreground": "oklch(0.141 0.005 285.82)",
37
+ "--secondary": "oklch(0.274 0.006 286.03)",
38
+ "--secondary-foreground": "oklch(0.985 0 0)",
39
+ "--muted": "oklch(0.274 0.006 286.03)",
40
+ "--muted-foreground": "oklch(0.705 0.015 286.07)",
41
+ "--accent": "oklch(0.274 0.006 286.03)",
42
+ "--accent-foreground": "oklch(0.985 0 0)",
43
+ "--destructive": "oklch(0.577 0.245 27.33)",
44
+ "--destructive-foreground": "oklch(1 0 0)",
45
+ "--border": "oklch(0.274 0.006 286.03)",
46
+ "--input": "oklch(0.274 0.006 286.03)",
47
+ "--ring": "oklch(0.871 0.006 286.29)"
48
+ }
49
+ }
50
+ }