shadcn/ui

A set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks. Open Source. Open Code.

sidebar

Copy and the paste the following command into your terminal.

https://shadcnregistry.com/preview/shadcnui/sidebar

Light Mode

--sidebar-background:

0 0% 98%

--sidebar-foreground:

240 5.3% 26.1%

--sidebar-primary:

240 5.9% 10%

--sidebar-primary-foreground:

0 0% 98%

--sidebar-accent:

240 4.8% 95.9%

--sidebar-accent-foreground:

240 5.9% 10%

--sidebar-border:

220 13% 91%

--sidebar-ring:

217.2 91.2% 59.8%

Dark Mode

--sidebar-background:

240 5.9% 10%

--sidebar-foreground:

240 4.8% 95.9%

--sidebar-primary:

224.3 76.3% 48%

--sidebar-primary-foreground:

0 0% 100%

--sidebar-accent:

240 3.7% 15.9%

--sidebar-accent-foreground:

240 4.8% 95.9%

--sidebar-border:

240 3.7% 15.9%

--sidebar-ring:

217.2 91.2% 59.8%

Theme

No variables found.

CSS

No CSS found.