unocss.config.js

import { presetForms } from "@julr/unocss-preset-forms";
import { presetIcons } from "unocss";
import { transformerVariantGroup } from "unocss";
import { defineConfig, presetTypography, presetUno } from "unocss";

export default defineConfig({
  theme: {
    fontFamily: {
      sans: ["Open Sans", "sans-serif"],
      mono: ["monospace"],
    },
    colors: {
      oneDark: {
        chalky: "#e5c07b",
        coral: "#e06c75",
        cyan: "#56b6c2",
        malibu: "#61afef",
        ivory: "#abb2bf",
        sage: "#98c379",
        stone: "#7d8799",
        whiskey: "#d19a66",
        violet: "#c678dd",
        background: "#282c34",
        darkBackground: "#21252b",
        highlightBackground: "#2c313a",
        tooltipBackground: "#353a42",
        selection: "#3E4451",
        cursor: "#528bff",
      },
    },
  },
  presets: [
    presetUno({}), // required
    presetTypography({
      selectorName: "markdown",
      cssExtend: {
        h1: {
          "font-size": "1.75rem",
        },
        h2: {
          "font-size": "1.4rem",
        },
        h3: {
          "font-size": "1.2rem",
        },
        h4: {
          "font-size": "1rem",
        },
        "h1,h2": {
          "padding-bottom": "0.2rem",
          "border-bottom": "2px solid #3E4451",
          filter: "brightness(1.3)",
        },
        pre: {
          padding: 0,
        },
        p: {
          "line-height": "1.5rem",
        },
      },
    }),
    presetForms(),
    presetIcons(),
  ],
  transformers: [transformerVariantGroup()],
});