Theming

thundrex ships with three built-in themes and full support for custom themes.

Built-in Themes

import { setTheme, resetTheme } from '@thundrex/web-components';

setTheme('dark');
setTheme('ocean');
resetTheme(); // back to light

Pass a partial theme object to override specific tokens:

setTheme({
  accent: '#E040FB',
  primary: '#00BCD4',
  bg: '#FAFAFA',
});

You can also override tokens directly in CSS:

css

:root {
  --tx-primary: #e040fb;
  --tx-accent: #00bcd4;
  --tx-bg: #fafafa;
}