style: update dark mode styling

julhoang · julhoang · commit f54f83f7871e · 2026-05-12T08:49:45.000-07:00
diff --git a/static/css/v3/dialog.css b/static/css/v3/dialog.css
@@ -31,6 +31,7 @@
   inset: 0;
   z-index: 10000;
   background-color: var(--color-surface-modal);
+  backdrop-filter: blur(1px);
   align-items: center;
   justify-content: center;
 }
diff --git a/static/css/v3/foundations.css b/static/css/v3/foundations.css
@@ -17,6 +17,7 @@ body.v3,
 html.v3 *,
 body.v3 * {
   scrollbar-width: thin;
+  scrollbar-color: var(--color-primary-grey-500) transparent;
 }
 
 /* Reserve the scrollbar gutter so dialog scroll-lock doesn't reflow the page. */
diff --git a/static/css/v3/themes.css b/static/css/v3/themes.css
@@ -49,7 +49,7 @@ html.dark {
   --color-surface-error-strong: var(--color-error-mid);
   --color-surface-error-weak: #fdf2f217;
   --color-surface-mid: var(--color-primary-grey-900);
-  --color-surface-modal: #0508164d;
+  --color-surface-modal: #050816b3;
   --color-surface-page: var(--color-primary-black);
   --color-surface-strong: var(--color-primary-grey-800);
   --color-surface-weak: var(--color-primary-grey-950);

Original file line number	Diff line number	Diff line change
`@@ -31,6 +31,7 @@`
`31`	`31`	`inset: 0;`
`32`	`32`	`z-index: 10000;`
`33`	`33`	`background-color: var(--color-surface-modal);`
	`34`	`+ backdrop-filter: blur(1px);`
`34`	`35`	`align-items: center;`
`35`	`36`	`justify-content: center;`
`36`	`37`	`}`
Original file line number	Diff line number	Diff line change
`@@ -17,6 +17,7 @@ body.v3,`
`17`	`17`	`html.v3 *,`
`18`	`18`	`body.v3 * {`
`19`	`19`	`scrollbar-width: thin;`
	`20`	`+ scrollbar-color: var(--color-primary-grey-500) transparent;`
`20`	`21`	`}`
`21`	`22`
`22`	`23`	`/* Reserve the scrollbar gutter so dialog scroll-lock doesn't reflow the page. */`