A custom, reusable shadcn/ui theme for Notevo projects.
Includes clean light & dark mode, sidebar styles, novel/editor variables, and more.
npm install @notevome/notevo-shadcn-theme
pnpm add @notevome/notevo-shadcn-theme
In your main CSS file (app/globals.css or src/index.css):
@import "tailwindcss";
@import "@notevome/notevo-shadcn-theme";Make sure your components.json has CSS variables enabled:
{
"tailwind": {
"cssVariables": true
}
}Add dark class to your tag:
<html lang="en" class="dark">Use this class anywhere to force light mode:
<div class="force-light">
...
</div>Add all shadcn components (Button, Card, Input, etc.) will automatically use your custom colors.
import { Button } from "@/components/ui/button";
export default function Page() {
return <Button>Primary Button – Uses Notevo Theme</Button>;
}# Clone repo
git clone https://github.com/notevome/notevo-shadcn-theme.git
cd notevo-shadcn-theme
# Install dependencies (optional, for testing)
npm install
# Publish new version
npm version patch # or minor / major
npm publish --access publicMIT © Notevo