Fix swiper bullets invisible in dark mode

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));
 }
 
 

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,