diff --git a/src/backend/wasm/style.css b/src/backend/wasm/style.css
index 09c035f..6992d7d 100644
--- a/src/backend/wasm/style.css
+++ b/src/backend/wasm/style.css
@@ -15,11 +15,13 @@
 }
 #rfd-card {
   padding: 20px;
-  background-color: white;
+  background-color: canvas;
   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;
 }
 #rfd-title {
   line-height: 1.6;