diff --git a/src/components/ui/CardSummary.vue b/src/components/ui/CardSummary.vue
index 75559f076..561798968 100644
--- a/src/components/ui/CardSummary.vue
+++ b/src/components/ui/CardSummary.vue
@@ -111,7 +111,7 @@ watch(props, async () => {
                 flex-direction: row;
                 margin-top: 5px;
                 .label {
-                    color: rgb(131, 131, 131); //$gray;
+                    color: var(--vn-label);
                     width: 10em;
                     overflow: hidden;
                     white-space: nowrap;
@@ -119,7 +119,7 @@ watch(props, async () => {
                     margin-right: 10px;
                 }
                 .value {
-                    color: var(--vn-text); //$light-black;
+                    color: var(--vn-text);
                     width: max-content;
                     overflow: hidden;
                     white-space: nowrap;
diff --git a/src/css/app.scss b/src/css/app.scss
index 7d1acd53b..bf501f011 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -37,9 +37,11 @@ body.body--light {
     }
     --vn-text: #000000;
     --vn-gray: #dddddd;
+    --vn-label: #5f5f5f;
 }
 
 body.body--dark {
     --vn-text: #ffffff;
     --vn-gray: #313131;
+    --vn-label: #a8a8a8;
 }
diff --git a/src/css/quasar.variables.scss b/src/css/quasar.variables.scss
index 5d20efe73..b2414d4ce 100644
--- a/src/css/quasar.variables.scss
+++ b/src/css/quasar.variables.scss
@@ -47,4 +47,4 @@ $dark: #292929;
 $layout-shadow-dark: 0 0 10px 2px rgba(0, 0, 0, 0.2), 0 0px 10px rgba(0, 0, 0, 0.24);
 $spacing-md: 16px;
 
-$label-color: rgba(255, 255, 255, 0.6);
+$label-color: #ffffff99;