colors are detected but not applied

This commit is contained in:
2023-12-15 15:16:05 +01:00
parent 2e548b83f0
commit eb5e1fb384
4 changed files with 209 additions and 799 deletions

View File

@ -1,36 +1,34 @@
/** @type {import('tailwindcss').Config} */
export default {
content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
content: ["./src/**/*.html", "./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
safelist: [
{
pattern: /hljs+/,
},
],
theme: {
extend: {
colors: {
color0: "var(--color0)",
color1: "var(--color1)",
color2: "var(--color2)",
color3: "var(--color3)",
color4: "var(--color4)",
color5: "var(--color5)",
color6: "var(--color6)",
color7: "var(--color7)",
color8: "var(--color8)",
color9: "var(--color9)",
color10: "var(--color10)",
color11: "var(--color11)",
color12: "var(--color12)",
color13: "var(--color13)",
color14: "var(--color14)",
color15: "var(--color15)",
background: "var(--background)",
selection_foreground: "var(--selection_foreground)",
cursor: "var(--cursor)",
foreground: "var(--foreground)",
selection_background: "var(--selection_background)",
},
color0: "rgb(var(--color0) / <alpha-value>)",
color1: "rgb(var(--color1) / <alpha-value>)",
color2: "rgb(var(--color2) / <alpha-value>)",
color3: "rgb(var(--color3) / <alpha-value>)",
color4: "rgb(var(--color4) / <alpha-value>)",
color5: "rgb(var(--color5) / <alpha-value>)",
color6: "rgb(var(--color6) / <alpha-value>)",
color7: "rgb(var(--color7) / <alpha-value>)",
color8: "rgb(var(--color8) / <alpha-value>)",
color9: "rgb(var(--color9) / <alpha-value>)",
color10: "rgb(var(--color10) / <alpha-value>)",
color11: "rgb(var(--color11) / <alpha-value>)",
color12: "rgb(var(--color12) / <alpha-value>)",
color13: "rgb(var(--color13) / <alpha-value>)",
color14: "rgb(var(--color14) / <alpha-value>)",
color15: "rgb(var(--color15) / <alpha-value>)",
background: "rgb(var(--background) / <alpha-value>)",
selection_foreground: "rgb(var(--selection_foreground) / <alpha-value>)",
cursor: "rgb(var(--cursor) / <alpha-value>)",
foreground: "rgb(var(--foreground) / <alpha-value>)",
selection_background: "rgb(var(--selection_background) / <alpha-value>)",
},
extend: {},
hljs: {
@ -43,4 +41,7 @@ export default {
},
},
plugins: [require("tailwind-highlightjs")],
safelist: {
pattern: /(bg|text|border)-(transparent|color0|color1|color2|color3|color4|color5|color6|color7|color8|color9|color10|color11|color12|color13|color14|color15|background|selection_background|cursor|foreground|selection_background)/,
}
};