tailwind.config.mjs

import defaultTheme from "tailwindcss/defaultTheme";
/** @type {import('tailwindcss').Config} */
export default {
  content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
  theme: {
    extend: {
      fontFamily: {
        mono: ["Minlo", ...defaultTheme.fontFamily.mono],
      },
      colors: {
        tokyo: {
          bg: "#1a1b26",
          bg_dark: "#16161e",
          bg_highlight: "#292e42",
          fg: "#c0caf5",
          fg_dark: "#a9b1d6",
          fg_gutter: "#3b4261",
          dark3: "#545c7e",
          comment: "#565f89",
          dark5: "#737aa2",
          blue0: "#3d59a1",
          blue: "#7aa2f7",
          cyan: "#7dcfff",
          blue1: "#2ac3de",
          blue2: "#0db9d7",
          blue5: "#89ddff",
          blue6: "#b4f9f8",
          blue7: "#394b70",
          magenta: "#bb9af7",
          magenta2: "#ff007c",
          purple: "#9d7cd8",
          orange: "#ff9e64",
          yellow: "#e0af68",
          green: "#9ece6a",
          green1: "#73daca",
          green2: "#41a6b5",
          teal: "#1abc9c",
          red: "#f7768e",
          red1: "#db4b4b",
        },
      },
    },
  },
  plugins: [],
};