File size: 1,670 Bytes
ee9fcd0 | 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 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 | /** @type {import('tailwindcss').Config} */
import typography from "@tailwindcss/typography";
export default {
darkMode: "class",
theme: {
extend: {
colors: {
modal: {
background: "#171717",
input: "#27272A",
primary: "#F3CE49",
secondary: "#737373",
muted: "#A3A3A3",
},
surface: {
DEFAULT: "#050505",
card: "#0a0a0a",
elevated: "#1a1a1a",
outline: "#171717",
background: "#262626",
divider: "#525252",
button: "#737373",
text: "#A3A3A3",
},
border: {
DEFAULT: "#242424",
hover: "#3a3a3a",
},
content: {
DEFAULT: "#fafafa",
muted: "#8c8c8c",
icon: "#3a3a3a",
},
status: {
"success-bg": "rgba(16, 185, 129, 0.1)",
"success-border": "rgba(16, 185, 129, 0.4)",
"success-text": "#6ee7b7",
"success-badge-bg": "rgba(16, 185, 129, 0.15)",
"fail-bg": "rgba(244, 63, 94, 0.1)",
"fail-border": "rgba(244, 63, 94, 0.4)",
"fail-text": "#fda4af",
"fail-solid": "#dc2626",
"fail-solid-hover": "#b91c1c",
},
toggle: {
active: "#34d399",
"active-bg": "rgba(52, 211, 153, 0.2)",
"active-border": "rgba(52, 211, 153, 0.5)",
inactive: "#242424",
"inactive-knob": "#8c8c8c",
"inactive-border": "#3a3a3a",
},
"muted-overlay": "rgba(5, 5, 5, 0.4)",
"pill-bg": "rgba(31, 31, 31, 0.3)",
},
},
},
plugins: [typography],
};
|