@eventstore-ui/theme

Theming for the Event Store design system.

Install

Add to your project

yarn add @eventstore-ui/theme

Usage

In your globalScript file, add an import:

import '@eventstore-ui/theme';

The active theme will be automatically applied as a set of css variables.

background-color: var(--color-background);

By default, an appropriate theme will be chosen from the users system settings, or a theme can be chosen directly:

import { theme } from '@eventstore-ui/theme';

theme.select('high_contrast_dark');

Additionally, @eventstore-ui/layout contains components for selecting a theme.