discourse-graph-obsidian/tailwind.config.ts at main · DiscourseGraphs/discourse-graph-obsidian · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
import type { Config } from "tailwindcss";

const config: Pick<Config, "content" | "theme" | "plugins"> = {
  content: ["./src/**/*.{js,jsx,ts,tsx}"],
  theme: {
    extend: {
      // Map Obsidian CSS variables to Tailwind classes
      colors: {
        // Background colors
        primary: "var(--background-primary)",
        secondary: "var(--background-secondary)",
        tertiary: "var(--background-tertiary)",

        // Text colors
        normal: "var(--text-normal)",
        muted: "var(--text-muted)",
        "accent-text": "var(--text-accent)",
        error: "var(--text-error)",
        "on-accent": "var(--text-on-accent)",

        // Interactive elements
        accent: {
          DEFAULT: "var(--interactive-accent)",
          hover: "var(--interactive-accent-hover)",
        },

        // Modifiers
        "modifier-border": "var(--background-modifier-border)",
        "modifier-form-field": "var(--background-modifier-form-field)",
        "modifier-error": "var(--background-modifier-error)",
        "modifier-hover": "var(--background-modifier-hover)",
      },
      borderColor: {
        DEFAULT: "var(--background-modifier-border)",
      },
    },
  },
};

export default config;