diff --git a/data/resources/style-dark.css b/data/resources/style-dark.css
new file mode 100644
index 0000000..1eadd8c
--- /dev/null
+++ b/data/resources/style-dark.css
@@ -0,0 +1,3 @@
+:root {
+  --osd-background-color: rgba(0, 0, 0, 0.65);
+}
\ No newline at end of file
diff --git a/data/resources/style.css b/data/resources/style.css
index b0690ad..617a069 100644
--- a/data/resources/style.css
+++ b/data/resources/style.css
@@ -1,7 +1,11 @@
+:root {
+  --osd-background-color: rgba(240, 240, 240, 0.75);
+}
+
 /* Overlay controls for prev/next and zoom */
 .osd-box {
   border-radius: 12px;
-  background: rgba(0, 0, 0, 0.65);
+  background-color: var(--osd-background-color);
   padding: 6px;
 }
 
@@ -12,7 +16,7 @@
 
 .fullscreen revealer:not(.raised) .fullscreen-osd {
   color: rgba(255, 255, 255, 0.9);
-  background: rgba(0, 0, 0, 0.65);
+  background-color: var(--osd-background-color);
 }
 
 shadow,