diff --git a/cartridges/ui/style.css b/cartridges/ui/style.css
index d606149..37114ac 100644
--- a/cartridges/ui/style.css
+++ b/cartridges/ui/style.css
@@ -40,13 +40,23 @@
 }
 
 #details list {
-  background: rgb(from var(--card-bg-color) r g b / 20%);
+  background: rgb(from white r g b / 20%);
 }
 
 #background {
   filter: saturate(300%) opacity(50%);
 }
 
+@media (prefers-color-scheme: dark) {
+  #details list {
+    background: rgb(from white r g b / 10%);
+  }
+
+  #background {
+    filter: saturate(300%) brightness(50%);
+  }
+}
+
 @media (prefers-contrast: more) {
   #grid > child:focus-within:focus-visible #cover {
     outline: 5px solid var(--accent-color);
@@ -59,4 +69,10 @@
   #background {
     filter: saturate(300%) opacity(20%);
   }
+
+  @media (prefers-color-scheme: dark) {
+    #background {
+      filter: saturate(300%) brightness(25%);
+    }
+  }
 }