diff --git a/src/styles/desktop/global.scss b/src/styles/desktop/global.scss
index 4882595f..b77c8415 100644
--- a/src/styles/desktop/global.scss
+++ b/src/styles/desktop/global.scss
@@ -39,13 +39,13 @@ input[type=number] {
 
 /** Custom class **/
 :root {
-    --default-icon-color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
+    --default-icon-color: #000;
     --v-expand-panel-title-bg: rgba(var(--v-theme-on-surface), var(--v-hover-opacity));
     --v-card-title-bg: rgba(var(--v-theme-on-surface), var(--v-hover-opacity));
 }
 
 :root .v-theme--dark {
-    --default-icon-color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
+    --default-icon-color: #fff;
     --v-expand-panel-title-bg: rgba(var(--v-theme-on-surface), var(--v-hover-opacity));
     --v-card-title-bg: rgba(var(--v-theme-on-surface), var(--v-hover-opacity));
 }
diff --git a/src/styles/mobile/global.css b/src/styles/mobile/global.css
index 13a9e141..2d04cc7b 100644
--- a/src/styles/mobile/global.css
+++ b/src/styles/mobile/global.css
@@ -97,11 +97,11 @@ i.icon.la, i.icon.las, i.icon.lab {
 
 /** custom class **/
 :root {
-    --default-icon-color: var(--f7-text-color);
+    --default-icon-color: #000;
 }
 
-:root .dark {
-    --default-icon-color: var(--f7-text-color);
+:root.dark {
+    --default-icon-color: #fff;
 }
 
 .pin-codes-input {