diff --git a/frontend/app/element/modal.less b/frontend/app/element/modal.less
index 696aeea67..90096721e 100644
--- a/frontend/app/element/modal.less
+++ b/frontend/app/element/modal.less
@@ -20,25 +20,25 @@
         margin-top: 25vh;
         margin-left: auto;
         margin-right: auto;
-        background: var(--modal-bg-color);
-        border: 1px solid var(--app-border-color);
+        background: var(--main-bg-color);
+        border: 1px solid var(--border-color);
 
         .modal-header {
             display: flex;
             flex-direction: column;
             padding: 20px 20px 10px;
-            border-bottom: 1px solid var(--modal-header-bottom-border-color);
+            border-bottom: 1px solid var(--border-color);
 
             .modal-title {
                 margin: 0 0 5px;
-                color: var(--app-text-primary-color);
+                color: var(--main-text-color);
                 font-size: var(--title-font-size);
             }
 
             p {
                 margin: 0;
                 font-size: 0.8rem;
-                color: var(--app-text-secondary-color);
+                color: var(--secondary-text-color);
             }
         }
 
diff --git a/public/theme.less b/public/theme.less
index cfc3e6c48..7b55e1d19 100644
--- a/public/theme.less
+++ b/public/theme.less
@@ -18,31 +18,8 @@
     --warning-color: rgb(224, 185, 86);
     --success-color: rgb(78, 154, 6);
 
-    /* global colors */
-    --app-bg-color: black;
-    --app-accent-color: rgb(88, 193, 66);
-    --app-accent-bg-color: rgba(88, 193, 66, 0.25);
-    --app-accent-bg-darker-color: rgba(88, 193, 66, 0.5);
-    --app-text-color: rgb(211, 215, 207);
-    --app-text-primary-color: rgb(255, 255, 255);
-    --app-text-secondary-color: rgb(195, 200, 194);
-    --app-text-disabled-color: rgb(173, 173, 173);
-    --app-text-bg-color: rgb(23, 23, 23);
-    --app-text-bg-disabled-color: rgb(51, 51, 51);
-    --app-border-color: rgb(51, 51, 51);
-    --app-maincontent-bg-color: rgb(51, 51, 51);
-    --app-panel-bg-color: rgba(21, 23, 21, 1);
-    --app-panel-bg-color-dev: rgb(21, 23, 48);
-    --app-icon-color: rgb(139, 145, 138);
-    --app-icon-hover-color: rgb(255, 255, 255);
-    --app-selected-mask-color: rgba(255, 255, 255, 0.06);
-
-    /* modals colors */
-    --modal-bg-color: var(--app-bg-color);
-    --modal-header-bottom-border-color: rgba(241, 246, 243, 0.15);
-
     /* scrollbar colors */
-    --scrollbar-background-color: var(--app-bg-color);
+    --scrollbar-background-color: var(--main-bg-color);
     --scrollbar-thumb-color: rgba(255, 255, 255, 0.3);
     --scrollbar-thumb-hover-color: rgba(255, 255, 255, 0.5);
 }