sandbox-agent/frontend/packages/website/tailwind.config.mjs
Nicholas Kissel ed6e6f6fa5 Polish Foundry desktop UI: billing redesign, sidebar hover menu, org switching fix
- Redesign billing page with task-hours pricing model (Free: 8h, Pro: 200h/seat)
- Add bulk hour purchase packages and Stripe payment management
- Remove Usage nav section, add upgrade CTA in Members for free plan
- Fix gear icon to open menu on hover with debounced timers
- Fix org switching in workspace flyout (portal outside-click detection)
- Fix tab strip padding when sidebar is collapsed
- Update website components and Tauri config

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-11 19:34:25 -07:00

67 lines
2.3 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 (Foundry orange)
accent: "#ff4f00",
// Extended color palette
background: "#09090b",
"bg-secondary": "#0f0f11",
"bg-tertiary": "#0c0c0e",
"text-primary": "#ffffff",
"text-secondary": "#a1a1aa",
"text-tertiary": "#71717a",
border: "rgba(255, 255, 255, 0.10)",
// Code syntax highlighting
"code-keyword": "#c084fc",
"code-function": "#60a5fa",
"code-string": "#4ade80",
"code-comment": "#71717a",
},
fontFamily: {
sans: ["IBM Plex Sans", "Segoe UI", "system-ui", "sans-serif"],
heading: ["IBM Plex Sans", "Segoe UI", "system-ui", "sans-serif"],
mono: ["IBM Plex Mono", "SFMono-Regular", "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: [],
};