explorer-app/unocss.config.ts

61 lines
1.3 KiB
TypeScript
Raw Normal View History

2023-12-19 18:43:42 +01:00
import {
defineConfig,
presetAttributify,
presetIcons,
presetUno,
presetWebFonts,
} from 'unocss'
import { collections } from './unocss.config.collections'
export default defineConfig({
shortcuts: [
{
'app-container': 'px-12px sm:px-1.5rem max-w-1400px m-auto w-full',
'custom-link': 'text-app-text-grey hover:underline underline-offset-4px text-18px font-400 leading-32px cursor-pointer',
},
{
'custom-link-active': 'text-app-white! underline',
},
],
presets: [
presetUno(),
presetAttributify(),
presetIcons({
warn: true,
customizations: {
transform(svg, collection) {
if (collection === 'web') {
svg = svg.replace(/stroke="#[a-zA-Z0-9]+"/, 'stroke="currentColor"')
svg = svg.replace(/fill="#[a-zA-Z0-9]+"/, 'fill="currentColor"')
}
return svg
},
},
collections,
}),
presetWebFonts({
provider: 'google',
fonts: {
archivo: 'Archivo',
},
}),
],
theme: {
colors: {
app: {
white: '#fff',
black: '#000',
green: '#B5E26B',
red: '#FF5252',
bg: {
grey: '#ffffff33',
dark_grey: '#161616',
},
text: {
grey: '#909090',
},
},
},
},
})