@gomiui/theme-neutral

Muted, minimal aesthetic with system fonts. Uses Lucide icons.

Install

npm install @gomiui/theme-neutral

Usage

Wrap your app with XDSTheme and pass the theme:

import {XDSTheme} from '@gomiui/core/theme';
import {neutralTheme} from '@gomiui/theme-neutral/built';

function App() {
  return <XDSTheme theme={neutralTheme}>{/* your app */}</XDSTheme>;
}

Import paths

| Path | Use case | | ------------------------------ | ------------------------------------------------------ | | @gomiui/theme-neutral | Source build (StyleX compilation via @gomiui/build) | | @gomiui/theme-neutral/built | Pre-built dist (Tailwind, plain CSS, or no build step) | | @gomiui/theme-neutral/theme.css | Pre-built CSS file (import in your stylesheet) |

If you're using @gomiui/build for StyleX source compilation, import from the bare path. Otherwise, use /built.

CSS import

Add the theme CSS to your stylesheet:

@import '@gomiui/theme-neutral/theme.css';

This is required for component-level theme overrides (colors, radii, typography) to take effect.

This theme uses system fonts; no external font loading is required.

Related Packages

| Package | Description | | ------------------------------------------------------------------------------------ | -------------------------------------- | | @gomiui/core | Core components and theme system | | @gomiui/build | Build plugins for StyleX source builds | | @gomiui/cli | CLI tooling including gomiui docs theme |