uno.config.ts

import {
  defineConfig,
  presetAttributify,
  presetIcons,
  presetTypography,
  presetUno,
  presetWebFonts,
  transformerDirectives,
  transformerVariantGroup,
} from 'unocss';

export default defineConfig({
  presets: [presetUno(), presetAttributify(), presetTypography(), presetIcons(), presetWebFonts()],
  transformers: [transformerDirectives(), transformerVariantGroup()],
  shortcuts: [],
  rules: [],
  theme: {
    colors: {
      // primary: "var(--primary-color)",
      // primary_hover: "var(--primary-color-hover)",
      // primary_pressed: "var(--primary-color-pressed)",
      // primary_active: "var(--primary-color-active)",
      // info: "var(--info-color)",
      // info_hover: "var(--info-color-hover)",
      // info_pressed: "var(--info-color-pressed)",
      // info_active: "var(--info-color-active)",
      // success: "var(--success-color)",
      // success_hover: "var(--success-color-hover)",
      // success_pressed: "var(--success-color-pressed)",
      // success_active: "var(--success-color-active)",
      // warning: "var(--warning-color)",
      // warning_hover: "var(--warning-color-hover)",
      // warning_pressed: "var(--warning-color-pressed)",
      // warning_active: "var(--warning-color-active)",
      // error: "var(--error-color)",
      // error_hover: "var(--error-color-hover)",
      // error_pressed: "var(--error-color-pressed)",
      // error_active: "var(--error-color-active)",
    },
  },
});