import { defineConfig, presetUno, presetAttributify, presetIcons } from "unocss";

export default defineConfig({
  theme: {
    colors: {
      primary: "var(--vp-c-brand-1)",
      bg: "var(--vp-c-bg)",
      "bg-alt": "var(--vp-c-bg-alt)",
      "bg-elv": "var(--vp-c-bg-elv)",
      text: "var(--vp-c-text-1)",
      "text-2": "var(--vp-c-text-2)",
      div: "var(--vp-c-divider)",
    },
  },
  presets: [
    presetUno(),
    presetAttributify(),
    presetIcons({
      scale: 1.2,
      extraProperties: {
        display: "inline-block",
        "vertical-align": "middle",
      },
    }),
  ],
});