eny.space Landingpage
style(global.css): adjust green ---> lilac
+64
-62
+64
-62
app/globals.css
+64
-62
app/globals.css
···
5
5
@custom-variant dark (&:is(.dark *));
6
6
7
7
:root {
8
-
--background: oklch(1 0 0);
9
-
--foreground: oklch(0.145 0 0);
10
-
--card: oklch(1 0 0);
11
-
--card-foreground: oklch(0.145 0 0);
12
-
--popover: oklch(1 0 0);
13
-
--popover-foreground: oklch(0.145 0 0);
14
-
--primary: oklch(0.65 0.18 132);
15
-
--primary-foreground: oklch(0.99 0.03 121);
16
-
--secondary: oklch(0.967 0.001 286.375);
17
-
--secondary-foreground: oklch(0.21 0.006 285.885);
18
-
--muted: oklch(0.97 0 0);
19
-
--muted-foreground: oklch(0.556 0 0);
20
-
--accent: oklch(0.97 0 0);
21
-
--accent-foreground: oklch(0.205 0 0);
22
-
--destructive: oklch(0.58 0.22 27);
23
-
--border: oklch(0.922 0 0);
24
-
--input: oklch(0.922 0 0);
25
-
--ring: oklch(0.708 0 0);
26
-
--chart-1: oklch(0.9 0.18 127);
27
-
--chart-2: oklch(0.85 0.21 129);
28
-
--chart-3: oklch(0.77 0.2 131);
29
-
--chart-4: oklch(0.65 0.18 132);
30
-
--chart-5: oklch(0.53 0.14 132);
8
+
--background: oklch(1 0 0); /* pure white */
9
+
--foreground: oklch(0.145 0 0); /* very dark neutral (near black) */
10
+
--card: oklch(1 0 0); /* pure white */
11
+
--card-foreground: oklch(0.145 0 0); /* very dark neutral */
12
+
--popover: oklch(1 0 0); /* pure white */
13
+
--popover-foreground: oklch(0.145 0 0); /* very dark neutral */
14
+
/* Softer, lighter lilac primary for light mode */
15
+
--primary: oklch(0.88 0.16 325); /* light lilac / fuchsia */
16
+
--primary-foreground: oklch(0.22 0.05 325); /* deep plum text on lilac */
17
+
--secondary: oklch(0.967 0.001 286.375); /* very light cool gray with violet tint */
18
+
--secondary-foreground: oklch(0.21 0.006 285.885); /* deep cool gray text */
19
+
--muted: oklch(0.97 0 0); /* very light neutral gray */
20
+
--muted-foreground: oklch(0.556 0 0); /* medium neutral gray text */
21
+
--accent: oklch(0.97 0 0); /* very light neutral gray (accent bg) */
22
+
--accent-foreground: oklch(0.205 0 0); /* dark neutral text on accent */
23
+
--destructive: oklch(0.58 0.22 27); /* vivid warm red/orange */
24
+
--border: oklch(0.922 0 0); /* light neutral gray border */
25
+
--input: oklch(0.922 0 0); /* light neutral gray input */
26
+
--ring: oklch(0.708 0 0); /* medium neutral gray focus ring */
27
+
--chart-1: oklch(0.9 0.16 325); /* very light lilac */
28
+
--chart-2: oklch(0.86 0.18 325); /* light lilac */
29
+
--chart-3: oklch(0.82 0.19 325); /* mid lilac */
30
+
--chart-4: oklch(0.78 0.19 325); /* deeper lilac */
31
+
--chart-5: oklch(0.72 0.18 325); /* deepest lilac */
31
32
--radius: 0.625rem;
32
-
--sidebar: oklch(0.985 0 0);
33
-
--sidebar-foreground: oklch(0.145 0 0);
34
-
--sidebar-primary: oklch(0.65 0.18 132);
35
-
--sidebar-primary-foreground: oklch(0.99 0.03 121);
36
-
--sidebar-accent: oklch(0.97 0 0);
37
-
--sidebar-accent-foreground: oklch(0.205 0 0);
38
-
--sidebar-border: oklch(0.922 0 0);
39
-
--sidebar-ring: oklch(0.708 0 0);
33
+
--sidebar: oklch(0.985 0 0); /* off-white sidebar */
34
+
--sidebar-foreground: oklch(0.145 0 0); /* very dark neutral text */
35
+
--sidebar-primary: oklch(0.82 0.19 325); /* saturated lilac sidebar accent */
36
+
--sidebar-primary-foreground: oklch(0.99 0.02 325); /* soft near-white on lilac */
37
+
--sidebar-accent: oklch(0.97 0 0); /* very light neutral accent */
38
+
--sidebar-accent-foreground: oklch(0.205 0 0); /* dark neutral on accent */
39
+
--sidebar-border: oklch(0.922 0 0); /* light gray sidebar border */
40
+
--sidebar-ring: oklch(0.708 0 0); /* medium gray sidebar ring */
40
41
}
41
42
42
43
.dark {
43
-
--background: oklch(0.145 0 0);
44
-
--foreground: oklch(0.985 0 0);
45
-
--card: oklch(0.205 0 0);
46
-
--card-foreground: oklch(0.985 0 0);
47
-
--popover: oklch(0.205 0 0);
48
-
--popover-foreground: oklch(0.985 0 0);
49
-
--primary: oklch(0.77 0.2 131);
50
-
--primary-foreground: oklch(0.27 0.07 132);
51
-
--secondary: oklch(0.274 0.006 286.033);
52
-
--secondary-foreground: oklch(0.985 0 0);
53
-
--muted: oklch(0.269 0 0);
54
-
--muted-foreground: oklch(0.708 0 0);
55
-
--accent: oklch(0.371 0 0);
56
-
--accent-foreground: oklch(0.985 0 0);
57
-
--destructive: oklch(0.704 0.191 22.216);
58
-
--border: oklch(1 0 0 / 10%);
59
-
--input: oklch(1 0 0 / 15%);
60
-
--ring: oklch(0.556 0 0);
61
-
--chart-1: oklch(0.9 0.18 127);
62
-
--chart-2: oklch(0.85 0.21 129);
63
-
--chart-3: oklch(0.77 0.2 131);
64
-
--chart-4: oklch(0.65 0.18 132);
65
-
--chart-5: oklch(0.53 0.14 132);
66
-
--sidebar: oklch(0.205 0 0);
67
-
--sidebar-foreground: oklch(0.985 0 0);
68
-
--sidebar-primary: oklch(0.85 0.21 129);
69
-
--sidebar-primary-foreground: oklch(0.27 0.07 132);
70
-
--sidebar-accent: oklch(0.269 0 0);
71
-
--sidebar-accent-foreground: oklch(0.985 0 0);
72
-
--sidebar-border: oklch(1 0 0 / 10%);
73
-
--sidebar-ring: oklch(0.556 0 0);
44
+
--background: oklch(0.145 0 0); /* almost-black charcoal */
45
+
--foreground: oklch(0.985 0 0); /* near-white text */
46
+
--card: oklch(0.205 0 0); /* very dark gray card */
47
+
--card-foreground: oklch(0.985 0 0); /* near-white card text */
48
+
--popover: oklch(0.205 0 0); /* very dark gray popover */
49
+
--popover-foreground: oklch(0.985 0 0); /* near-white popover text */
50
+
/* Slightly lighter lilac primary for dark mode */
51
+
--primary: oklch(0.82 0.17 325); /* bright lilac / fuchsia */
52
+
--primary-foreground: oklch(0.2 0.06 325); /* deep plum on lilac */
53
+
--secondary: oklch(0.274 0.006 286.033); /* deep cool gray with violet tint */
54
+
--secondary-foreground: oklch(0.985 0 0); /* near-white on secondary */
55
+
--muted: oklch(0.269 0 0); /* dark muted gray */
56
+
--muted-foreground: oklch(0.708 0 0); /* medium gray on muted */
57
+
--accent: oklch(0.371 0 0); /* medium-dark accent gray */
58
+
--accent-foreground: oklch(0.985 0 0); /* near-white on accent */
59
+
--destructive: oklch(0.704 0.191 22.216); /* bright warm red/orange */
60
+
--border: oklch(1 0 0 / 10%); /* subtle light border on dark */
61
+
--input: oklch(1 0 0 / 15%); /* subtle light input on dark */
62
+
--ring: oklch(0.556 0 0); /* medium gray ring on dark */
63
+
--chart-1: oklch(0.88 0.17 325); /* very light lilac on dark */
64
+
--chart-2: oklch(0.84 0.19 325); /* light lilac on dark */
65
+
--chart-3: oklch(0.8 0.2 325); /* mid lilac on dark */
66
+
--chart-4: oklch(0.75 0.2 325); /* deeper lilac on dark */
67
+
--chart-5: oklch(0.7 0.19 325); /* deepest lilac on dark */
68
+
--sidebar: oklch(0.205 0 0); /* very dark gray sidebar */
69
+
--sidebar-foreground: oklch(0.985 0 0); /* near-white sidebar text */
70
+
--sidebar-primary: oklch(0.8 0.2 325); /* saturated lilac sidebar accent */
71
+
--sidebar-primary-foreground: oklch(0.2 0.06 325); /* deep plum text on accent */
72
+
--sidebar-accent: oklch(0.269 0 0); /* dark accent gray */
73
+
--sidebar-accent-foreground: oklch(0.985 0 0); /* near-white on accent */
74
+
--sidebar-border: oklch(1 0 0 / 10%); /* subtle light sidebar border */
75
+
--sidebar-ring: oklch(0.556 0 0); /* medium gray sidebar ring */
74
76
}
75
77
76
78
@theme inline {