tailwind.config.ts

/*
 * Copyright (c) 2023-2024 ThrRip, XMing (洺知-故犯)
 *
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at https://mozilla.org/MPL/2.0/.
 */

import type { Config } from 'tailwindcss'

import scrollbar from 'tailwind-scrollbar'

export default {
  content: [
    './nuxt.config.ts',
    './app/app.vue',
    './app/pages/**/*.vue',
    './app/components/**/*.vue'
  ],
  theme: {
    colors: {
      inherit: 'inherit',
      current: 'currentColor',
      transparent: 'transparent',

      blue: {
        l: '#89c1cf',
        DEFAULT: '#6caebf',
        a: '#5194a7',
        alt: '#3b7a91'
      },
      pink: {
        l: '#fed3c8',
        la: '#f2beb1'
      },
      brown: {
        DEFAULT: '#493437'
      },
      white: {
        DEFAULT: '#fefaf7',
        alt: '#efeaf1',
        alta: '#f3f1f6'
      },
      gray: {
        DEFAULT: '#e7e2e9'
      },
      black: {
        DEFAULT: '#433a47',
        a: '#352939'
      }
    },
    extend: {
      screens: {
        '3xl': '2160px',
        '5xl': '3840px'
      },

      outlineOffset: {
        3: '3px'
      },
      boxShadow: {
        // Half Y offset
        'sm-1/2y': '0 0.5px 2px 0 rgb(0 0 0 / 0.05)',
        '1/2y': '0 0.5px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',
        'md-1/2y': '0 2px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',
        'lg-1/2y': '0 5px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',
        'xl-1/2y': '0 10px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)',
        '2xl-1/2y': '0 14px 50px -12px rgb(0 0 0 / 0.25)',
        'inner-1/2y': 'inset 0 1px 4px 0 rgb(0 0 0 / 0.05)'
      }
    }
  },
  plugins: [
    scrollbar
  ]
} satisfies Config