From 152a0f9d2c3735fefed886d95a33c55c2b56bdd9 Mon Sep 17 00:00:00 2001
From: Sophie Herold <sophie@hemio.de>
Date: Tue, 17 Sep 2024 12:29:27 +0200
Subject: [PATCH] style: Use white OSD background for prefer light

---
 data/resources/style-dark.css | 3 +++
 data/resources/style.css      | 8 ++++++--
 2 files changed, 9 insertions(+), 2 deletions(-)
 create mode 100644 data/resources/style-dark.css

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,