🎨 Cole's theme preset
Naming Rules (Temporary)
`themeType` `[dark]` `styleType` `[themeSeries]`
eg.
colorDarkBackgroundRed
layoutWidth
Usage
Use with js only
Import @bernankez/theme
where you want to use theme color.
// named import
import { colorDefault, colorPrimaryGreen } from "@bernankez/theme";
// default import
import * as theme from "@bernankez/theme";
Use with CSS vars
Import @bernankez/theme/theme.css
in main.js
import "@bernankez/theme/theme.css";
CSS variables will be injected into :root
:root {
--color-default-dark: somecolor;
/* ... */
}
You can also use in js.
import { colorDefault } from "@bernankez/theme/css";
console.log(colorDefault.DEFAULT);
// var(--color-default)