🎨 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)

Color Priview

WIP