diff --git a/packages/ui/src/components/dialog.css b/packages/ui/src/components/dialog.css index aad1cc988b..7a94bb2ee8 100644 --- a/packages/ui/src/components/dialog.css +++ b/packages/ui/src/components/dialog.css @@ -43,7 +43,11 @@ /* padding: 8px; */ /* padding: 8px 8px 0 8px; */ - border: 1px solid color-mix(in oklch, var(--border-base) 50%, transparent); + border: 1px solid + light-dark( + color-mix(in oklch, var(--border-base) 30%, transparent), + color-mix(in oklch, var(--border-base) 50%, transparent) + ); border-radius: var(--radius-xl); background: var(--surface-raised-stronger-non-alpha); background-clip: padding-box; diff --git a/packages/ui/src/styles/theme.css b/packages/ui/src/styles/theme.css index abb6b94bbf..5724bc9f7f 100644 --- a/packages/ui/src/styles/theme.css +++ b/packages/ui/src/styles/theme.css @@ -55,8 +55,8 @@ 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.075), hsl(0 0% 0% / 0.15)), - 0 6px 12px -2px light-dark(hsl(0 0% 0% / 0.05), hsl(0 0% 0% / 0.1)), + 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),