Change Web CSS to respect color scheme (i.e. dark) (#170)

PolyMeilex · Feb 7, 2024 · 473f51c · 473f51c
1 parent 2750aad
commit 473f51c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,6 +3,7 @@
 ## [Unreleased]
 - Update `raw-window-handle` to 0.6.
 - Update `winit` in example to 0.29.
+- Update wasm CSS to respect the color scheme (including dark mode)
 
 ## 0.13.0
 - **[Breaking]** Users of the `xdg-portal` feature must now also select the `tokio`

diff --git a/src/backend/wasm/style.css b/src/backend/wasm/style.css
@@ -15,11 +15,14 @@
 }
 #rfd-card {
   padding: 20px;
-  background-color: white;
   border-radius: 5px;
 
   box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14),
     0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
+
+  color-scheme: light dark;
+  background-color: canvas;
+  color: canvastext;
 }
 #rfd-title {
   line-height: 1.6;