TailwindCSS CSS Import

globals.css

@tailwind base;
@tailwind components;
@tailwind utilities;

body {
  @apply bg-white text-gray-900 dark:bg-gray-900 dark:text-gray-100;
}

html {
  scroll-padding-top: 2rem;
  scroll-padding-bottom: 2rem;
  scroll-behavior: smooth;
}

.dark {
  color-scheme: dark;
}

tailwind.config.js

const colors = require("tailwindcss/colors");
/** @type {import('tailwindcss').Config} */

module.exports = {
  darkMode: "class",
  content: ["src/**/*.{js,jsx,ts,tsx}"],
  theme: {
    extend: {
      colors: {
        gray: colors.zinc,
      },
    },
  },
  plugins: [],
};