boost_moon_dark_theme_import_color_tokens_quickstart.ts

1import { theme } from '@boost/theme-moon-dark';
2
3// The theme object contains various tokens for UI styling
4console.log('Theme name:', theme.name);
5console.log('Background color:', theme.colors.bg.base);
6console.log('Primary brand color:', theme.colors.brand.primary);
7
8// Example usage in a styling context
9const styles = {
10  container: {
11    backgroundColor: theme.colors.bg.base,
12    color: theme.colors.text.base,
13    padding: theme.spacing.unit * 2,
14  },
15};