elearning/Frontend-Learner/tailwind.config.ts

import type { Config } from "tailwindcss";

export default {
  darkMode: 'class',
  content: [
    "./app.vue",
    "./components/**/*.{vue,js,ts}",
    "./layouts/**/*.vue",
    "./pages/**/*.vue",
    "./plugins/**/*.{js,ts}",
    "./nuxt.config.{js,ts}"
  ],
  theme: {
    extend: {
      colors: {
        brand: {
          50: "#f2f6ff",
          100: "#e2ebff",
          200: "#bcd0ff",
          300: "#93b3ff",
          400: "#6f96ff",
          500: "#4b82f7",
          600: "#2f5ed7",
          700: "#2447a8",
          800: "#1c357f",
          900: "#162a61"
        }
      },
      fontFamily: {
        sans: [
          'Prompt', 
          'Sarabun', 
          'Inter', 
          '-apple-system', 
          'BlinkMacSystemFont', 
          'Segoe UI', 
          'Roboto', 
          'Helvetica Neue', 
          'Arial', 
          'sans-serif'
        ],
      }
    }
  },
  plugins: []
} satisfies Config;