50 lines
		
	
	
		
			1.5 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			50 lines
		
	
	
		
			1.5 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
| // uno.config.ts
 | |
| import { defineConfig, presetUno } from 'unocss'
 | |
| import presetIcons from '@unocss/preset-icons'
 | |
| 
 | |
| export default defineConfig({
 | |
|   presets: [
 | |
|     presetUno(),
 | |
|     presetIcons(),
 | |
|   ],
 | |
|   shortcuts: {
 | |
|     "bg-dark": ['bg-neutral-000', "dark:bg-neutral-800"],
 | |
|     "bg": ['bg-neutral-000', "dark:bg-neutral-500"],
 | |
|     "bg-light": ['bg-neutral-100', "dark:bg-neutral-400"],
 | |
|     "text-neutral": ['text-neutral-900', "dark:text-neutral-100"],
 | |
|     "border-neutral": "border-neutral-300 dark:border-neutral-400",
 | |
|     "border-light": "border-neutral-100 dark:border-neutral-500",
 | |
|     "divide-x-neutral": ['divide-x-neutral-300', "dark:divide-x-neutral-1000"],
 | |
|     "gradient": "bg-gradient-to-br from-neutral-000 to-neutral-000 dark:from-neutral-500 dark:to-neutral-800",
 | |
|   },
 | |
|   theme: {
 | |
|     borderRadius: {
 | |
|       "md": "20px",
 | |
|       "diag-md": "0px var(--border-radius-md) 0px var(--border-radius-md)"
 | |
|     },
 | |
|     breakpoints: {
 | |
|       xs: "450px",
 | |
|       sm: "640px",
 | |
|       md: "768px",
 | |
|       lg: "1024px",
 | |
|       xl: "1280px",
 | |
|       "2xl": "1536px",
 | |
|     },
 | |
|     colors: {
 | |
|       neutral: {
 | |
|         "000": "var(--neutral-000)",
 | |
|         "100": "var(--neutral-100)",
 | |
|         "200": "var(--neutral-200)",
 | |
|         "300": "var(--neutral-300)",
 | |
|         "400": "var(--neutral-400)",
 | |
|         "500": "var(--neutral-500)",
 | |
|         "600": "var(--neutral-600)",
 | |
|         "700": "var(--neutral-700)",
 | |
|         "800": "var(--neutral-800)",
 | |
|         "900": "var(--neutral-900)",
 | |
|         "1000": "var(--neutral-1000)",
 | |
|       },
 | |
|     },
 | |
|   },
 | |
| })
 |