a Linkat frontend.
ewancroft.uk
1import forms from "@tailwindcss/forms";
2import typography from "@tailwindcss/typography";
3
4import type { Config } from "tailwindcss";
5
6export default {
7 content: ["./src/**/*.{html,js,svelte,ts}"],
8
9 theme: {
10 extend: {
11 colors: {
12 primary: "var(--link-color)",
13 "primary-hover": "var(--link-hover-color)",
14 background: "var(--background-color)",
15 text: "var(--text-color)",
16 card: "var(--card-bg)",
17 "header-footer": "var(--header-footer-bg)",
18 button: "var(--button-bg)",
19 "button-hover": "var(--button-hover-bg)",
20 },
21 typography: {
22 DEFAULT: {
23 css: {
24 color: "var(--text-color)",
25 a: {
26 color: "var(--link-color)",
27 "&:hover": {
28 color: "var(--link-hover-color)",
29 },
30 },
31 h1: {
32 color: "var(--text-color)",
33 },
34 h2: {
35 color: "var(--text-color)",
36 },
37 h3: {
38 color: "var(--text-color)",
39 },
40 h4: {
41 color: "var(--text-color)",
42 },
43 h5: {
44 color: "var(--text-color)",
45 },
46 h6: {
47 color: "var(--text-color)",
48 },
49 strong: {
50 color: "var(--text-color)",
51 },
52 code: {
53 color: "var(--text-color)",
54 backgroundColor: "var(--background-color)",
55 borderRadius: "0.25rem",
56 padding: "0.1rem 0.3rem",
57 },
58 blockquote: {
59 color: "var(--text-color)",
60 borderLeftColor: "var(--button-bg)",
61 backgroundColor: "var(--background-color)",
62 borderRadius: "0 0.5rem 0.5rem 0",
63 padding: "0.5rem 1rem",
64 },
65 ".task-list-item": {
66 "list-style-type": "none",
67 },
68 '[type="checkbox"]': {
69 "border-radius": "0px",
70 "border-color": "var(--button-bg)",
71 },
72 img: {
73 "border-style": "solid",
74 "border-color": "var(--button-bg)",
75 "border-width": "1px",
76 "border-radius": "0em",
77 },
78 hr: {
79 borderColor: "var(--button-bg)",
80 },
81 pre: {
82 backgroundColor: "var(--background-color)",
83 color: "var(--text-color)",
84 },
85 },
86 },
87 invert: {
88 css: {
89 code: {
90 backgroundColor: "var(--background-color)",
91 },
92 },
93 },
94 },
95 },
96 },
97
98 plugins: [forms, typography],
99} satisfies Config;