2025-03-01 13:08:00 +00:00
|
|
|
import defaultTheme from "tailwindcss/defaultTheme";
|
|
|
|
import tailwindForms from "@tailwindcss/forms";
|
2020-07-27 09:35:34 +00:00
|
|
|
|
2022-07-02 17:15:29 +00:00
|
|
|
/** @type {import('tailwindcss').Config} */
|
2025-03-01 13:08:00 +00:00
|
|
|
export default {
|
2021-10-22 10:51:43 +00:00
|
|
|
content: [
|
2021-07-12 17:47:56 +00:00
|
|
|
"./app/Views/**/*.php",
|
2025-03-01 13:08:00 +00:00
|
|
|
"./themes/cp_install/**/*.php",
|
|
|
|
"./resources/**/*.ts",
|
2021-07-12 17:47:56 +00:00
|
|
|
],
|
2021-04-02 17:20:02 +00:00
|
|
|
theme: {
|
|
|
|
extend: {
|
|
|
|
fontFamily: {
|
2021-09-17 12:48:18 +00:00
|
|
|
sans: ["Inter", ...defaultTheme.fontFamily.sans],
|
|
|
|
display: ["Kumbh Sans", ...defaultTheme.fontFamily.sans],
|
2021-12-27 11:22:39 +00:00
|
|
|
mono: ["Noto Sans Mono", ...defaultTheme.fontFamily.mono],
|
2021-04-02 17:20:02 +00:00
|
|
|
},
|
2022-09-28 12:49:36 +00:00
|
|
|
textDecorationThickness: {
|
|
|
|
3: "3px",
|
|
|
|
},
|
2021-11-05 14:36:34 +00:00
|
|
|
textColor: {
|
|
|
|
skin: {
|
2022-07-02 17:15:29 +00:00
|
|
|
base: "hsl(var(--color-text-base) / <alpha-value>)",
|
|
|
|
muted: "hsl(var(--color-text-muted) / <alpha-value>)",
|
2021-11-05 14:36:34 +00:00
|
|
|
},
|
|
|
|
accent: {
|
2022-07-02 17:15:29 +00:00
|
|
|
base: "hsl(var(--color-accent-base) / <alpha-value>)",
|
|
|
|
hover: "hsl(var(--color-accent-hover) / <alpha-value>)",
|
|
|
|
muted: "hsl(var(--color-accent-muted) / <alpha-value>)",
|
|
|
|
contrast: "hsl(var(--color-accent-contrast) / <alpha-value>)",
|
2021-11-05 14:36:34 +00:00
|
|
|
},
|
|
|
|
},
|
|
|
|
backgroundColor: {
|
2022-07-02 17:15:29 +00:00
|
|
|
base: "hsl(var(--color-background-base) / <alpha-value>)",
|
|
|
|
elevated: "hsl(var(--color-background-elevated) / <alpha-value>)",
|
2024-02-17 12:02:38 +00:00
|
|
|
subtle: "hsl(var(--color-border-subtle) / <alpha-value>)",
|
2022-07-02 17:15:29 +00:00
|
|
|
navigation: "hsl(var(--color-background-navigation) / <alpha-value>)",
|
2023-10-10 15:55:39 +00:00
|
|
|
"navigation-active":
|
|
|
|
"hsl(var(--color-background-navigation-active) / <alpha-value>)",
|
2022-07-02 17:15:29 +00:00
|
|
|
backdrop: "hsl(var(--color-background-backdrop) / <alpha-value>)",
|
|
|
|
header: "hsl(var(--color-background-header) / <alpha-value>)",
|
2021-11-05 14:36:34 +00:00
|
|
|
accent: {
|
2022-07-02 17:15:29 +00:00
|
|
|
base: "hsl(var(--color-accent-base) / <alpha-value>)",
|
|
|
|
hover: "hsl(var(--color-accent-hover) / <alpha-value>)",
|
2021-11-05 14:36:34 +00:00
|
|
|
},
|
2022-07-02 17:15:29 +00:00
|
|
|
highlight: "hsl(var(--color-background-highlight) / <alpha-value>)",
|
2021-11-05 14:36:34 +00:00
|
|
|
},
|
|
|
|
borderColor: {
|
2022-07-02 17:15:29 +00:00
|
|
|
subtle: "hsl(var(--color-border-subtle) / <alpha-value>)",
|
|
|
|
contrast: "hsl(var(--color-border-contrast) / <alpha-value>)",
|
|
|
|
navigation: "hsl(var(--color-border-navigation) / <alpha-value>)",
|
|
|
|
"navigation-bg":
|
|
|
|
"hsl(var(--color-background-navigation) / <alpha-value>)",
|
2021-11-05 14:36:34 +00:00
|
|
|
accent: {
|
2022-07-02 17:15:29 +00:00
|
|
|
base: "hsl(var(--color-accent-base) / <alpha-value>)",
|
|
|
|
hover: "hsl(var(--color-accent-hover) / <alpha-value>)",
|
2021-11-05 14:36:34 +00:00
|
|
|
},
|
|
|
|
background: {
|
2022-07-02 17:15:29 +00:00
|
|
|
base: "hsl(var(--color-background-base) / <alpha-value>)",
|
|
|
|
elevated: "hsl(var(--color-background-elevated) / <alpha-value>)",
|
2021-11-05 14:36:34 +00:00
|
|
|
},
|
|
|
|
},
|
|
|
|
ringColor: {
|
2022-07-02 17:15:29 +00:00
|
|
|
contrast: "hsl(var(--color-border-contrast) / <alpha-value>)",
|
2021-11-05 14:36:34 +00:00
|
|
|
background: {
|
2022-07-02 17:15:29 +00:00
|
|
|
base: "hsl(var(--color-background-base) / <alpha-value>)",
|
|
|
|
elevated: "hsl(var(--color-background-elevated) / <alpha-value>)",
|
2021-11-05 14:36:34 +00:00
|
|
|
},
|
|
|
|
},
|
2021-04-02 17:20:02 +00:00
|
|
|
colors: {
|
2024-05-10 09:06:10 +00:00
|
|
|
accent: {
|
|
|
|
base: "hsl(var(--color-accent-base) / <alpha-value>)",
|
|
|
|
hover: "hsl(var(--color-accent-hover) / <alpha-value>)",
|
|
|
|
},
|
2021-11-05 14:36:34 +00:00
|
|
|
background: {
|
2022-07-02 17:15:29 +00:00
|
|
|
header: "hsl(var(--color-background-header) / <alpha-value>)",
|
2023-07-26 17:19:40 +00:00
|
|
|
base: "hsl(var(--color-background-base) / <alpha-value>)",
|
2021-11-05 14:36:34 +00:00
|
|
|
},
|
|
|
|
heading: {
|
2022-07-02 17:15:29 +00:00
|
|
|
foreground: "hsl(var(--color-heading-foreground) / <alpha-value>)",
|
|
|
|
background: "hsl(var(--color-heading-background) / <alpha-value>)",
|
2021-11-05 14:36:34 +00:00
|
|
|
},
|
2021-04-02 17:20:02 +00:00
|
|
|
pine: {
|
2021-09-03 16:34:06 +00:00
|
|
|
50: "#F2FAF9",
|
|
|
|
100: "#E7F9E4",
|
|
|
|
200: "#bfe4e1",
|
|
|
|
300: "#99d4cf",
|
|
|
|
400: "#4db4aa",
|
|
|
|
500: "#009486",
|
|
|
|
600: "#008579",
|
|
|
|
700: "#006D60",
|
|
|
|
800: "#00564A",
|
|
|
|
900: "#003D0B",
|
2021-04-02 17:20:02 +00:00
|
|
|
},
|
2021-10-18 16:44:07 +00:00
|
|
|
},
|
2021-09-10 16:02:25 +00:00
|
|
|
borderWidth: {
|
|
|
|
3: "3px",
|
|
|
|
},
|
2021-11-05 14:36:34 +00:00
|
|
|
ringWidth: {
|
|
|
|
3: "3px",
|
|
|
|
},
|
2021-04-02 17:20:02 +00:00
|
|
|
},
|
2020-09-04 09:09:26 +00:00
|
|
|
},
|
2021-04-02 17:20:02 +00:00
|
|
|
variants: {},
|
2025-03-01 13:08:00 +00:00
|
|
|
plugins: [tailwindForms],
|
2020-06-10 15:00:12 +00:00
|
|
|
};
|