# Dark Theme

> OLED-black gallery with high contrast and blue accent (dark mode only).

Source: https://gallerykit.n.yatsyk.com/docs/theme-dark

# @gallerykit/theme-dark

Importing **@gallerykit/theme-dark** registers the `dark` theme with GalleryKit's `themeRegistry` and exports `darkTheme` for inspection. The theme defines CSS custom properties (`--gk-bg`, `--gk-fg`, …) consumed by the rest of the suite.

Pair the import with `@gallerykit/theme-dark/styles.css` if your app needs the raw CSS file.

* **Stability:** experimental
* **Dependencies:** `@gallerykit/core`

## Install

```bash
pnpm add @gallerykit/theme-dark
```

## Quick example

```tsx
import "@gallerykit/theme-dark";
import "@gallerykit/theme-dark/styles.css";

<Gallery config={{ layout: "grid", theme: "dark" }} items={items} />
```

See [Getting Started](./getting-started.mdx) for the full walkthrough and [API](./api.mdx) for the public exports.