:root {
--tw-font-family: monospace;
--tw-color-primary-h: 174deg;
--tw-color-secondary-h: 276deg;
--tw-color-secondary-l: 50%;
--tw-color-outline: var(--tw-color-secondary-darken-40);
--tw-color-danger-h: 22deg;
--tw-color-danger-l: 29%;
--tw-font-weight-medium: 700;
--tw-border-radius-default: 0;
--tw-toggle-border-radius: 20px;
}Theming
To create a theme, you need a new CSS file with a :root pseudo-class which declares the CSS Custom Properties you'd like to overwrite. This file needs to be referenced after
tw.tokens.css
in the
<head>
of your app.