1Sponsor

One Dark

A One Dark theme for terminal components.

Terminal

Installation

pnpm dlx shadcn@latest add https://termcn.dev/r/theme-one-dark.json

Usage

import { ThemeProvider } from "@/components/ui/theme-provider";
import { oneDarkTheme } from "@/lib/terminal-themes/one-dark";
import { Badge } from "@/components/ui/badge";
 
export function Example() {
  return (
    <ThemeProvider theme={oneDarkTheme}>
      <Badge variant="info">One Dark</Badge>
    </ThemeProvider>
  );
}