Files
Containarr/web/tailwind.config.js

47 lines
1.3 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
export default {
content: ["./src/**/*.{html,js,svelte,ts}"],
theme: {
extend: {
colors: {
abyss: {
950: "#03070f",
900: "#060c18",
800: "#0a1220",
700: "#0f1b2e",
600: "#162238",
500: "#1e2f48",
},
emerald: {
DEFAULT: "#10b981",
bright: "#34d399",
dim: "#0a3d26",
},
signal: {
green: "#34d399",
red: "#f87171",
yellow: "#fbbf24",
cyan: "#2dd4bf",
},
},
fontFamily: {
mono: ["JetBrains Mono", "Fira Code", "ui-monospace", "monospace"],
sans: ["Inter", "system-ui", "-apple-system", "sans-serif"],
},
boxShadow: {
"glow-green": "0 0 10px rgba(52,211,153,0.45)",
"glow-emerald": "0 0 14px rgba(16,185,129,0.4)",
card: "0 4px 24px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.04)",
},
backgroundImage: {
"grid-faint":
"linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px)",
},
backgroundSize: {
grid: "32px 32px",
},
},
},
plugins: [],
};