diff --git a/src/app/common/themes/themes.less b/src/app/common/themes/themes.less
index 545d52892..32f4c4a06 100644
--- a/src/app/common/themes/themes.less
+++ b/src/app/common/themes/themes.less
@@ -86,8 +86,9 @@
     --line-text-color: #f2f4f2;
     --line-svg-fill: var(--line-text-color);
     --line-svg-hover-fill: #eceeec;
-    --line-selected-border-color: #f0f1f0;
-    --line-separator-color: #f6f7f6;
+    --line-selected-border-color: rgb(193, 195, 193);
+    --line-separator-color: rgb(126, 126, 126);
+    --line-meta-line1-color: rgb(150, 152, 150);
 
     --base-background: rgba(21, 23, 21, 1);
 
@@ -150,7 +151,7 @@
     --term-green: #4e9a06;
 
     // semantic vars based on  --term-green
-    --line-active-border-color: #8ebb39;
+    --line-active-border-color: rgb(97, 158, 72);
 
     --term-yellow: #c4a000;
 
diff --git a/src/app/line/lines.less b/src/app/line/lines.less
index 9848ca8b7..ee4b1d0e2 100644
--- a/src/app/line/lines.less
+++ b/src/app/line/lines.less
@@ -82,7 +82,7 @@
     }
 
     .meta.meta-line1 {
-        color: var(--line-text-color) !important;
+        color: var(--line-meta-line1-color) !important;
         font-size: 11px;
     }
 
@@ -371,7 +371,7 @@
             svg {
                 width: 1em;
                 margin-right: 0.5em;
-                fill: var(--line-text-color);
+                fill: var(--line-meta-line1-color);
             }
         }
 
@@ -385,7 +385,7 @@
             border-radius: 50%;
             line-height: 1em;
             svg {
-                fill: var(--line-text-color);
+                fill: var(--line-meta-line1-color);
                 &:hover {
                     fill: var(--line-svg-hover-fill);
                 }