Untitled

测试数据

// tailwind.config.cjs
/** @type {import('tailwindcss').Config} */
module.exports = {
  // ...
  theme: {
    extend: {
      colors: {
        background: "#f9fafb",
        foreground: "#222222",
        neutral: {
          50: "#f9fafb",
          100: "#f0f1f2",
          200: "#dfe0e0",
          300: "#cbcccc",
          400: "#999a9a",
          500: "#6a6a6b",
          600: "#4c4c4c",
          700: "#393939",
          800: "#222222",
          900: "#181818",
        },
        "#4066d4": {
          DEFAULT: "#4066d4",
          50: "#f0f6ff",
          100: "#dce9fd",
          200: "#c2dafb",
          300: "#9bc3f7",
          400: "#70a3ef",
          500: "#5282e5",
          600: "#4066d4",
          700: "#3351c8",
          800: "#2b40a8",
          900: "#25388a",
        },
        green: {
          DEFAULT: "#039855",
          50: "#eefdf3",
          100: "#d5fadf",
          200: "#adf3c5",
          300: "#76e8a6",
          400: "#41d483",
          500: "#1ebb6a",
          600: "#039855",
          700: "#11794a",
          800: "#155f3d",
          900: "#154e34",
        },
      },
    },
  },
  // ...
};

/**
 * TO USE:
 *
 * <body class="bg-background text-foreground dark:bg-foreground dark:text-background"></div>
 */