feat: navbar redesign

This commit is contained in:
2024-12-25 19:03:01 +01:00
parent 46363fead1
commit ba2f493695
6 changed files with 119 additions and 80 deletions

View File

@@ -4,67 +4,77 @@
@layer base {
:root {
--background: 220 23.077% 94.902%; /* base */
--foreground: 233.793 16.022% 35.49%; /* text */
--background: 220 23.077% 94.902%;
--foreground: 233.793 16.022% 35.49%;
--muted: 222.857 15.909% 82.745%; /* surface0 */
--muted-foreground: 233.333 12.796% 41.373%; /* subtext1 */
--muted: 222.857 15.909% 82.745%;
--muted-foreground: 233.333 12.796% 41.373%;
--popover: 220 23.077% 94.902%; /* base */
--popover-foreground: 233.793 16.022% 35.49%; /* text */
--popover: 220 23.077% 94.902%;
--popover-foreground: 233.793 16.022% 35.49%;
--card: 220 23.077% 94.902%; /* base */
--card-foreground: 233.793 16.022% 35.49%; /* text */
--card: 220 23.077% 94.902%;
--card-foreground: 233.793 16.022% 35.49%;
--border: 225 13.559% 76.863%; /* surface1 */
--input: 225 13.559% 76.863%; /* surface1 */
--border: 225 13.559% 76.863%;
--input: 225 13.559% 76.863%;
--primary: 219.907 91.489% 53.922%; /* blue */
--primary-foreground: 220 23.077% 94.902%; /* base */
--primary: 219.907 91.489% 53.922%;
--primary-foreground: 220 23.077% 94.902%;
--secondary: 222.857 15.909% 82.745%; /* surface0 */
--secondary-foreground: 233.793 16.022% 35.49%; /* text */
--secondary: 222.857 15.909% 82.745%;
--secondary-foreground: 233.793 16.022% 35.49%;
--accent: 222.857 15.909% 82.745%; /* surface0 */
--accent-foreground: 233.793 16.022% 35.49%; /* text */
--accent: 222.857 15.909% 82.745%;
--accent-foreground: 233.793 16.022% 35.49%;
--destructive: 347.077 86.667% 44.118%; /* red */
--destructive-foreground: 220 21.951% 91.961%; /* mantle */
--destructive: 347.077 86.667% 44.118%;
--destructive-foreground: 220 21.951% 91.961%;
--ring: 233.793 16.022% 35.49%; /* text */
--ring: 233.793 16.022% 35.49%;
--surface-1: 225.0 14.0% 77.0%;
--surface-2: 227.0 12.0% 71.0%;
--mantle: 220.0 22.0% 92.0%;
--radius: 0.5rem;
}
.dark {
--background: 240 21.053% 14.902%; /* base */
--foreground: 226.154 63.934% 88.039%; /* text */
--background: 240 21.053% 14.902%;
--foreground: 226.154 63.934% 88.039%;
--muted: 236.842 16.239% 22.941%; /* surface0 */
--muted-foreground: 226.667 35.294% 80%; /* subtext1 */
--muted: 236.842 16.239% 22.941%;
--muted-foreground: 226.667 35.294% 80%;
--popover: 240 21.053% 14.902%; /* base */
--popover-foreground: 226.154 63.934% 88.039%; /* text */
--popover: 240 21.053% 14.902%;
--popover-foreground: 226.154 63.934% 88.039%;
--card: 240 21.053% 14.902%; /* base */
--card-foreground: 226.154 63.934% 88.039%; /* text */
--card: 240 21.053% 14.902%;
--card-foreground: 226.154 63.934% 88.039%;
--border: 234.286 13.208% 31.176%; /* surface1 */
--input: 234.286 13.208% 31.176%; /* surface1 */
--border: 234.286 13.208% 31.176%;
--input: 234.286 13.208% 31.176%;
--primary: 217.168 91.87% 75.882%; /* blue */
--primary-foreground: 240 21.053% 14.902%; /* base */
--primary: 217.168 91.87% 75.882%;
--primary-foreground: 240 21.053% 14.902%;
--secondary: 236.842 16.239% 22.941%; /* surface0 */
--secondary-foreground: 226.154 63.934% 88.039%; /* text */
--secondary: 236.842 16.239% 22.941%;
--secondary-foreground: 226.154 63.934% 88.039%;
--accent: 236.842 16.239% 22.941%; /* surface0 */
--accent-foreground: 226.154 63.934% 88.039%; /* text */
--accent: 236.842 16.239% 22.941%;
--accent-foreground: 226.154 63.934% 88.039%;
--destructive: 343.269 81.25% 74.902%; /* red */
--destructive-foreground: 240 21.311% 11.961%; /* mantle */
--destructive: 343.269 81.25% 74.902%;
--destructive-foreground: 240 21.311% 11.961%;
--ring: 226.154 63.934% 88.039%; /* text */
--ring: 226.154 63.934% 88.039%;
--surface-1: 234.0 13.0% 31.0%;
--surface-2: 233.0 12.0% 39.0%;
--mantle: 240 21.311% 11.961%;
--radius: 0.5rem;
}