Clean, professional default theme. Uses Heroicons icons.

Install

bash
npm install @xds/theme-default

Usage

Wrap your app with XDSTheme and pass the theme:

tsx
import {XDSTheme} from '@xds/core/theme';
import {defaultTheme} from '@xds/theme-default/built';
​
function App() {
  return (
    <XDSTheme theme={defaultTheme}>
      {/* your app */}
    </XDSTheme>
  );
}

Import paths

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

CSS import

Add the theme CSS to your stylesheet:

css
@import "@xds/theme-default/theme.css";

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

Related Packages