/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./index.html","./src/**/*.{vue,js,ts,jsx,tsx}", 'node_modules/flowbite-vue/**/*.{js,jsx,ts,tsx}'],
  darkMode:'class',
  theme: {
    extend: {
      colors:{
        "primary": "#0e8ef0",
        "primary-light": "#3dabff",
        "secondary": "#0fd974",
        "accent": "#f0700e",
        "bg-dark": "#132e59",
        "bg-dark-tone": "#25477d",
        "bg-dark-tone-panel": "#4367a3",
        "bg-dark-code-block": "#2254a7",
        "bg-light": "#e2edff",
        "bg-light-tone": "#b9d2f7",
        "bg-light-code-block": "#cad7ed",
        "bg-light-tone-panel": "#8fb5ef",
        "bg-dark-discussion": "#435E8A",
        "bg-dark-discussion-odd": "#284471",
        "bg-light-discussion": "#c5d8f8",
        "bg-light-discussion-odd": "#d6e7ff",
      },
      fontFamily: {
        sans: ["PTSans","Roboto", "sans-serif"],
      },
      container: {
        padding: "2rem",
        center: true,
      },
      
    },
  },
  plugins: [
    require('flowbite/plugin'),
    require('tailwind-scrollbar'),
]
}