Hangar/frontend-new/windi.config.ts
2022-03-21 13:58:14 +01:00

55 lines
1.6 KiB
TypeScript

import { defineConfig } from "vite-plugin-windicss";
import colors from "windicss/colors";
import typography from "windicss/plugin/typography";
export default defineConfig({
darkMode: "class",
attributify: true,
plugins: [typography()],
theme: {
extend: {
typography: {
DEFAULT: {
css: {
maxWidth: "65ch",
color: "inherit",
a: {
color: "inherit",
opacity: 0.75,
fontWeight: "500",
textDecoration: "underline",
"&:hover": {
opacity: 1,
color: colors.teal[600],
},
},
b: { color: "inherit" },
strong: { color: "inherit" },
em: { color: "inherit" },
h1: { color: "inherit" },
h2: { color: "inherit" },
h3: { color: "inherit" },
h4: { color: "inherit" },
code: { color: "inherit" },
},
},
},
colors: {
"background-dark-90": "#111111",
"background-dark-80": "#181a1b",
"background-light-10": "#f2f5fb",
"background-light-0": "#ffffff",
"primary-100": "#004ee9",
"primary-70": "#aec9ff",
"primary-50": "#ecf2fb",
},
},
},
shortcuts: {
"background-header": "bg-background-light-0 dark:bg-background-dark-90",
"background-body": "bg-background-light-10 dark:bg-background-dark-80",
"color-primary": "text-primary-100 dark:text-primary-70",
"border-top-primary": "border-solid border-t-4 border-t-primary-100",
},
});