uno.config.ts

import { defineConfig, presetAttributify, presetUno } from 'unocss';
import presetIcons from '@unocss/preset-icons'
import transformerDirectives from '@unocss/transformer-directives'
import { presetTypography } from '@unocss/preset-typography'

export default defineConfig({
  presets: [
    presetAttributify(),
    presetUno({
      dark: 'class',
    }),
    presetIcons({
      prefix: 'i-',
      extraProperties: {
        display: 'inline-block'
      }
    }),
    presetTypography({
      selectorName: 'markdown', // now use like `markdown markdown-gray`, `not-markdown`
      // cssExtend is an object with CSS selector as key and
      // CSS declaration block as value like writing normal CSS.
      cssExtend: {
        'code': {
          color: '#8b5cf6',
        },
        'a:hover': {
          color: '#f43f5e',
        },
        'a:visited': {
          color: '#14b8a6',
        },
      },
    }),
  ],
  transformers: [
    transformerDirectives()
  ],
  shortcuts: {
    'naux-logo': 'font-serif-naux font-black bg-clip-text font-bold text-transparent from-gray-700 from-55% to-transparent',
    'naux-logo-link': 'hover:text-#c04851 transition-all',
    'logo-effect': 'bg-gradient-to-b my-0 mb-[-14px]',
    'logo-effect-md': 'bg-gradient-to-l mx-0 ml-[-14px]',
    'logo-dark': 'from-stone-300 from-55% to-neutral-600',
    'naux-link': 'text-inherit hover:text-#c04851 transition-all',
    'naux-text-color': 'text-gray-700 dark:text-stone-300'
  },
  rules: [
    ['rounded-inregular-1', { 'border-radius': '83% 34% 50% 61% / 62% 56% 65% 50%' }],
    ['rounded-inregular-2', { 'border-radius': '35% 79% 50% 45% / 69% 92% 26% 35%' }],
    ['text-last-justify', {'text-align-last': 'justify'}],
    ['lh-tighter', { 'line-height': '0.8' }],
    ['font-serif-naux', {'font-family': 'ui-serif, Georgia, Cambria, "Times New Roman", Times, Helvetica, serif'}],
    ['font-chinese', {'font-family': 'SourceHanSerif, ui-serif, Georgia, Cambria, "Times New Roman", Times, Helvetica, serif'}],
    ['mobile-text', {'writing-mode': 'vertical-rl'}],
    ['naux-main-font',{'font-family': '"Noto Sans SC",-apple-system,blinkmacsystemfont,"Segoe UI",roboto,"Helvetica Neue",arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"'}]
  ]
})