@zed-ui/themes

Design tokens, createTheme, and ThemeProvider for Zed UI.

Install alongside the component library:

npm install @zed-ui/react @zed-ui/themes react react-dom

Usage

ThemeProvider and createTheme are re-exported from @zed-ui/react — most apps import from there:

import { ThemeProvider, createTheme } from "@zed-ui/react";
import "@zed-ui/react/styles.css";

const theme = createTheme({
  colorScheme: "dark",
  density: "comfortable"
});

<ThemeProvider theme={theme}>{children}</ThemeProvider>;

Theme CSS only

If you use this package directly:

import "@zed-ui/themes/styles.css";

Custom palette

const theme = createTheme({
  colorScheme: "light",
  colors: {
    primary: {
      solid: "#2563eb",
      hover: "#1d4ed8",
      soft: "#dbeafe",
      text: "#1e40af"
    }
  }
});

Documentation

• Documentation
• GitHub repository
• Main install guide: @zed-ui/react on npm

License

MIT