shadcn-theme-menu 1.1.2 → 1.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +36 -13
- package/package.json +6 -1
- package/src/cinematic-theme-switcher.tsx +0 -0
- package/src/components/ui/button.tsx +0 -0
- package/src/components/ui/dropdown-menu.tsx +0 -0
- package/src/index.ts +0 -0
- package/src/lib/utils.ts +0 -0
- package/src/sidebar-user-menu.tsx +0 -0
- package/src/theme-dropdown.tsx +0 -0
- package/src/theme-provider.tsx +0 -0
- package/src/theme-toggle.tsx +0 -0
- package/src/themes-shadcn.css +0 -0
package/README.md
CHANGED
|
@@ -1,4 +1,33 @@
|
|
|
1
|
-
|
|
1
|
+
<p align="center">
|
|
2
|
+
<img width="350px" src="https://i.imgur.com/7yMcnSI.png" />
|
|
3
|
+
<p align="center">
|
|
4
|
+
<a href="https://discord.gg/SJdBqBz3tV">
|
|
5
|
+
<img src="https://img.shields.io/discord/1110227955554209923.svg?label=Chat&logo=Discord&colorB=7289da&style=flat"
|
|
6
|
+
alt="Join Discord" />
|
|
7
|
+
</a>
|
|
8
|
+
<a href="https://github.com/OpenSourceAGI/appdemo-dev-tools/discussions">
|
|
9
|
+
<img alt="GitHub Stars" src="https://img.shields.io/github/stars/OpenSourceAGI/appdemo-dev-tools" /></a>
|
|
10
|
+
<a href="https://github.com/OpenSourceAGI/appdemo-dev-tools/discussions">
|
|
11
|
+
<img alt="GitHub Discussions"
|
|
12
|
+
src="https://img.shields.io/github/discussions/OpenSourceAGI/appdemo-dev-tools" />
|
|
13
|
+
</a>
|
|
14
|
+
<br />
|
|
15
|
+
<a href="https://github.com/OpenSourceAGI/appdemo-dev-tools/pulse" alt="Activity">
|
|
16
|
+
<img src="https://img.shields.io/github/commit-activity/m/OpenSourceAGI/appdemo-dev-tools" />
|
|
17
|
+
</a>
|
|
18
|
+
<img src="https://img.shields.io/github/last-commit/OpenSourceAGI/appdemo-dev-tools.svg" alt="GitHub last commit" />
|
|
19
|
+
<br />
|
|
20
|
+
<img src="https://img.shields.io/badge/Next.js-16-black" alt="Next.js" />
|
|
21
|
+
<a href="https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/creating-a-pull-request">
|
|
22
|
+
<img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg"
|
|
23
|
+
alt="PRs Welcome" />
|
|
24
|
+
</a>
|
|
25
|
+
<a href="https://codespaces.new/OpenSourceAGI/appdemo-dev-tools">
|
|
26
|
+
<img src="https://github.com/codespaces/badge.svg" width="150" height="20" />
|
|
27
|
+
</a>
|
|
28
|
+
</p>
|
|
29
|
+
|
|
30
|
+
# shadcn-theme-menu
|
|
2
31
|
|
|
3
32
|
Beautiful theme components for shadcn/ui with 24+ color themes, dark/light mode, and animations.
|
|
4
33
|
|
|
@@ -6,7 +35,7 @@ Beautiful theme components for shadcn/ui with 24+ color themes, dark/light mode,
|
|
|
6
35
|
|
|
7
36
|
```bash
|
|
8
37
|
# The package includes all required dependencies
|
|
9
|
-
pnpm add shadcn-
|
|
38
|
+
pnpm add shadcn-theme-menu
|
|
10
39
|
|
|
11
40
|
# Peer dependencies (usually already in your project)
|
|
12
41
|
pnpm add react react-dom next-themes lucide-react
|
|
@@ -16,17 +45,17 @@ pnpm add react react-dom next-themes lucide-react
|
|
|
16
45
|
|
|
17
46
|
```tsx
|
|
18
47
|
// 1. Import CSS
|
|
19
|
-
import 'shadcn-
|
|
48
|
+
import 'shadcn-theme-menu/themes.css';
|
|
20
49
|
|
|
21
50
|
// 2. Wrap app with ThemeProvider
|
|
22
|
-
import { ThemeProvider } from 'shadcn-
|
|
51
|
+
import { ThemeProvider } from 'shadcn-theme-menu';
|
|
23
52
|
|
|
24
53
|
<ThemeProvider attribute="class" defaultTheme="system">
|
|
25
54
|
{children}
|
|
26
55
|
</ThemeProvider>
|
|
27
56
|
|
|
28
57
|
// 3. Use components
|
|
29
|
-
import { ThemeToggle, ThemeDropdown, CinematicThemeSwitcher } from 'shadcn-
|
|
58
|
+
import { ThemeToggle, ThemeDropdown, CinematicThemeSwitcher } from 'shadcn-theme-menu';
|
|
30
59
|
|
|
31
60
|
<ThemeToggle />
|
|
32
61
|
<ThemeDropdown />
|
|
@@ -106,7 +135,7 @@ import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
|
|
|
106
135
|
## Programmatic Usage
|
|
107
136
|
|
|
108
137
|
```tsx
|
|
109
|
-
import { themeNames, themeColors, formatThemeName } from 'shadcn-
|
|
138
|
+
import { themeNames, themeColors, formatThemeName } from 'shadcn-theme-menu';
|
|
110
139
|
|
|
111
140
|
// Set theme programmatically
|
|
112
141
|
const setTheme = (themeName: string) => {
|
|
@@ -126,7 +155,7 @@ console.log(formatThemeName('modern-minimal')); // 'Modern Minimal'
|
|
|
126
155
|
Full TypeScript support with exported types:
|
|
127
156
|
|
|
128
157
|
```tsx
|
|
129
|
-
import type { ThemeProviderProps } from 'shadcn-
|
|
158
|
+
import type { ThemeProviderProps } from 'shadcn-theme-menu';
|
|
130
159
|
```
|
|
131
160
|
|
|
132
161
|
## Demo
|
|
@@ -143,9 +172,3 @@ cd demo
|
|
|
143
172
|
pnpm install
|
|
144
173
|
pnpm dev
|
|
145
174
|
```
|
|
146
|
-
|
|
147
|
-
Opens at `http://localhost:3001`
|
|
148
|
-
|
|
149
|
-
## License
|
|
150
|
-
|
|
151
|
-
MIT
|
package/package.json
CHANGED
|
@@ -1,9 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "shadcn-theme-menu",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.4",
|
|
4
4
|
"description": "A collection of beautiful shadcn/ui theme components with dynamic theme switching and animations",
|
|
5
5
|
"author": "vtempest",
|
|
6
6
|
"type": "module",
|
|
7
|
+
"repository": {
|
|
8
|
+
"type": "git",
|
|
9
|
+
"url": "https://github.com/OpenSourceAGI/appdemo-dev-tools/tree/master/packages/shadcn-theme-menu"
|
|
10
|
+
},
|
|
11
|
+
"homepage": "https://github.com/OpenSourceAGI/appdemo-dev-tools/tree/master/packages/shadcn-theme-menu",
|
|
7
12
|
"main": "./src/index.ts",
|
|
8
13
|
"types": "./src/index.ts",
|
|
9
14
|
"exports": {
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
package/src/index.ts
CHANGED
|
File without changes
|
package/src/lib/utils.ts
CHANGED
|
File without changes
|
|
File without changes
|
package/src/theme-dropdown.tsx
CHANGED
|
File without changes
|
package/src/theme-provider.tsx
CHANGED
|
File without changes
|
package/src/theme-toggle.tsx
CHANGED
|
File without changes
|
package/src/themes-shadcn.css
CHANGED
|
File without changes
|