Files
hyperframes/packages/studio/src/styles/tailwind-preset.shared.js
T
Vance Ingalls 127b8e4658 style(studio): distinguish open-section body from header background
Add panel.bg-inset token (#121214) and inset shadow to open-group body
for visual separation from the header row.
2026-07-14 15:51:58 -07:00

42 lines
1.0 KiB
JavaScript

const studioPreset = {
theme: {
extend: {
colors: {
studio: {
bg: "#0a0a0a",
surface: "#141414",
border: "#262626",
text: "#e5e5e5",
muted: "#737373",
accent: "#3CE6AC",
},
panel: {
bg: "#0C0C0E",
// Open inspector-section body — slightly lighter than headers (bg)
// so the recessed scrollable region reads distinct.
"bg-inset": "#121214",
input: "#161618",
surface: "#18181B",
hover: "#27272A",
border: "#1E1E1E",
"border-input": "#27272A",
hairline: "#1A1A1C",
"text-0": "#FAFAFA",
"text-1": "#E4E4E7",
"text-2": "#A1A1AA",
"text-3": "#71717A",
"text-4": "#52525B",
"text-5": "#3F3F46",
accent: "#3CE6AC",
danger: "#EF4444",
media: "#00E3FF",
container: "#F5A623",
},
},
},
},
plugins: [],
};
export default studioPreset;