import { createTheme, style } from '@vanilla-extract/css'; export const [themeClass, vars] = createTheme({ color: { brand: 'blue', white: '#fff' }, space: { small: '4px', medium: '8px', } }); export const hero = style({ backgroundColor: vars.color.brandd, color: vars.color.white, padding: vars.space.large });
![vanilla-extract — Zero-runtime Stylesheets-in-TypeScript.](https://cdn-ak-scissors.b.st-hatena.com/image/square/53cdc6f71c0bfce8e21011ad060296d9a6e4ca9c/height=288;version=1;width=512/https%3A%2F%2Fvanilla-extract.style%2Fog-image.png)