From d8f58a0a7edbec6c74cb3d28b39a07a2bee33f53 Mon Sep 17 00:00:00 2001
From: Skylar Ittner <skylar@netsyms.com>
Date: Mon, 2 May 2022 22:14:14 -0600
Subject: [PATCH] Fix swiper bullets invisible in dark mode

---
 www/assets/css/app.css | 9 +++++++++
 www/assets/js/main.js  | 2 +-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/www/assets/css/app.css b/www/assets/css/app.css
index 289ca61..21cc63f 100644
--- a/www/assets/css/app.css
+++ b/www/assets/css/app.css
@@ -9,6 +9,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
     --translucent-color: rgba(255,255,255,0.8);
     --solid-translucent-color: #e8f9fe; /* Halfway between the background color and white */
     --background-image: url(../images/background.svg);
+    --swiper-bullet-background-color: #000;
 }
 
 .dark, .theme-dark {
@@ -16,6 +17,14 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
     --translucent-color: rgba(0,0,0,0.8);
     --solid-translucent-color: black;
     --background-image: url(../images/background-transparent.svg);
+    --swiper-bullet-background-color: #fff;
+}
+
+.swiper-pagination-bullet {
+    background-color: var(--swiper-bullet-background-color);
+}
+.swiper-pagination-bullet-active {
+    background-color: var(--swiper-pagination-color,var(--swiper-theme-color));
 }
 
 
diff --git a/www/assets/js/main.js b/www/assets/js/main.js
index 352c7ca..a775c21 100644
--- a/www/assets/js/main.js
+++ b/www/assets/js/main.js
@@ -12,7 +12,7 @@ var app = new Framework7({
     root: "#app",
     name: "Helena Express",
     id: "com.netsyms.helenaexpress.app",
-    theme: "ios",
+    theme: "auto",
     card: {
         swipeToClose: false,
         hideNavbarOnOpen: false,