diff --git a/luci/luci-app-qmodem/files/modem_overview.htm b/luci/luci-app-qmodem/files/modem_overview.htm
index f3a7648..304be48 100644
--- a/luci/luci-app-qmodem/files/modem_overview.htm
+++ b/luci/luci-app-qmodem/files/modem_overview.htm
@@ -9,7 +9,7 @@
 
     
     .cbi-progressbar {
-	border: 1px solid var(--border-color-high,var(--progressbarColor));
+	border: 1px solid var(--border-color-high,var(--progressbarColor,var(--background-color)));
 	border-radius: 3px;
 	position: relative;
 	min-width: 170px;
@@ -19,7 +19,7 @@
     }
 
     .cbi-progressbar > div {
-        background: var(--primary-color-medium,var(--progressbar));
+        background: var(--progressbar, var(--primary, var(--primary-color-medium)));
         height: 100%;
         transition: width .25s ease-in;
         width: 0%;
diff --git a/luci/luci-app-qmodem/luasrc/view/qmodem/modem_info.htm b/luci/luci-app-qmodem/luasrc/view/qmodem/modem_info.htm
index a7329b9..b7080ec 100644
--- a/luci/luci-app-qmodem/luasrc/view/qmodem/modem_info.htm
+++ b/luci/luci-app-qmodem/luasrc/view/qmodem/modem_info.htm
@@ -10,7 +10,7 @@
 
     
     .cbi-progressbar {
-	border: 1px solid var(--border-color-high,var(--progressbarColor));
+	border: 1px solid var(--border-color-high,var(--progressbarColor,var(--background-color)));
 	border-radius: 3px;
 	position: relative;
 	min-width: 170px;
@@ -20,7 +20,7 @@
     }
 
     .cbi-progressbar > div {
-        background: var(--primary-color-medium,var(--progressbar));
+        background: var(--progressbar, var(--primary, var(--primary-color-medium)));
         height: 100%;
         transition: width .25s ease-in;
         width: 0%;