379
Sponsor

High Contrast Light

PreviousNext

WCAG-friendly light high-contrast theme.

Terminal

This palette ships in the same registry item as High Contrast (@termcn/theme-high-contrast).

Installation

$ pnpm dlx shadcn@latest add @termcn/theme-high-contrast

Usage

import { ThemeProvider } from "@/components/ui/theme-provider";
import { highContrastLightTheme } from "@/lib/terminal-themes/high-contrast";
import { Badge } from "@/components/ui/badge";
 
export function Example() {
  return (
    <ThemeProvider theme={highContrastLightTheme}>
      <Badge variant="info">{"High Contrast Light"}</Badge>
    </ThemeProvider>
  );
}