Skip to content

Commit bf2bc6a

Browse files
committed
Add shadcn/UI standard CSS variables
- Add standard shadcn CSS variables (--popover, --accent, etc.) - Map to existing cmux color tokens for consistency - Allows shadcn components to work out of the box - Context menu now has proper background and styling
1 parent c3426aa commit bf2bc6a

File tree

1 file changed

+21
-0
lines changed

1 file changed

+21
-0
lines changed

src/styles/globals.css

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -101,6 +101,27 @@
101101
--color-separator: hsl(0 0% 15%); /* #252526 - separators */
102102
--color-modal-bg: hsl(0 0% 18%); /* #2d2d30 - modal backgrounds */
103103

104+
/* Shadcn/UI Standard Variables */
105+
--background: hsl(0 0% 12%); /* Same as --color-background */
106+
--foreground: hsl(0 0% 83%); /* Same as --color-foreground */
107+
--popover: hsl(0 0% 11.5%); /* Same as --color-bg-dark */
108+
--popover-foreground: hsl(0 0% 83%); /* Same as --color-foreground */
109+
--card: hsl(0 0% 11.5%); /* Same as --color-bg-dark */
110+
--card-foreground: hsl(0 0% 83%); /* Same as --color-foreground */
111+
--primary: hsl(207 100% 40%); /* Same as --color-accent */
112+
--primary-foreground: hsl(0 0% 100%); /* White text on primary */
113+
--secondary: hsl(0 0% 42%); /* Same as --color-secondary */
114+
--secondary-foreground: hsl(0 0% 83%); /* Same as --color-foreground */
115+
--muted: hsl(0 0% 16.5%); /* Same as --color-bg-hover */
116+
--muted-foreground: hsl(0 0% 53%); /* Same as --color-muted */
117+
--accent: hsl(0 0% 16.5%); /* Same as --color-bg-hover */
118+
--accent-foreground: hsl(0 0% 83%); /* Same as --color-foreground */
119+
--destructive: hsl(0 70% 50%); /* Same as --color-error */
120+
--destructive-foreground: hsl(0 0% 100%); /* White text on destructive */
121+
--border: hsl(240 2% 25%); /* Same as --color-border */
122+
--input: hsl(240 2% 25%); /* Same as --color-border */
123+
--ring: hsl(207 100% 40%); /* Same as --color-accent */
124+
104125
/* Radius */
105126
--radius: 0.5rem;
106127
}

0 commit comments

Comments
 (0)