@jakeseanp/socrates-ui 0.3.0 → 0.3.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.
- package/base.css +68 -68
- package/package.json +1 -1
- package/theme.css +32 -32
package/base.css
CHANGED
|
@@ -1,78 +1,78 @@
|
|
|
1
1
|
@layer base {
|
|
2
2
|
:root {
|
|
3
|
-
--background: 1 0 0;
|
|
4
|
-
--foreground: 0.145 0 0;
|
|
5
|
-
--card: 1 0 0;
|
|
6
|
-
--card-foreground: 0.145 0 0;
|
|
7
|
-
--popover: 1 0 0;
|
|
8
|
-
--popover-foreground: 0.145 0 0;
|
|
9
|
-
--primary: 0.5 0.134 242.749;
|
|
10
|
-
--primary-foreground: 0.977 0.013 236.62;
|
|
11
|
-
--secondary: 0.967 0.001 286.375;
|
|
12
|
-
--secondary-foreground: 0.21 0.006 285.885;
|
|
13
|
-
--muted: 0.97 0 0;
|
|
14
|
-
--muted-foreground: 0.556 0 0;
|
|
15
|
-
--accent: 0.97 0 0;
|
|
16
|
-
--accent-foreground: 0.205 0 0;
|
|
17
|
-
--destructive: 0.577 0.245 27.325;
|
|
18
|
-
--destructive-foreground: 0.985 0 0;
|
|
19
|
-
--border: 0.922 0 0;
|
|
20
|
-
--input: 0.922 0 0;
|
|
21
|
-
--ring: 0.708 0 0;
|
|
22
|
-
--chart-1: 0.87 0 0;
|
|
23
|
-
--chart-2: 0.556 0 0;
|
|
24
|
-
--chart-3: 0.439 0 0;
|
|
25
|
-
--chart-4: 0.371 0 0;
|
|
26
|
-
--chart-5: 0.269 0 0;
|
|
3
|
+
--background: oklch(1 0 0);
|
|
4
|
+
--foreground: oklch(0.145 0 0);
|
|
5
|
+
--card: oklch(1 0 0);
|
|
6
|
+
--card-foreground: oklch(0.145 0 0);
|
|
7
|
+
--popover: oklch(1 0 0);
|
|
8
|
+
--popover-foreground: oklch(0.145 0 0);
|
|
9
|
+
--primary: oklch(0.5 0.134 242.749);
|
|
10
|
+
--primary-foreground: oklch(0.977 0.013 236.62);
|
|
11
|
+
--secondary: oklch(0.967 0.001 286.375);
|
|
12
|
+
--secondary-foreground: oklch(0.21 0.006 285.885);
|
|
13
|
+
--muted: oklch(0.97 0 0);
|
|
14
|
+
--muted-foreground: oklch(0.556 0 0);
|
|
15
|
+
--accent: oklch(0.97 0 0);
|
|
16
|
+
--accent-foreground: oklch(0.205 0 0);
|
|
17
|
+
--destructive: oklch(0.577 0.245 27.325);
|
|
18
|
+
--destructive-foreground: oklch(0.985 0 0);
|
|
19
|
+
--border: oklch(0.922 0 0);
|
|
20
|
+
--input: oklch(0.922 0 0);
|
|
21
|
+
--ring: oklch(0.708 0 0);
|
|
22
|
+
--chart-1: oklch(0.87 0 0);
|
|
23
|
+
--chart-2: oklch(0.556 0 0);
|
|
24
|
+
--chart-3: oklch(0.439 0 0);
|
|
25
|
+
--chart-4: oklch(0.371 0 0);
|
|
26
|
+
--chart-5: oklch(0.269 0 0);
|
|
27
27
|
--radius: 0.625rem;
|
|
28
|
-
--sidebar: 0.985 0 0;
|
|
29
|
-
--sidebar-foreground: 0.145 0 0;
|
|
30
|
-
--sidebar-primary: 0.588 0.158 241.966;
|
|
31
|
-
--sidebar-primary-foreground: 0.977 0.013 236.62;
|
|
32
|
-
--sidebar-accent: 0.97 0 0;
|
|
33
|
-
--sidebar-accent-foreground: 0.205 0 0;
|
|
34
|
-
--sidebar-border: 0.922 0 0;
|
|
35
|
-
--sidebar-ring: 0.708 0 0;
|
|
28
|
+
--sidebar: oklch(0.985 0 0);
|
|
29
|
+
--sidebar-foreground: oklch(0.145 0 0);
|
|
30
|
+
--sidebar-primary: oklch(0.588 0.158 241.966);
|
|
31
|
+
--sidebar-primary-foreground: oklch(0.977 0.013 236.62);
|
|
32
|
+
--sidebar-accent: oklch(0.97 0 0);
|
|
33
|
+
--sidebar-accent-foreground: oklch(0.205 0 0);
|
|
34
|
+
--sidebar-border: oklch(0.922 0 0);
|
|
35
|
+
--sidebar-ring: oklch(0.708 0 0);
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
.dark {
|
|
39
|
-
--background: 0.145 0 0;
|
|
40
|
-
--foreground: 0.985 0 0;
|
|
41
|
-
--card: 0.205 0 0;
|
|
42
|
-
--card-foreground: 0.985 0 0;
|
|
43
|
-
--popover: 0.205 0 0;
|
|
44
|
-
--popover-foreground: 0.985 0 0;
|
|
45
|
-
--primary: 0.443 0.11 240.79;
|
|
46
|
-
--primary-foreground: 0.977 0.013 236.62;
|
|
47
|
-
--secondary: 0.274 0.006 286.033;
|
|
48
|
-
--secondary-foreground: 0.985 0 0;
|
|
49
|
-
--muted: 0.269 0 0;
|
|
50
|
-
--muted-foreground: 0.708 0 0;
|
|
51
|
-
--accent: 0.269 0 0;
|
|
52
|
-
--accent-foreground: 0.985 0 0;
|
|
53
|
-
--destructive: 0.704 0.191 22.216;
|
|
54
|
-
--destructive-foreground: 0.985 0 0;
|
|
55
|
-
--border: 0.23 0 0;
|
|
56
|
-
--input: 0.273 0 0;
|
|
57
|
-
--ring: 0.556 0 0;
|
|
58
|
-
--chart-1: 0.87 0 0;
|
|
59
|
-
--chart-2: 0.556 0 0;
|
|
60
|
-
--chart-3: 0.439 0 0;
|
|
61
|
-
--chart-4: 0.371 0 0;
|
|
62
|
-
--chart-5: 0.269 0 0;
|
|
63
|
-
--sidebar: 0.205 0 0;
|
|
64
|
-
--sidebar-foreground: 0.985 0 0;
|
|
65
|
-
--sidebar-primary: 0.685 0.169 237.323;
|
|
66
|
-
--sidebar-primary-foreground: 0.293 0.066 243.157;
|
|
67
|
-
--sidebar-accent: 0.269 0 0;
|
|
68
|
-
--sidebar-accent-foreground: 0.985 0 0;
|
|
69
|
-
--sidebar-border: 0.23 0 0;
|
|
70
|
-
--sidebar-ring: 0.556 0 0;
|
|
39
|
+
--background: oklch(0.145 0 0);
|
|
40
|
+
--foreground: oklch(0.985 0 0);
|
|
41
|
+
--card: oklch(0.205 0 0);
|
|
42
|
+
--card-foreground: oklch(0.985 0 0);
|
|
43
|
+
--popover: oklch(0.205 0 0);
|
|
44
|
+
--popover-foreground: oklch(0.985 0 0);
|
|
45
|
+
--primary: oklch(0.443 0.11 240.79);
|
|
46
|
+
--primary-foreground: oklch(0.977 0.013 236.62);
|
|
47
|
+
--secondary: oklch(0.274 0.006 286.033);
|
|
48
|
+
--secondary-foreground: oklch(0.985 0 0);
|
|
49
|
+
--muted: oklch(0.269 0 0);
|
|
50
|
+
--muted-foreground: oklch(0.708 0 0);
|
|
51
|
+
--accent: oklch(0.269 0 0);
|
|
52
|
+
--accent-foreground: oklch(0.985 0 0);
|
|
53
|
+
--destructive: oklch(0.704 0.191 22.216);
|
|
54
|
+
--destructive-foreground: oklch(0.985 0 0);
|
|
55
|
+
--border: oklch(0.23 0 0);
|
|
56
|
+
--input: oklch(0.273 0 0);
|
|
57
|
+
--ring: oklch(0.556 0 0);
|
|
58
|
+
--chart-1: oklch(0.87 0 0);
|
|
59
|
+
--chart-2: oklch(0.556 0 0);
|
|
60
|
+
--chart-3: oklch(0.439 0 0);
|
|
61
|
+
--chart-4: oklch(0.371 0 0);
|
|
62
|
+
--chart-5: oklch(0.269 0 0);
|
|
63
|
+
--sidebar: oklch(0.205 0 0);
|
|
64
|
+
--sidebar-foreground: oklch(0.985 0 0);
|
|
65
|
+
--sidebar-primary: oklch(0.685 0.169 237.323);
|
|
66
|
+
--sidebar-primary-foreground: oklch(0.293 0.066 243.157);
|
|
67
|
+
--sidebar-accent: oklch(0.269 0 0);
|
|
68
|
+
--sidebar-accent-foreground: oklch(0.985 0 0);
|
|
69
|
+
--sidebar-border: oklch(0.23 0 0);
|
|
70
|
+
--sidebar-ring: oklch(0.556 0 0);
|
|
71
71
|
}
|
|
72
72
|
|
|
73
73
|
* {
|
|
74
|
-
border-color:
|
|
75
|
-
outline-color: color-mix(in oklch,
|
|
74
|
+
border-color: var(--border);
|
|
75
|
+
outline-color: color-mix(in oklch, var(--ring) 50%, transparent);
|
|
76
76
|
}
|
|
77
77
|
|
|
78
78
|
html {
|
|
@@ -80,8 +80,8 @@
|
|
|
80
80
|
}
|
|
81
81
|
|
|
82
82
|
body {
|
|
83
|
-
background-color:
|
|
84
|
-
color:
|
|
83
|
+
background-color: var(--background);
|
|
84
|
+
color: var(--foreground);
|
|
85
85
|
}
|
|
86
86
|
|
|
87
87
|
button:not(:disabled),
|
package/package.json
CHANGED
package/theme.css
CHANGED
|
@@ -2,38 +2,38 @@
|
|
|
2
2
|
--font-sans: "Geist", "Geist Fallback", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
|
3
3
|
--font-mono: "Geist Mono", "Geist Mono Fallback", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
4
4
|
|
|
5
|
-
--color-background:
|
|
6
|
-
--color-foreground:
|
|
7
|
-
--color-card:
|
|
8
|
-
--color-card-foreground:
|
|
9
|
-
--color-popover:
|
|
10
|
-
--color-popover-foreground:
|
|
11
|
-
--color-primary:
|
|
12
|
-
--color-primary-foreground:
|
|
13
|
-
--color-secondary:
|
|
14
|
-
--color-secondary-foreground:
|
|
15
|
-
--color-muted:
|
|
16
|
-
--color-muted-foreground:
|
|
17
|
-
--color-accent:
|
|
18
|
-
--color-accent-foreground:
|
|
19
|
-
--color-destructive:
|
|
20
|
-
--color-destructive-foreground:
|
|
21
|
-
--color-border:
|
|
22
|
-
--color-input:
|
|
23
|
-
--color-ring:
|
|
24
|
-
--color-chart-1:
|
|
25
|
-
--color-chart-2:
|
|
26
|
-
--color-chart-3:
|
|
27
|
-
--color-chart-4:
|
|
28
|
-
--color-chart-5:
|
|
29
|
-
--color-sidebar:
|
|
30
|
-
--color-sidebar-foreground:
|
|
31
|
-
--color-sidebar-primary:
|
|
32
|
-
--color-sidebar-primary-foreground:
|
|
33
|
-
--color-sidebar-accent:
|
|
34
|
-
--color-sidebar-accent-foreground:
|
|
35
|
-
--color-sidebar-border:
|
|
36
|
-
--color-sidebar-ring:
|
|
5
|
+
--color-background: var(--background);
|
|
6
|
+
--color-foreground: var(--foreground);
|
|
7
|
+
--color-card: var(--card);
|
|
8
|
+
--color-card-foreground: var(--card-foreground);
|
|
9
|
+
--color-popover: var(--popover);
|
|
10
|
+
--color-popover-foreground: var(--popover-foreground);
|
|
11
|
+
--color-primary: var(--primary);
|
|
12
|
+
--color-primary-foreground: var(--primary-foreground);
|
|
13
|
+
--color-secondary: var(--secondary);
|
|
14
|
+
--color-secondary-foreground: var(--secondary-foreground);
|
|
15
|
+
--color-muted: var(--muted);
|
|
16
|
+
--color-muted-foreground: var(--muted-foreground);
|
|
17
|
+
--color-accent: var(--accent);
|
|
18
|
+
--color-accent-foreground: var(--accent-foreground);
|
|
19
|
+
--color-destructive: var(--destructive);
|
|
20
|
+
--color-destructive-foreground: var(--destructive-foreground);
|
|
21
|
+
--color-border: var(--border);
|
|
22
|
+
--color-input: var(--input);
|
|
23
|
+
--color-ring: var(--ring);
|
|
24
|
+
--color-chart-1: var(--chart-1);
|
|
25
|
+
--color-chart-2: var(--chart-2);
|
|
26
|
+
--color-chart-3: var(--chart-3);
|
|
27
|
+
--color-chart-4: var(--chart-4);
|
|
28
|
+
--color-chart-5: var(--chart-5);
|
|
29
|
+
--color-sidebar: var(--sidebar);
|
|
30
|
+
--color-sidebar-foreground: var(--sidebar-foreground);
|
|
31
|
+
--color-sidebar-primary: var(--sidebar-primary);
|
|
32
|
+
--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
|
|
33
|
+
--color-sidebar-accent: var(--sidebar-accent);
|
|
34
|
+
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
|
|
35
|
+
--color-sidebar-border: var(--sidebar-border);
|
|
36
|
+
--color-sidebar-ring: var(--sidebar-ring);
|
|
37
37
|
|
|
38
38
|
--radius-lg: var(--radius);
|
|
39
39
|
--radius-md: calc(var(--radius) - 2px);
|