Gruvppuccin

interface ThemeConfig {
  name: string;
  dark: boolean;
  accents: Record<string, string>;
}

function createTheme(config: ThemeConfig): Theme {
  const { name, dark, accents } = config;
  const palette = dark
    ? blendPalettes(gruvbox, catppuccin, 0.6)
    : invertForLight(gruvbox);

  return new Theme(name, palette, accents);
}

@dataclass
class Theme:
    name: str
    dark: bool = True
    accents: list[Color] = field(default_factory=list)

    def blend(self, other: "Theme", ratio: float) -> "Theme":
        mixed = [a.lerp(b, ratio) for a, b in zip(self.accents, other.accents)]
        return Theme(f"{self.name} x {other.name}", accents=mixed)

    VERSION = 33

package theme

type Theme struct {
    Name    string
    Dark    bool
    Accents []Color
}

func (t *Theme) Blend(other *Theme, ratio float64) *Theme {
    mixed := make([]Color, len(t.Accents))
    for i, a := range t.Accents {
        mixed[i] = a.Lerp(other.Accents[i], ratio)
    }
    return &Theme{Name: t.Name + " x " + other.Name, Accents: mixed}
}

const Version = 33

:root {
  --base: #181a1b;
  --surface: #242424;
  --text: #d4be98;
  --accent: #7daea3;
  --blend-ratio: 0.6;
}

.theme-editor {
  background: var(--base);
  color: var(--text);
  font-family: "JetBrains Mono", monospace;
  border-radius: 12px;
}

.theme-editor .accent {
  color: var(--accent);
  transition: color 0.2s ease;
}