import { defineConfig, presetUno, presetAttributify, presetIcons } from 'unocss';

export default defineConfig({
  presets: [
    presetUno(),
    presetAttributify(),
    presetIcons({
      extraProperties: {
        display: 'inline-block',
        'vertical-align': 'middle',
      },
    }),
  ],

  rules: [
    ['bg-theme', { 'background-color': '#B44343' }],
    ['text-flow', { 'text-overflow': 'ellipsis', 'white-space': 'nowrap', overflow: 'hidden' }],
  ],

  shortcuts: {
    'switch-animation': 'transition duration-300',
    'bg-base': 'bg-[#fff] dark:bg-[#20202a] switch-animation',
    'card-base': 'bg-[#ffffff] dark:bg-[#10101a] switch-animation',
    'text-base': 'text-[rgba(0,0,0,0.95)] dark:text-[#f0f0f0] switch-animation',
    'switch-label-base': 'bg-gray-200 dark:bg-gray-800 switch-animation',
    'switch-span-base': 'bg-white dark:bg-gray-300 switch-animation',
    'text-theme': 'text-[#B44343]',
    'text-overflow': 'overflow-hidden whitespace-nowrap truncate',
    'border-theme': 'border-[#B44343]',
    'bg-theme': 'bg-[#B44343]',
  },
});