sandbox-agent/frontend/packages/website/tailwind.config.mjs
Nathan Flurry d2346bafb3
Configure lefthook formatter checks (#231)
* Add lefthook formatter checks

* Fix SDK mode hydration

* Stabilize SDK mode integration test
2026-03-10 23:03:11 -07:00

64 lines
2.1 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
export default {
content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
theme: {
extend: {
colors: {
// Primary accent (OrangeRed)
accent: "#FF4500",
// Extended color palette
background: "#000000",
"text-primary": "#FAFAFA",
"text-secondary": "#A0A0A0",
border: "#252525",
// Code syntax highlighting
"code-keyword": "#c084fc",
"code-function": "#60a5fa",
"code-string": "#4ade80",
"code-comment": "#737373",
},
fontFamily: {
sans: ["Manrope", "system-ui", "sans-serif"],
heading: ["Manrope", "system-ui", "sans-serif"],
mono: ["JetBrains Mono", "monospace"],
},
animation: {
"fade-in-up": "fade-in-up 0.8s ease-out forwards",
"hero-line": "hero-line 1s cubic-bezier(0.19, 1, 0.22, 1) forwards",
"hero-p": "hero-p 0.8s ease-out 0.6s forwards",
"hero-cta": "hero-p 0.8s ease-out 0.8s forwards",
"hero-visual": "hero-p 0.8s ease-out 1s forwards",
"infinite-scroll": "infinite-scroll 25s linear infinite",
"pulse-slow": "pulse-slow 3s cubic-bezier(0.4, 0, 0.6, 1) infinite",
},
keyframes: {
"fade-in-up": {
from: { opacity: "0", transform: "translateY(24px)" },
to: { opacity: "1", transform: "translateY(0)" },
},
"hero-line": {
"0%": { opacity: "0", transform: "translateY(100%) skewY(6deg)" },
"100%": { opacity: "1", transform: "translateY(0) skewY(0deg)" },
},
"hero-p": {
from: { opacity: "0", transform: "translateY(20px)" },
to: { opacity: "1", transform: "translateY(0)" },
},
"infinite-scroll": {
from: { transform: "translateX(0)" },
to: { transform: "translateX(-50%)" },
},
"pulse-slow": {
"50%": { opacity: ".5" },
},
},
spacing: {
header: "var(--header-height, 3.5rem)",
},
borderRadius: {
"4xl": "2rem",
},
},
},
plugins: [],
};