From 373cf7d6c201010459703f6827ec7227ebfc4aa7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C5=BEe=20Fortun?= <joze.fortun@gmail.com>
Date: Mon, 12 Feb 2024 13:50:33 +0100
Subject: [PATCH] Replace some left over constant colors with variables

---
 client/web/workflow/src/components/ExpressionTable.vue  | 8 ++------
 client/web/workflow/src/views/Workflow/List.vue         | 1 +
 lib/vue/src/components/input/CInputDateTime/index.vue   | 2 +-
 lib/vue/src/components/permissions/form/Access.vue      | 2 +-
 server/assets/src/scss/main/18201141_custom_webapp.scss | 4 ++--
 5 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/client/web/workflow/src/components/ExpressionTable.vue b/client/web/workflow/src/components/ExpressionTable.vue
index 1a895eb3c..c09893154 100644
--- a/client/web/workflow/src/components/ExpressionTable.vue
+++ b/client/web/workflow/src/components/ExpressionTable.vue
@@ -167,11 +167,7 @@ export default {
 
 <style lang="scss" scoped>
 .header {
-  background-color: #d8dfe3;
-
-  &:hover {
-    background-color: #c9d3d8;
-  }
+  background-color: var(--light);
 
   label {
     margin: 0;
@@ -183,7 +179,7 @@ export default {
 }
 
 .expr-item:hover {
-  background-color: #F3F3F5;
+  background-color: var(--light);
 
   .grab > * {
     color: var(--secondary) !important;
diff --git a/client/web/workflow/src/views/Workflow/List.vue b/client/web/workflow/src/views/Workflow/List.vue
index df3d2cf1c..8ab813a3a 100644
--- a/client/web/workflow/src/views/Workflow/List.vue
+++ b/client/web/workflow/src/views/Workflow/List.vue
@@ -127,6 +127,7 @@
       <template #enabled="{ item: w }">
         <font-awesome-icon
           :icon="['fas', w.enabled ? 'check' : 'times']"
+          :class="w.enabled ? 'text-primary' : 'text-extra-light'"
         />
       </template>
 
diff --git a/lib/vue/src/components/input/CInputDateTime/index.vue b/lib/vue/src/components/input/CInputDateTime/index.vue
index 25652c7ef..0f8164dc2 100644
--- a/lib/vue/src/components/input/CInputDateTime/index.vue
+++ b/lib/vue/src/components/input/CInputDateTime/index.vue
@@ -121,7 +121,7 @@ export default {
 
   label {
     font-family: var(--font-regular);
-    color: #495057 !important;
+    color: var(--black) !important;
   }
 
   .b-form-datepicker, .b-form-timepicker {
diff --git a/lib/vue/src/components/permissions/form/Access.vue b/lib/vue/src/components/permissions/form/Access.vue
index b8fd3434b..15f5967b8 100644
--- a/lib/vue/src/components/permissions/form/Access.vue
+++ b/lib/vue/src/components/permissions/form/Access.vue
@@ -66,7 +66,7 @@ export default {
 <style lang="scss">
 .access {
   .btn {
-    background-color: #F3F5F7;
+    background-color: var(--light);
     border: none;
   }
 
diff --git a/server/assets/src/scss/main/18201141_custom_webapp.scss b/server/assets/src/scss/main/18201141_custom_webapp.scss
index 190c92dc0..2d11029a1 100644
--- a/server/assets/src/scss/main/18201141_custom_webapp.scss
+++ b/server/assets/src/scss/main/18201141_custom_webapp.scss
@@ -187,8 +187,8 @@ fieldset.required {
 
   // Code
   pre {
-    background-color: #23241f;
-    color: #f8f8f2;
+    background-color: var(--black);
+    color: var(--white);
     overflow: visible;
     white-space: pre-wrap;
     margin-bottom: 5px;