zhaoxin/uno.config.ts at main · ssieie/zhaoxin · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
import {
  defineConfig,
  presetAttributify,
  presetUno,
  presetWebFonts,
} from "unocss";
import presetIcons from "@unocss/preset-icons";

export default defineConfig({
  presets: [
    presetIcons({
      /* options */
    }),
    presetWebFonts({
      provider: "google", // default provider
      fonts: {
        playwrite: ["Kanit"],
        msz: ["Ma Shan Zheng"],
        cnss: ["Noto Sans SC"],
        nss: ["Noto Serif SC"],
        zqh: ["ZCOOL QingKe HuangYou"]
      }
    }),
    presetAttributify({
      /* preset options */
    }),
    presetUno()
    // ...custom presets
  ],
  rules: [
    [/^m-([\.\d]+)$/, ([_, num]) => ({ margin: `${num}px` })],
    [/^p-([.\d]+)$/, ([_, num]) => ({ padding: `${num}px` })]
  ],
  theme: {
    colors: {
      dark: '#09090b', // 暗色主题的背景色
      light: '#ffffff', // 亮色主题的背景色
      primary: '#1E3A8A'
    },
    breakpoints: {
      'xs': '320px',
      'sm': "640px",
      'md-sm': "800px",
      'md': "900px",
      'lg-md': "1000px",
      'lg': "1124px",
      'xl': "1280px",
      '2xl': "1536px"
    }
  },
  shortcuts: {
    "header-w": "max-w-350px sm:max-w-600px md-sm:max-w-800px md:max-w-900px lg-md:max-w-1000px xl:max-w-1100px 2xl:max-w-1200px",
    "switch-animation": "transition duration-350",
    "bg-base": "bg-[#ffffff] dark:bg-[#020617] switch-animation",
    "title-text-base": "text-[#374151] dark:text-[#f1f5f9] switch-animation",
    "desc-text-base": "text-[#475569] dark:text-[#e2e8f0] switch-animation",
    "underline-base": "bg-[#64748b] dark:bg-[#f0f0f0]",
    "markdown-base": "text-[#475569] dark:text-[#e2e8f0] switch-animation",
  }
});