summaryrefslogtreecommitdiffhomepage
path: root/packages/ui/src/styles/theme.css
diff options
context:
space:
mode:
authorAaron Iker <[email protected]>2026-01-08 16:02:04 +0100
committerGitHub <[email protected]>2026-01-08 09:02:04 -0600
commit61aeb2a2a741468b42ddde2cfb1f08897d9ab648 (patch)
treea7b1dc92457f922e9ef0c0153fb0f9b4e6a1f4d4 /packages/ui/src/styles/theme.css
parent4b0f7b82ba998af8c564426f003486c19f7b3676 (diff)
downloadopencode-61aeb2a2a741468b42ddde2cfb1f08897d9ab648.tar.gz
opencode-61aeb2a2a741468b42ddde2cfb1f08897d9ab648.zip
feat: Polish dialog, popover shadows & borders, add missing provider logos (#7326)
Diffstat (limited to 'packages/ui/src/styles/theme.css')
-rw-r--r--packages/ui/src/styles/theme.css12
1 files changed, 10 insertions, 2 deletions
diff --git a/packages/ui/src/styles/theme.css b/packages/ui/src/styles/theme.css
index 1b919c0ac..5724bc9f7 100644
--- a/packages/ui/src/styles/theme.css
+++ b/packages/ui/src/styles/theme.css
@@ -47,9 +47,17 @@
--radius-xl: 0.625rem;
--shadow-xs:
- 0 1px 2px -1px rgba(19, 16, 16, 0.04), 0 1px 2px 0 rgba(19, 16, 16, 0.06), 0 1px 3px 0 rgba(19, 16, 16, 0.08);
+ 0 1px 2px -0.5px light-dark(hsl(0 0% 0% / 0.04), hsl(0 0% 0% / 0.06)),
+ 0 0.5px 1.5px 0 light-dark(hsl(0 0% 0% / 0.025), hsl(0 0% 0% / 0.08)),
+ 0 1px 3px 0 light-dark(hsl(0 0% 0% / 0.05), hsl(0 0% 0% / 0.1));
--shadow-md:
- 0 6px 8px -4px rgba(19, 16, 16, 0.12), 0 4px 3px -2px rgba(19, 16, 16, 0.12), 0 1px 2px -1px rgba(19, 16, 16, 0.12);
+ 0 6px 12px -2px light-dark(hsl(0 0% 0% / 0.075), hsl(0 0% 0% / 0.1)),
+ 0 4px 8px -2px light-dark(hsl(0 0% 0% / 0.075), hsl(0 0% 0% / 0.15)),
+ 0 1px 2px light-dark(hsl(0 0% 0% / 0.1), hsl(0 0% 0% / 0.15));
+ --shadow-lg:
+ 0 16px 48px -6px light-dark(hsl(0 0% 0% / 0.05), hsl(0 0% 0% / 0.15)),
+ 0 6px 12px -2px light-dark(hsl(0 0% 0% / 0.025), hsl(0 0% 0% / 0.1)),
+ 0 1px 2.5px light-dark(hsl(0 0% 0% / 0.025), hsl(0 0% 0% / 0.1));
--shadow-xs-border:
0 0 0 1px var(--border-base, rgba(11, 6, 0, 0.2)), 0 1px 2px -1px rgba(19, 16, 16, 0.04),
0 1px 2px 0 rgba(19, 16, 16, 0.06), 0 1px 3px 0 rgba(19, 16, 16, 0.08);