https://github.com/Railly/shadcn-ui-customizer

shadcn/ui themes with color pickers
https://github.com/Railly/shadcn-ui-customizer

color-picker color-scheme shadcn shadcn-ui shadcnui theme-ui ui-components ui-library

Last synced: 23 days ago
JSON representation

shadcn/ui themes with color pickers

• Host: GitHub
• URL: https://github.com/Railly/shadcn-ui-customizer
• Owner: Railly
• Created: 2023-08-08T23:47:50.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-07-18T20:06:07.000Z (5 months ago)
• Last Synced: 2024-07-19T04:01:32.283Z (5 months ago)
• Topics: color-picker, color-scheme, shadcn, shadcn-ui, shadcnui, theme-ui, ui-components, ui-library
• Language: TypeScript
• Homepage: https://shadcn-ui-customizer.vercel.app
• Size: 988 KB
• Stars: 102
• Watchers: 2
• Forks: 12
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-shadcn-ui - shadcn-ui-customizer - POC - shadcn/ui themes with color pickers (Apps / Colors and Customizations)
• awesome-shadcn-ui - Shadcn UI Customizer - POC - shadcn/ui themes with color pickers (Colors And Customizations)
• awesome-shadcn-ui - Shadcn UI Customizer - POC - shadcn/ui themes with color pickers (Colors And Customizations)

README

        
# shadcn/ui customizer

This is an open-source extension of [shadcn/ui](https://github.com/shaddcn-ui/ui) themes for customizing the theme.

> [!IMPORTANT]

> Original theme customizer: [https://ui.shadcn.com/themes](https://ui.shadcn.com/themes)

## Screenhsots

![Customizer](https://raw.githubusercontent.com/Railly/shadcn-ui-customizer/main/ss.png)

## Features

### Customizing CSS Variables

With shadcn/ui customizer, you can tweak and customize the following CSS variables:

- `--background`

- `--foreground`

- `--card`

- `--card-foreground`

- `--popover`

- `--popover-foreground`

- `--primary`

- `--primary-foreground`

- `--secondary`

- `--secondary-foreground`

- `--muted`

- `--muted-foreground`

- `--accent`

- `--accent-foreground`

- `--destructive`

- `--destructive-foreground`

- `--border`

- `--input`

- `--ring`

- `--radius`