diff --git a/core/css/mobile.scss b/core/css/mobile.scss
index 239876223d..f4381dde88 100644
--- a/core/css/mobile.scss
+++ b/core/css/mobile.scss
@@ -53,7 +53,7 @@
 #app-content {
 	width: 100% !important;
 	left: 0 !important;
-	background-color: $color-main-background;
+	background-color: var(--color-main-background);
 	overflow-x: hidden !important;
 	z-index: 1000;
 }
@@ -72,7 +72,7 @@
 	width: 44px;
 	height: 44px;
 	z-index: 149;
-	background-color: rgba($color-main-background, .7);
+	background-color: rgba(var(--color-main-background), .7);
 	cursor: pointer;
 	opacity: .6;
 }
@@ -149,7 +149,7 @@ table.multiselect thead {
 		}
 		&::after {
 			border: 10px solid transparent;
-			border-bottom-color: $color-main-background;
+			border-bottom-color: var(--color-main-background);
 			bottom: 0;
 			content: ' ';
 			height: 0;