# Catppuccin Macchiato

Catppuccin macchiato flavor - deeper pastel tones.

## Installation

  <TabsTrigger value="cli">Command</TabsTrigger>
  <TabsTrigger value="manual">Manual</TabsTrigger>

```bash
npx shadcn@latest add @termcn/theme-catppuccin-macchiato
```

<Step>Copy and paste the following code into your project.</Step>

```ts
import type { Theme } from "@/components/ui/theme-provider";

export const catppuccinMacchiatoTheme: Theme = {
  border: {
    color: "#939ab7",
    focusColor: "#c6a0f6",
    style: "round",
  },
  colors: {
    accent: "#f5bde6",
    accentForeground: "#24273a",
    background: "#24273a",
    border: "#939ab7",
    error: "#ed8796",
    errorForeground: "#24273a",
    focusRing: "#c6a0f6",
    foreground: "#cad3f5",
    info: "#8bd5ca",
    infoForeground: "#24273a",
    muted: "#1b1e2b",
    mutedForeground: "#939ab7",
    primary: "#8aadf4",
    primaryForeground: "#24273a",
    secondary: "#363a4f",
    secondaryForeground: "#cad3f5",
    selection: "#8aadf4",
    selectionForeground: "#24273a",
    success: "#a6da95",
    successForeground: "#24273a",
    warning: "#eed49f",
    warningForeground: "#24273a",
  },
  name: "catppuccin-macchiato",
  spacing: {
    0: 0,
    1: 1,
    2: 2,
    3: 3,
    4: 4,
    6: 6,
    8: 8,
  },
  typography: {
    base: "",
    bold: true,
    lg: "bold",
    sm: "dim",
    xl: "bold",
  },
};
```

<Step>Update the import paths to match your project setup.</Step>

## Usage

```tsx
import { ThemeProvider } from "@/components/ui/theme-provider";
import { catppuccinMacchiatoTheme } from "@/lib/terminal-themes/catppuccin-macchiato";
import { Badge } from "@/components/ui/badge";

export function Example() {
  return (
    <ThemeProvider theme={catppuccinMacchiatoTheme}>
      <Badge variant="info">{"Catppuccin Macchiato"}</Badge>
    </ThemeProvider>
  );
}
```