_config.ts

import lume from "lume/mod.ts";
import tailwindcss from "lume/plugins/tailwindcss.ts";
import postcss from "lume/plugins/postcss.ts";
import typography from "npm:@tailwindcss/typography";

const site = lume({
  location: new URL("https://jsoncalendar.org"),
  src: "./src"
});

site.use(tailwindcss({
  extensions: [".html", ".jsx"],
  options: {
    darkMode: "selector",
    plugins: [typography],
    theme: {
      extend: {
        typography: {
          DEFAULT: {
            css: {
              "--tw-prose-body": "hsl(var(--foreground))",
              "--tw-prose-headings": "hsl(var(--foreground))",
              "--tw-prose-lead": "hsl(var(--foreground))",
              "--tw-prose-links": "hsl(var(--foreground))",
              "--tw-prose-bold": "hsl(var(--foreground))",
              "--tw-prose-counters": "hsl(var(--foreground))",
              "--tw-prose-bullets": "hsl(var(--foreground))",
              "--tw-prose-hr": "hsl(var(--foreground))",
              "--tw-prose-quotes": "hsl(var(--foreground))",
              "--tw-prose-quote-borders": "hsl(var(--foreground))",
              "--tw-prose-captions": "hsl(var(--foreground))",
              "--tw-prose-code": "hsl(var(--foreground))",
              "--tw-prose-pre-code": "hsl(var(--foreground))",
              "--tw-prose-pre-bg": "hsl(var(--background))",
              "--tw-prose-th-borders": "hsl(var(--foreground))",
              "--tw-prose-td-borders": "hsl(var(--foreground))",
              "--tw-prose-invert-body": "hsl(var(--foreground))",
              "--tw-prose-invert-headings": "hsl(var(--foreground))",
              "--tw-prose-invert-lead": "hsl(var(--foreground))",
              "--tw-prose-invert-links": "hsl(var(--foreground))",
              "--tw-prose-invert-bold": "hsl(var(--foreground))",
              "--tw-prose-invert-counters": "hsl(var(--foreground))",
              "--tw-prose-invert-bullets": "hsl(var(--foreground))",
              "--tw-prose-invert-hr": "hsl(var(--foreground))",
              "--tw-prose-invert-quotes": "hsl(var(--foreground))",
              "--tw-prose-invert-quote-borders":
                "hsl(var(--foreground))",
              "--tw-prose-invert-captions": "hsl(var(--foreground))",
              "--tw-prose-invert-code": "hsl(var(--foreground))",
              "--tw-prose-invert-pre-code": "hsl(var(--foreground))",
              "--tw-prose-invert-pre-bg": "rgb(0 0 0 / 50%)",
              "--tw-prose-invert-th-borders": "hsl(var(--foreground))",
              "--tw-prose-invert-td-borders": "hsl(var(--foreground))",
            },
          },
        },
        colors: {
          border: "hsl(var(--border))",
          input: "hsl(var(--input))",
          ring: "hsl(var(--ring))",
          background: "hsl(var(--background))",
          foreground: "hsl(var(--foreground))",
          primary: {
            DEFAULT: "hsl(var(--primary))",
            foreground: "hsl(var(--primary-foreground))",
          },
          secondary: {
            DEFAULT: "hsl(var(--secondary))",
            foreground: "hsl(var(--secondary-foreground))",
          },
          destructive: {
            DEFAULT: "hsl(var(--destructive))",
            foreground: "hsl(var(--destructive-foreground))",
          },
          muted: {
            DEFAULT: "hsl(var(--muted))",
            foreground: "hsl(var(--muted-foreground))",
          },
          accent: {
            DEFAULT: "hsl(var(--accent))",
            foreground: "hsl(var(--accent-foreground))",
          },
          popover: {
            DEFAULT: "hsl(var(--popover))",
            foreground: "hsl(var(--popover-foreground))",
          },
          card: {
            DEFAULT: "hsl(var(--card))",
            foreground: "hsl(var(--card-foreground))",
          },
        },
        borderRadius: {
          lg: "var(--radius)",
          md: "calc(var(--radius) - 2px)",
          sm: "calc(var(--radius) - 4px)",
        },
      },
    },
  },
}));
site.use(postcss());

export default site;