Skip to content

Commit 12ad428

Browse files
lorenzocorallolorenzocorallo
committed
style: a bit of PoliNetwork colors
1 parent 555f7fd commit 12ad428

File tree

3 files changed

+65
-68
lines changed

3 files changed

+65
-68
lines changed

‎src/components/ui/button.tsx‎

Lines changed: 8 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -9,18 +9,16 @@ const buttonVariants = cva(
99
{
1010
variants: {
1111
variant: {
12-
default:
13-
"bg-primary text-primary-foreground shadow-sm hover:bg-primary/90",
14-
destructive:
15-
"bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/80",
16-
success:
17-
"bg-success text-success-foreground shadow-xs hover:bg-success/80",
18-
outline:
19-
"border border-border bg-transparent shadow-xs hover:bg-border/30 hover:text-accent-foreground",
12+
primary:
13+
"bg-primary text-primary-foreground shadow-sm hover:bg-primary/80 hover:dark:bg-primary/70",
2014
secondary:
21-
"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
15+
"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/50",
16+
outline:
17+
"border border-border text-foreground bg-transparent shadow-xs hover:bg-accent/40",
2218
ghost: "hover:bg-accent hover:text-accent-foreground",
2319
link: "text-primary underline-offset-4 hover:underline",
20+
destructive:
21+
"bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/70",
2422
},
2523
size: {
2624
default: "h-9 px-4 py-2",
@@ -30,7 +28,7 @@ const buttonVariants = cva(
3028
},
3129
},
3230
defaultVariants: {
33-
variant: "default",
31+
variant: "primary",
3432
size: "default",
3533
},
3634
},

‎src/components/ui/sidebar.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -330,7 +330,7 @@ const SidebarInset = React.forwardRef<
330330
<main
331331
ref={ref}
332332
className={cn(
333-
"relative flex flex-1 flex-col bg-background md-2 overflow-y-auto",
333+
"relative flex flex-1 flex-col bg-background border md-2 overflow-y-auto",
334334
"scrollbar scrollbar-w-2 scrollbar-track-card scrollbar-thumb-white/20",
335335
"md:peer-data-[variant=inset]:rounded-tl-xl md:peer-data-[variant=inset]:shadow-sm",
336336
className,

‎src/index.css‎

Lines changed: 56 additions & 57 deletions
Original file line numberDiff line numberDiff line change
@@ -31,6 +31,7 @@
3131
--color-accent: var(--accent);
3232
--color-accent-foreground: var(--accent-foreground);
3333
--color-destructive: var(--destructive);
34+
--color-destructive-foreground: var(--destructive-foreground);
3435
--color-border: var(--border);
3536
--color-input: var(--input);
3637
--color-ring: var(--ring);
@@ -53,73 +54,71 @@
5354
*/
5455
:root {
5556
--radius: 0.625rem;
56-
--background: oklch(1 0 0);
57-
--foreground: oklch(0.145 0 0);
58-
--card: oklch(1 0 0);
59-
--card-foreground: oklch(0.145 0 0);
60-
--popover: oklch(1 0 0);
61-
--popover-foreground: oklch(0.145 0 0);
62-
--primary: oklch(0.205 0 0);
63-
--primary-foreground: oklch(0.985 0 0);
64-
--secondary: oklch(0.97 0 0);
65-
--secondary-foreground: oklch(0.205 0 0);
66-
--muted: oklch(0.97 0 0);
67-
--muted-foreground: oklch(0.556 0 0);
68-
--accent: oklch(0.97 0 0);
69-
--accent-foreground: oklch(0.205 0 0);
70-
--destructive: oklch(0.577 0.245 27.325);
71-
--border: oklch(0.922 0 0);
72-
--input: oklch(0.922 0 0);
73-
--ring: oklch(0.708 0 0);
74-
--chart-1: oklch(0.646 0.222 41.116);
75-
--chart-2: oklch(0.6 0.118 184.704);
76-
--chart-3: oklch(0.398 0.07 227.392);
77-
--chart-4: oklch(0.828 0.189 84.429);
78-
--chart-5: oklch(0.769 0.188 70.08);
79-
--sidebar: oklch(0.985 0 0);
80-
--sidebar-foreground: oklch(0.145 0 0);
81-
--sidebar-primary: oklch(0.205 0 0);
82-
--sidebar-primary-foreground: oklch(0.985 0 0);
83-
--sidebar-accent: oklch(0.97 0 0);
84-
--sidebar-accent-foreground: oklch(0.205 0 0);
85-
--sidebar-border: oklch(0.922 0 0);
86-
--sidebar-ring: oklch(0.708 0 0);
57+
--background: oklch(0.985 0.008 249.737);
58+
--foreground: oklch(0.145 0.015 249.737);
59+
--card: oklch(1 0.005 249.737);
60+
--card-foreground: oklch(0.145 0.015 249.737);
61+
--popover: oklch(1 0.005 249.737);
62+
--popover-foreground: oklch(0.145 0.015 249.737);
63+
--primary: oklch(0.47 0.1551 257.42);
64+
--primary-foreground: oklch(0.985 0.008 249.737);
65+
--secondary: oklch(0.88 0.058 249.737);
66+
--secondary-foreground: oklch(0.205 0.03 249.737);
67+
--muted: oklch(0.97 0.01 249.737);
68+
--muted-foreground: oklch(0.556 0.02 249.737);
69+
--accent: oklch(0.92 0.03 249.737);
70+
--accent-foreground: oklch(0.12 0.015 249.737);
71+
--destructive: oklch(0.47 0.25 27.325);
72+
--destructive-foreground: oklch(0.986 0.015 249.737);
73+
--border: oklch(0.85 0.05 249.737);
74+
--input: oklch(0.85 0.05 249.737);
75+
--ring: oklch(0.348 0.136 249.737);
76+
--chart-1: oklch(0.348 0.136 249.737);
77+
--chart-2: oklch(0.65 0.1 200);
78+
--chart-3: oklch(0.75 0.08 150);
79+
--chart-4: oklch(0.5 0.15 300);
80+
--chart-5: oklch(0.8 0.05 100);
81+
--sidebar: oklch(0.97 0.0221 249.737);
82+
--sidebar-foreground: oklch(0.145 0.015 249.737);
83+
--sidebar-primary: var(--color-primary);
84+
--sidebar-primary-foreground: var(--color-primary-foreground);
85+
--sidebar-accent: var(--color-accent);
86+
--sidebar-accent-foreground: var(--color-accent-foreground);
87+
--sidebar-border: var(--color-border);
88+
--sidebar-ring: var(--color-ring);
8789
}
90+
8891
/*
8992
---break---
9093
*/
94+
9195
.dark {
92-
--background: oklch(0.145 0 0);
93-
--foreground: oklch(0.985 0 0);
94-
--card: oklch(0.205 0 0);
95-
--card-foreground: oklch(0.985 0 0);
96-
--popover: oklch(0.205 0 0);
97-
--popover-foreground: oklch(0.985 0 0);
98-
--primary: oklch(0.922 0 0);
99-
--primary-foreground: oklch(0.205 0 0);
100-
--secondary: oklch(0.269 0 0);
101-
--secondary-foreground: oklch(0.985 0 0);
102-
--muted: oklch(0.269 0 0);
103-
--muted-foreground: oklch(0.708 0 0);
104-
--accent: oklch(0.269 0 0);
105-
--accent-foreground: oklch(0.985 0 0);
106-
--destructive: oklch(0.704 0.191 22.216);
107-
--border: oklch(1 0 0 / 10%);
108-
--input: oklch(1 0 0 / 15%);
109-
--ring: oklch(0.556 0 0);
96+
--background: oklch(0.145 0.01 249.737);
97+
--foreground: oklch(0.985 0.008 249.737);
98+
--card: oklch(0.205 0.012 249.737);
99+
--card-foreground: oklch(0.985 0.008 249.737);
100+
--popover: oklch(0.205 0.012 249.737);
101+
--popover-foreground: oklch(0.985 0.008 249.737);
102+
--primary: oklch(0.448 0.156 249.737);
103+
--primary-foreground: oklch(0.985 0.008 249.737);
104+
--secondary: oklch(0.24 0.0522 249.737);
105+
--secondary-foreground: oklch(0.985 0.008 249.737);
106+
--muted: oklch(0.269 0.02 249.737);
107+
--muted-foreground: oklch(0.708 0.015 249.737);
108+
--accent: oklch(0.279 0.043 249.737);
109+
--accent-foreground: oklch(0.985 0.008 249.737);
110+
--destructive: oklch(0.25 0.13 27.325);
111+
--destructive-foreground: oklch(0.985 0.008 249.737);
112+
--border: oklch(0.32 0.05 249.737);
113+
--input: oklch(0.25 0.03 249.737);
114+
--ring: oklch(0.556 0.03 249.737);
110115
--chart-1: oklch(0.488 0.243 264.376);
111116
--chart-2: oklch(0.696 0.17 162.48);
112117
--chart-3: oklch(0.769 0.188 70.08);
113118
--chart-4: oklch(0.627 0.265 303.9);
114119
--chart-5: oklch(0.645 0.246 16.439);
115-
--sidebar: oklch(0.205 0 0);
116-
--sidebar-foreground: oklch(0.985 0 0);
117-
--sidebar-primary: oklch(0.488 0.243 264.376);
118-
--sidebar-primary-foreground: oklch(0.985 0 0);
119-
--sidebar-accent: oklch(0.269 0 0);
120-
--sidebar-accent-foreground: oklch(0.985 0 0);
121-
--sidebar-border: oklch(1 0 0 / 10%);
122-
--sidebar-ring: oklch(0.556 0 0);
120+
--sidebar: oklch(0.205 0.012 249.737);
121+
--sidebar-foreground: oklch(0.985 0.008 249.737);
123122
}
124123
/*
125124
---break---

0 commit comments

Comments
 (0)