Svelte-add

unocss.config.ts

@@ -0,0 +1,120 @@
+import {
+	defineConfig,
+	presetIcons,
+	presetTypography,
+	transformerVariantGroup,
+	transformerDirectives,
+	presetWind
+} from "unocss";
+
+import { extractorSvelte } from "unocss";
+
+export default defineConfig({
+	extractors: [extractorSvelte],
+
+	presets: [
+		presetIcons(),
+		presetTypography({
+			cssExtend: {
+				"h1,h2,h3,h4,h5,h6": {
+					"font-weight": "800"
+				}
+			}
+		}),
+		presetWind({
+			dark: "class"
+		})
+	],
+
+	theme: {
+		fontFamily: {
+			primary: ["var(--font-primary)"]
+		},
+		margin: {
+			"0-auto": "0 auto"
+		},
+		colors: {
+			accent: "var(--accent)",
+			accentTranslucent: "var(--accent-translucent)",
+			primary: "var(--primary)",
+			secondary: "var(--secondary)",
+			tertiary: "var(--tertiary)",
+			text: "var(--text)",
+			grey: "var(--grey)",
+			alt: "var(--alt)",
+			altText: "var(--alt-text)"
+		},
+		breakpoints: {
+			sm: "640px",
+			md: "768px",
+			lg: "1024px",
+			xl: "1280px",
+			"2xl": "1536px",
+			nav: "1030px"
+		}
+	},
+
+	transformers: [transformerVariantGroup(), transformerDirectives()],
+
+	safelist: ["i-ic:outline-dark-mode", "i-ic:outline-light-mode"]
+});
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+