379
Sponsor

Rose Pine

PreviousNext

Dark theme with warm rose tones.

Terminal

Installation

$ pnpm dlx shadcn@latest add @termcn/theme-rosepine

Usage

import { ThemeProvider } from "@/components/ui/theme-provider";
import { rosepineTheme } from "@/lib/terminal-themes/rosepine";
import { Badge } from "@/components/ui/badge";
 
export function Example() {
  return (
    <ThemeProvider theme={rosepineTheme}>
      <Badge variant="info">{"Rose Pine"}</Badge>
    </ThemeProvider>
  );
}