eny.space Landingpage
1
fork

Configure Feed

Select the types of activity you want to include in your feed.

style(global.css): adjust green ---> lilac

+64 -62
+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 {