# Terminal Themes

Built-in color themes for the xterm terminal. Pass any theme to `useTerminal`'s `theme` option.

## Import

```tsx
import { TerminalThemes } from "@fluxlay/react";
```

## Usage

```tsx
const { terminalRef, instance } = useTerminal({
  theme: TerminalThemes.tokyoNight
});
```

## Available Themes

### Default

| Access                         | Style                                       |
| ------------------------------ | ------------------------------------------- |
| `TerminalThemes.dark.default`  | Dark theme based on Tailwind color palette  |
| `TerminalThemes.dark.modern`   | Modern dark with Slate/Rose accents         |
| `TerminalThemes.light.default` | Light theme based on Tailwind color palette |
| `TerminalThemes.light.modern`  | Modern light with Slate/Rose accents        |

### Popular

| Access                      | Description                       |
| --------------------------- | --------------------------------- |
| `TerminalThemes.nord`       | Arctic, north-bluish palette      |
| `TerminalThemes.dracula`    | Vivid dark theme                  |
| `TerminalThemes.oneDark`    | Based on Atom One Dark            |
| `TerminalThemes.monokaiPro` | Based on Monokai Pro              |
| `TerminalThemes.tokyoNight` | Based on Tokyo Night color scheme |
| `TerminalThemes.nightOwl`   | Based on Night Owl for VS Code    |

### Gruvbox

| Access                         | Style              |
| ------------------------------ | ------------------ |
| `TerminalThemes.gruvbox.dark`  | Retro groove dark  |
| `TerminalThemes.gruvbox.light` | Retro groove light |

### Solarized

| Access                           | Style           |
| -------------------------------- | --------------- |
| `TerminalThemes.solarized.dark`  | Solarized dark  |
| `TerminalThemes.solarized.light` | Solarized light |

### Catppuccin

| Access                                | Style                  |
| ------------------------------------- | ---------------------- |
| `TerminalThemes.catppuccin.latte`     | Lightest (light theme) |
| `TerminalThemes.catppuccin.frappe`    | Cool mid-dark          |
| `TerminalThemes.catppuccin.macchiato` | Warm mid-dark          |
| `TerminalThemes.catppuccin.mocha`     | Darkest                |

### Everforest

| Access                            | Style             |
| --------------------------------- | ----------------- |
| `TerminalThemes.everforest.dark`  | Green-toned dark  |
| `TerminalThemes.everforest.light` | Green-toned light |

## Custom Themes

You can pass any xterm `ITheme` object:

```tsx
const { terminalRef, instance } = useTerminal({
  theme: {
    background: "#282a36",
    foreground: "#f8f8f2",
    cursor: "#f8f8f2",
    black: "#21222c",
    red: "#ff5555",
    green: "#50fa7b",
    yellow: "#f1fa8c",
    blue: "#bd93f9",
    magenta: "#ff79c6",
    cyan: "#8be9fd",
    white: "#f8f8f2",
    brightBlack: "#6272a4",
    brightRed: "#ff6e6e",
    brightGreen: "#69ff94",
    brightYellow: "#ffffa5",
    brightBlue: "#d6acff",
    brightMagenta: "#ff92df",
    brightCyan: "#a4ffff",
    brightWhite: "#ffffff"
  }
});
```