Skip to content

Commit bb2e64c

Browse files
authored
fix(studio): pin user-agent color scheme to dark (heygen-com#482)
The studio shell paints a #0a0a0a body but never declares `color-scheme`, so browsers render native UA chrome (scrollbars, form controls, focus rings) in the light palette and the mismatch is obvious — especially scrollbars, which appear as light tracks sitting on top of a near-black panel. Studio doesn't expose a theme toggle; the UI is dark-only. Declaring `color-scheme: dark` on `:root` lines up the browser-native surfaces with the rest of the chrome.
1 parent ef45f65 commit bb2e64c

1 file changed

Lines changed: 9 additions & 0 deletions

File tree

packages/studio/src/styles/studio.css

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,15 @@
22
@tailwind components;
33
@tailwind utilities;
44

5+
/*
6+
* Studio is a dark-only UI — pin the user-agent color scheme to dark so that
7+
* browser-native chrome (scrollbars, form controls, focus rings) picks the
8+
* matching palette instead of defaulting to light against our #0a0a0a body.
9+
*/
10+
:root {
11+
color-scheme: dark;
12+
}
13+
514
body {
615
margin: 0;
716
padding: 0;

0 commit comments

Comments
 (0)