Anjing Webshells

Website : rimsha.abasa.com
: / var / www / mudeer-web /
Filename : tailwind.config.ts
back
import type { Config } from "tailwindcss";
import defaultTheme from 'tailwindcss/defaultTheme'
import tailwindcssAnimate from 'tailwindcss-animate'


const config: Config = {
    darkMode: ["class"],
    content: [
    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
  	extend: {
  		colors: {
  			background: 'var(--background)',
  			foreground: 'var(--foreground)',
  			transparent: 'transparent',
  			current: 'currentColor',
  			'blue-primary': '#234297',
  			'blue-secondary': '#234297',
  			'gray-text': '#00000080',
  			'orange-primary': '#5D2D83',
  			'gray-default': '#5f636810',
  			sidebar: {
  				DEFAULT: 'hsl(var(--sidebar-background))',
  				foreground: 'hsl(var(--sidebar-foreground))',
  				primary: 'hsl(var(--sidebar-primary))',
  				'primary-foreground': 'hsl(var(--sidebar-primary-foreground))',
  				accent: 'hsl(var(--sidebar-accent))',
  				'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
  				border: 'hsl(var(--sidebar-border))',
  				ring: 'hsl(var(--sidebar-ring))'
  			}
  		},
  		fontFamily: {
  			sans: [
  				'latoregular',
  				'Montserrat',
  				'Poppins',
  				'sans-serif'
  			],
  			poppins: [
  				'Poppins',
                    ...defaultTheme.fontFamily.sans
                ],
  			latoRegular: [
  				'latoregular',
                    ...defaultTheme.fontFamily.sans
                ],
  			latoBlack: [
  				'latoblack',
                    ...defaultTheme.fontFamily.sans
                ]
  		},
  		fontSize: {
  			base: '14px'
  		},
  		borderRadius: {
  			lg: 'var(--radius)',
  			md: 'calc(var(--radius) - 2px)',
  			sm: 'calc(var(--radius) - 4px)'
  		}
  	}
  },
  plugins: [tailwindcssAnimate],
};
export default config;