From b092c5af6d0ec396f125694e6fa405d18685c263 Mon Sep 17 00:00:00 2001
From: pablone <pablone@verdnatura.es>
Date: Mon, 26 Feb 2024 15:00:14 +0100
Subject: [PATCH 1/9] refs 6486 commit

---
 src/components/ui/CardDescriptor.vue     |   5 +-
 src/css/app.scss                         |  21 +---
 src/css/quasar.variables.scss            |  28 ++++-
 src/css/test.scss                        | 136 +++++++++++++++++++++++
 src/pages/Claim/Card/ClaimDescriptor.vue |   3 +
 5 files changed, 167 insertions(+), 26 deletions(-)
 create mode 100644 src/css/test.scss

diff --git a/src/components/ui/CardDescriptor.vue b/src/components/ui/CardDescriptor.vue
index 241937a4e..417f186d5 100644
--- a/src/components/ui/CardDescriptor.vue
+++ b/src/components/ui/CardDescriptor.vue
@@ -171,6 +171,7 @@ const emit = defineEmits(['onFetch']);
 
 <style lang="scss">
 .body {
+    background-color: var(--vn-gray);
     .text-h5 {
         padding-top: 5px;
         padding-bottom: 5px;
@@ -207,6 +208,8 @@ const emit = defineEmits(['onFetch']);
 </style>
 
 <style lang="scss" scoped>
+.body {
+}
 .title {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -221,8 +224,6 @@ const emit = defineEmits(['onFetch']);
     margin-bottom: 15px;
 }
 .list-box {
-    background-color: var(--vn-gray);
-
     .q-item__label {
         color: var(--vn-label);
     }
diff --git a/src/css/app.scss b/src/css/app.scss
index 4fec9db08..efd26edb2 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -1,5 +1,6 @@
 // app global css in SCSS form
 @import './icons.scss';
+@import './quasar.variables.scss';
 
 a {
     text-decoration: none;
@@ -24,26 +25,6 @@ select:-webkit-autofill {
     background-clip: text !important;
 }
 
-body.body--light {
-    .q-header .q-toolbar {
-        background-color: $white;
-        color: #555;
-    }
-    --vn-text: #000000;
-    --vn-gray: #f5f5f5;
-    --vn-label: #5f5f5f;
-    --vn-dark: white;
-    --vn-light-gray: #e7e3e3;
-}
-
-body.body--dark {
-    --vn-text: #ffffff;
-    --vn-gray: #313131;
-    --vn-label: #a8a8a8;
-    --vn-dark: #292929;
-    --vn-light-gray: #424242;
-}
-
 .bg-vn-dark {
     background-color: var(--vn-dark);
 }
diff --git a/src/css/quasar.variables.scss b/src/css/quasar.variables.scss
index 6a3700561..7f5871ad2 100644
--- a/src/css/quasar.variables.scss
+++ b/src/css/quasar.variables.scss
@@ -13,15 +13,16 @@
 // Tip: Use the "Theme Builder" on Quasar's documentation website.
 
 $primary: #ec8916;
-$secondary: #26a69a;
-$accent: #9c27b0;
+$secondary: $primary;
 $white: #fff;
 
 $positive: #21ba45;
 $negative: #c10015;
 $info: #31ccec;
 $warning: #f2c037;
+
 $vnColor: #8ebb27;
+$dark: #3c3b3b;
 
 // Pendiente de cuadrar con la base de datos
 $success: $positive;
@@ -40,11 +41,30 @@ $alert: $negative;
     background-color: $negative;
 }
 
+body.body--light {
+    background-color: white;
+    .q-header .q-toolbar {
+        color: black;
+    }
+    --vn-text: black;
+    --vn-gray: #eeeeee;
+    --vn-label: #5f5f5f;
+    --vn-dark: #eeeeee;
+    --vn-light-gray: #e7e3e3;
+}
+
+body.body--dark {
+    background-color: #222;
+    --vn-text: white;
+    --vn-gray: #3c3b3b;
+    --vn-label: #a8a8a8;
+    --vn-dark: #3c3b3b;
+    --vn-light-gray: #424242;
+}
 $color-spacer-light: rgba(255, 255, 255, 0.12);
 $color-spacer: rgba(255, 255, 255, 0.3);
 $border-thin-light: 1px solid $color-spacer-light;
 
-$dark-shadow-color: #000;
-$dark: #292929;
+$dark-shadow-color: black;
 $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;
diff --git a/src/css/test.scss b/src/css/test.scss
new file mode 100644
index 000000000..45f1d6807
--- /dev/null
+++ b/src/css/test.scss
@@ -0,0 +1,136 @@
+$font-size: 11pt;
+$menu-width: 256px;
+$topbar-height: 56px;
+$mobile-width: 800px;
+$float-spacing: 20px;
+
+// Width
+
+$width-xs: 400px;
+$width-sm: 544px;
+$width-md: 800px;
+$width-lg: 1280px;
+$width-xl: 1600px;
+
+// Spacing
+
+$spacing-xs: 4px;
+$spacing-sm: 8px;
+$spacing-md: 16px;
+$spacing-lg: 32px;
+$spacing-xl: 70px;
+
+// Light theme
+
+/* $color-primary: #f7931e;
+$color-secondary: $color-primary;
+
+$color-font: #222;
+$color-font-light: #555;
+$color-font-secondary: #9b9b9b;
+$color-font-dark: white;
+$color-font-link: #005a9a;
+$color-font-bg: rgba(0, 0, 0, .7);
+$color-font-bg-marginal: rgba(0, 0, 0, .4);
+$color-font-bg-dark: rgba(255, 255, 255, .7);
+$color-font-bg-dark-marginal: rgba(255, 255, 255, .4);
+
+$color-header: #3d3d3d;
+$color-menu-header: #3d3d3d;
+$color-bg: #e5e5e5;
+$color-bg-dark: #3d3d3d;
+$color-active: #3d3d3d;
+$color-active-font: $color-font-dark;
+$color-bg-panel: white;
+$color-main: $color-primary;
+$color-marginal: #ccc;
+$color-success: #a3d131;
+$color-notice: #32b1ce;
+$color-alert: #f42121;
+$color-button: $color-secondary;
+
+$color-spacer: rgba(0, 0, 0, .3);
+$color-spacer-light: rgba(0, 0, 0, .12);
+$color-input-underline: rgba(0, 0, 0, .12);
+$color-input-underline-hover: rgba(0, 0, 0, .6);
+$color-shadow: rgba(0, 0, 0, .2);
+$color-hightlight: rgba(0, 0, 0, .05);
+$color-hover-cd: rgba(0, 0, 0, .1);
+$color-hover-dc: .7;
+$color-disabled: .6;
+
+$color-primary-medium: lighten($color-primary, 20%);
+$color-primary-light: lighten($color-primary, 35%);
+$color-font-link-medium: lighten($color-font-link, 20%);
+$color-font-link-light: lighten($color-font-link, 35%);
+$color-main-medium: lighten($color-main, 20%);
+$color-main-light: lighten($color-main, 35%);
+$color-success-medium: lighten($color-success, 20%);
+$color-success-light: lighten($color-success, 35%);
+$color-notice-medium: lighten($color-notice, 20%);
+$color-notice-light: lighten($color-notice, 35%);
+$color-alert-medium: lighten($color-alert, 20%);
+$color-alert-light: lighten($color-alert, 35%); */
+/**/
+
+// Dark theme
+$color-primary: #ec8916;
+$color-secondary: $color-primary;
+
+$color-font: #eee;
+$color-font-light: #aaa;
+$color-font-secondary: #777;
+$color-font-dark: white;
+$color-font-link: #66bfff;
+$color-font-bg: rgba(0, 0, 0, 0.8);
+$color-font-bg-marginal: rgba(255, 255, 255, 0.4);
+$color-font-bg-dark: rgba(255, 255, 255, 0.7);
+$color-font-bg-dark-marginal: rgba(255, 255, 255, 0.4);
+
+$color-header: #3d3d3d;
+$color-menu-header: #3d3d3d;
+$color-bg: #222;
+$color-bg-dark: #222;
+$color-active: #666;
+$color-active-font: white;
+$color-bg-panel: #3c3b3b;
+$color-main: $color-primary;
+$color-marginal: #222;
+$color-success: #a3d131;
+$color-notice: #32b1ce;
+$color-alert: #fa3939;
+$color-pink: #ff99cc;
+$color-yellow: #ffff00;
+$color-button: $color-secondary;
+
+$color-spacer: rgba(255, 255, 255, 0.3);
+$color-spacer-light: rgba(255, 255, 255, 0.12);
+$color-input-underline: rgba(255, 255, 255, 0.12);
+$color-input-underline-hover: rgba(255, 255, 255, 0.6);
+$color-shadow: rgba(0, 0, 0, 0.2);
+$color-border: rgba(0, 0, 0, 0.3);
+$color-hightlight: rgba(255, 255, 255, 0.15);
+$color-hover-cd: rgba(255, 255, 255, 0.1);
+$color-hover-dc: 0.7;
+$color-disabled: 0.6;
+
+$color-primary-medium: lighten($color-primary, 20%);
+$color-primary-light: lighten($color-primary, 35%);
+$color-font-link-medium: lighten($color-font-link, 20%);
+$color-font-link-light: lighten($color-font-link, 35%);
+$color-main-medium: lighten($color-main, 20%);
+$color-main-light: lighten($color-main, 35%);
+$color-success-medium: lighten($color-success, 20%);
+$color-success-light: lighten($color-success, 35%);
+$color-notice-medium: lighten($color-notice, 20%);
+$color-notice-light: lighten($color-notice, 35%);
+$color-alert-medium: lighten($color-alert, 20%);
+$color-alert-light: lighten($color-alert, 35%);
+/**/
+
+// Border
+
+$border-thin: 1px solid $color-border;
+$border-thin-light: 1px solid $color-spacer-light;
+$border: 2px solid $color-border;
+$shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
diff --git a/src/pages/Claim/Card/ClaimDescriptor.vue b/src/pages/Claim/Card/ClaimDescriptor.vue
index 3827a70d4..54e0a02dc 100644
--- a/src/pages/Claim/Card/ClaimDescriptor.vue
+++ b/src/pages/Claim/Card/ClaimDescriptor.vue
@@ -189,6 +189,9 @@ onMounted(async () => {
     </CardDescriptor>
 </template>
 <style scoped>
+body {
+    background-color: var(--vn-gray);
+}
 .q-item__label {
     margin-top: 0;
 }

From 02959ca8a59153055b9e0560953f44e18da343e7 Mon Sep 17 00:00:00 2001
From: pablone <pablone@verdnatura.es>
Date: Fri, 1 Mar 2024 09:45:17 +0100
Subject: [PATCH 2/9] feat(colors): refs #6486 add salix-colors

---
 quasar.config.js                              |   7 +-
 src/css/app.scss                              |  15 +-
 src/css/quasar.variables.scss                 |  40 ++++--
 src/css/test.scss                             | 136 ------------------
 src/pages/Claim/Card/ClaimSummary.vue         |  28 ++--
 src/pages/Customer/Card/CustomerSummary.vue   |  20 +--
 .../Department/Card/DepartmentSummary.vue     |   4 +-
 src/pages/Entry/Card/EntrySummary.vue         |  10 +-
 src/pages/InvoiceIn/Card/InvoiceInSummary.vue |  28 ++--
 .../InvoiceOut/Card/InvoiceOutSummary.vue     |  15 +-
 src/pages/Login/LoginMain.vue                 |   9 +-
 src/pages/Login/VerifyEmail.vue               |   2 +
 src/pages/Shelving/Card/ShelvingSummary.vue   |   6 +-
 src/pages/Supplier/Card/SupplierSummary.vue   |   8 +-
 src/pages/Ticket/Card/TicketSummary.vue       |  12 +-
 src/pages/Travel/Card/TravelSummary.vue       |   6 +-
 src/pages/Worker/Card/WorkerSummary.vue       |   6 +-
 17 files changed, 121 insertions(+), 231 deletions(-)
 delete mode 100644 src/css/test.scss

diff --git a/quasar.config.js b/quasar.config.js
index 755e96bd3..2d8289508 100644
--- a/quasar.config.js
+++ b/quasar.config.js
@@ -67,7 +67,7 @@ module.exports = configure(function (/* ctx */) {
             // analyze: true,
             // env: {},
             rawDefine: {
-                'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV)
+                'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV),
             },
             // ignorePublicFolder: true,
             // minify: false,
@@ -92,7 +92,7 @@ module.exports = configure(function (/* ctx */) {
             vitePlugins: [
                 [
                     VueI18nPlugin({
-                        runtimeOnly: false
+                        runtimeOnly: false,
                     }),
                     {
                         // if you want to use Vue I18n Legacy API, you need to set `compositionOnly: false`
@@ -123,9 +123,6 @@ module.exports = configure(function (/* ctx */) {
         framework: {
             config: {
                 config: {
-                    brand: {
-                        primary: 'orange',
-                    },
                     dark: 'auto',
                 },
             },
diff --git a/src/css/app.scss b/src/css/app.scss
index efd26edb2..224cd221c 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -7,12 +7,23 @@ a {
 }
 
 .link {
-    color: $primary;
+    color: $color-link;
     cursor: pointer;
 }
 
+.header-link {
+    color: $color-link !important;
+    cursor: pointer;
+    border-bottom: solid $primary;
+    border-width: 2px;
+    width: 100%;
+    .q-icon {
+        float: right;
+    }
+}
+
 .link:hover {
-    color: $orange-4;
+    text-decoration: underline;
 }
 
 // Removes chrome autofill background
diff --git a/src/css/quasar.variables.scss b/src/css/quasar.variables.scss
index 7f5871ad2..fa9017c36 100644
--- a/src/css/quasar.variables.scss
+++ b/src/css/quasar.variables.scss
@@ -11,26 +11,31 @@
 // It's highly recommended to change the default colors
 // to match your app's branding.
 // Tip: Use the "Theme Builder" on Quasar's documentation website.
-
+// Tip: to add new colors https://quasar.dev/style/color-palette/#adding-your-own-colors
+$dark-theme: true !default;
+$light-theme: true !default;
 $primary: #ec8916;
 $secondary: $primary;
-$white: #fff;
-
 $positive: #21ba45;
 $negative: #c10015;
 $info: #31ccec;
 $warning: #f2c037;
-
-$vnColor: #8ebb27;
-$dark: #3c3b3b;
-
 // Pendiente de cuadrar con la base de datos
 $success: $positive;
 $alert: $negative;
+$white: #fff;
+$dark: #3c3b3b;
+// custom
+$color-link: #66bfff;
+
+.tx-color-link {
+    color: $color-link !important;
+}
 
 .bg-success {
     background-color: $positive;
 }
+
 .bg-notice {
     background-color: $info;
 }
@@ -42,25 +47,30 @@ $alert: $negative;
 }
 
 body.body--light {
-    background-color: white;
+    --fount-color: black;
+    --vn-sectionColor: #ffffff;
+    background-color: #e0e0e0;
     .q-header .q-toolbar {
-        color: black;
+        color: var(--fount-color);
     }
-    --vn-text: black;
-    --vn-gray: #eeeeee;
+    --vn-text: var(--fount-color);
+    --vn-gray: var(--vn-sectionColor);
     --vn-label: #5f5f5f;
-    --vn-dark: #eeeeee;
+    --vn-dark: var(--vn-sectionColor);
     --vn-light-gray: #e7e3e3;
 }
 
 body.body--dark {
-    background-color: #222;
+    --vn-pageColor: #222;
+    --vn-SectionColor: #3c3b3b;
+    background-color: var(--vn-pageColor);
     --vn-text: white;
-    --vn-gray: #3c3b3b;
+    --vn-gray: var(--vn-SectionColor);
     --vn-label: #a8a8a8;
-    --vn-dark: #3c3b3b;
+    --vn-dark: var(--vn-SectionColor);
     --vn-light-gray: #424242;
 }
+
 $color-spacer-light: rgba(255, 255, 255, 0.12);
 $color-spacer: rgba(255, 255, 255, 0.3);
 $border-thin-light: 1px solid $color-spacer-light;
diff --git a/src/css/test.scss b/src/css/test.scss
deleted file mode 100644
index 45f1d6807..000000000
--- a/src/css/test.scss
+++ /dev/null
@@ -1,136 +0,0 @@
-$font-size: 11pt;
-$menu-width: 256px;
-$topbar-height: 56px;
-$mobile-width: 800px;
-$float-spacing: 20px;
-
-// Width
-
-$width-xs: 400px;
-$width-sm: 544px;
-$width-md: 800px;
-$width-lg: 1280px;
-$width-xl: 1600px;
-
-// Spacing
-
-$spacing-xs: 4px;
-$spacing-sm: 8px;
-$spacing-md: 16px;
-$spacing-lg: 32px;
-$spacing-xl: 70px;
-
-// Light theme
-
-/* $color-primary: #f7931e;
-$color-secondary: $color-primary;
-
-$color-font: #222;
-$color-font-light: #555;
-$color-font-secondary: #9b9b9b;
-$color-font-dark: white;
-$color-font-link: #005a9a;
-$color-font-bg: rgba(0, 0, 0, .7);
-$color-font-bg-marginal: rgba(0, 0, 0, .4);
-$color-font-bg-dark: rgba(255, 255, 255, .7);
-$color-font-bg-dark-marginal: rgba(255, 255, 255, .4);
-
-$color-header: #3d3d3d;
-$color-menu-header: #3d3d3d;
-$color-bg: #e5e5e5;
-$color-bg-dark: #3d3d3d;
-$color-active: #3d3d3d;
-$color-active-font: $color-font-dark;
-$color-bg-panel: white;
-$color-main: $color-primary;
-$color-marginal: #ccc;
-$color-success: #a3d131;
-$color-notice: #32b1ce;
-$color-alert: #f42121;
-$color-button: $color-secondary;
-
-$color-spacer: rgba(0, 0, 0, .3);
-$color-spacer-light: rgba(0, 0, 0, .12);
-$color-input-underline: rgba(0, 0, 0, .12);
-$color-input-underline-hover: rgba(0, 0, 0, .6);
-$color-shadow: rgba(0, 0, 0, .2);
-$color-hightlight: rgba(0, 0, 0, .05);
-$color-hover-cd: rgba(0, 0, 0, .1);
-$color-hover-dc: .7;
-$color-disabled: .6;
-
-$color-primary-medium: lighten($color-primary, 20%);
-$color-primary-light: lighten($color-primary, 35%);
-$color-font-link-medium: lighten($color-font-link, 20%);
-$color-font-link-light: lighten($color-font-link, 35%);
-$color-main-medium: lighten($color-main, 20%);
-$color-main-light: lighten($color-main, 35%);
-$color-success-medium: lighten($color-success, 20%);
-$color-success-light: lighten($color-success, 35%);
-$color-notice-medium: lighten($color-notice, 20%);
-$color-notice-light: lighten($color-notice, 35%);
-$color-alert-medium: lighten($color-alert, 20%);
-$color-alert-light: lighten($color-alert, 35%); */
-/**/
-
-// Dark theme
-$color-primary: #ec8916;
-$color-secondary: $color-primary;
-
-$color-font: #eee;
-$color-font-light: #aaa;
-$color-font-secondary: #777;
-$color-font-dark: white;
-$color-font-link: #66bfff;
-$color-font-bg: rgba(0, 0, 0, 0.8);
-$color-font-bg-marginal: rgba(255, 255, 255, 0.4);
-$color-font-bg-dark: rgba(255, 255, 255, 0.7);
-$color-font-bg-dark-marginal: rgba(255, 255, 255, 0.4);
-
-$color-header: #3d3d3d;
-$color-menu-header: #3d3d3d;
-$color-bg: #222;
-$color-bg-dark: #222;
-$color-active: #666;
-$color-active-font: white;
-$color-bg-panel: #3c3b3b;
-$color-main: $color-primary;
-$color-marginal: #222;
-$color-success: #a3d131;
-$color-notice: #32b1ce;
-$color-alert: #fa3939;
-$color-pink: #ff99cc;
-$color-yellow: #ffff00;
-$color-button: $color-secondary;
-
-$color-spacer: rgba(255, 255, 255, 0.3);
-$color-spacer-light: rgba(255, 255, 255, 0.12);
-$color-input-underline: rgba(255, 255, 255, 0.12);
-$color-input-underline-hover: rgba(255, 255, 255, 0.6);
-$color-shadow: rgba(0, 0, 0, 0.2);
-$color-border: rgba(0, 0, 0, 0.3);
-$color-hightlight: rgba(255, 255, 255, 0.15);
-$color-hover-cd: rgba(255, 255, 255, 0.1);
-$color-hover-dc: 0.7;
-$color-disabled: 0.6;
-
-$color-primary-medium: lighten($color-primary, 20%);
-$color-primary-light: lighten($color-primary, 35%);
-$color-font-link-medium: lighten($color-font-link, 20%);
-$color-font-link-light: lighten($color-font-link, 35%);
-$color-main-medium: lighten($color-main, 20%);
-$color-main-light: lighten($color-main, 35%);
-$color-success-medium: lighten($color-success, 20%);
-$color-success-light: lighten($color-success, 35%);
-$color-notice-medium: lighten($color-notice, 20%);
-$color-notice-light: lighten($color-notice, 35%);
-$color-alert-medium: lighten($color-alert, 20%);
-$color-alert-light: lighten($color-alert, 35%);
-/**/
-
-// Border
-
-$border-thin: 1px solid $color-border;
-$border-thin-light: 1px solid $color-spacer-light;
-$border: 2px solid $color-border;
-$shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
diff --git a/src/pages/Claim/Card/ClaimSummary.vue b/src/pages/Claim/Card/ClaimSummary.vue
index b93cbbd81..df1912473 100644
--- a/src/pages/Claim/Card/ClaimSummary.vue
+++ b/src/pages/Claim/Card/ClaimSummary.vue
@@ -179,9 +179,9 @@ function openDialog(dmsId) {
         </template>
         <template #body="{ entity: { claim, salesClaimed, developments } }">
             <QCard class="vn-one">
-                <a class="header" :href="`#/claim/${entityId}/basic-data`">
+                <a class="header header-link" :href="`#/claim/${entityId}/basic-data`">
                     {{ t('claim.pageTitles.basicData') }}
-                    <QIcon name="open_in_new" color="primary" />
+                    <QIcon name="open_in_new" />
                 </a>
                 <VnLv
                     :label="t('claim.summary.created')"
@@ -226,16 +226,16 @@ function openDialog(dmsId) {
                 />
             </QCard>
             <QCard class="vn-three claimVnNotes full-height">
-                <a class="header" :href="`#/claim/${entityId}/notes`">
+                <a class="header header-link" :href="`#/claim/${entityId}/notes`">
                     {{ t('claim.summary.notes') }}
-                    <QIcon name="open_in_new" color="primary" />
+                    <QIcon name="open_in_new" />
                 </a>
                 <ClaimNotes :add-note="false" style="height: 350px" order="created ASC" />
             </QCard>
             <QCard class="vn-two" v-if="salesClaimed.length > 0">
-                <a class="header" :href="`#/claim/${entityId}/lines`">
+                <a class="header header-link" :href="`#/claim/${entityId}/lines`">
                     {{ t('claim.summary.details') }}
-                    <QIcon name="open_in_new" color="primary" />
+                    <QIcon name="open_in_new" />
                 </a>
                 <QTable :columns="detailsColumns" :rows="salesClaimed" flat>
                     <template #header="props">
@@ -268,9 +268,9 @@ function openDialog(dmsId) {
                 </QTable>
             </QCard>
             <QCard class="vn-two" v-if="developments.length > 0">
-                <a class="header" :href="claimUrl + 'development'">
+                <a class="header header-link" :href="claimUrl + 'development'">
                     {{ t('claim.summary.development') }}
-                    <QIcon name="open_in_new" color="primary" />
+                    <QIcon name="open_in_new" />
                 </a>
                 <QTable :columns="developmentColumns" :rows="developments" flat>
                     <template #header="props">
@@ -283,9 +283,9 @@ function openDialog(dmsId) {
                 </QTable>
             </QCard>
             <QCard class="vn-max" v-if="claimDms.length > 0">
-                <a class="header" :href="`#/claim/${entityId}/photos`">
+                <a class="header header-link" :href="`#/claim/${entityId}/photos`">
                     {{ t('claim.summary.photos') }}
-                    <QIcon name="open_in_new" color="primary" />
+                    <QIcon name="open_in_new" />
                 </a>
                 <div class="container">
                     <div
@@ -302,7 +302,7 @@ function openDialog(dmsId) {
                                 v-if="media.isVideo"
                                 @click.stop="openDialog(media.dmsFk)"
                             >
-                                <QTooltip>Video</QTooltip>
+                                <QTooltip>Video</QTooltip>header
                             </QIcon>
                             <QCard class="multimedia relative-position">
                                 <QImg
@@ -326,9 +326,9 @@ function openDialog(dmsId) {
             </QCard>
 
             <QCard class="vn-max">
-                <a class="header" :href="claimUrl + 'action'">
+                <a class="header header-link" :href="claimUrl + 'action'">
                     {{ t('claim.summary.actions') }}
-                    <QIcon name="open_in_new" color="primary" />
+                    <QIcon name="open_in_new" class="link" />
                 </a>
                 <div id="slider-container" class="q-px-xl q-py-md">
                     <QSlider
@@ -336,7 +336,7 @@ function openDialog(dmsId) {
                         label
                         :label-value="t('claim.summary.responsibility')"
                         label-always
-                        color="primary"
+                        color="var()"
                         markers
                         :marker-labels="[
                             { value: 1, label: t('claim.summary.company') },
diff --git a/src/pages/Customer/Card/CustomerSummary.vue b/src/pages/Customer/Card/CustomerSummary.vue
index 5591fd15c..bc3bde529 100644
--- a/src/pages/Customer/Card/CustomerSummary.vue
+++ b/src/pages/Customer/Card/CustomerSummary.vue
@@ -62,9 +62,9 @@ const creditWarning = computed(() => {
     <CardSummary ref="summary" :url="`Clients/${entityId}/summary`">
         <template #body="{ entity }">
             <QCard class="vn-one">
-                <a class="header" :href="clientUrl + `basic-data`">
+                <a class="header header-link" :href="clientUrl + `basic-data`">
                     {{ t('customer.summary.basicData') }}
-                    <QIcon name="open_in_new" color="primary" />
+                    <QIcon name="open_in_new" />
                 </a>
                 <VnLv :label="t('customer.summary.customerId')" :value="entity.id" />
                 <VnLv :label="t('customer.summary.name')" :value="entity.name" />
@@ -96,9 +96,9 @@ const creditWarning = computed(() => {
                 />
             </QCard>
             <QCard class="vn-one">
-                <a class="header" :href="clientUrl + `fiscal-data`">
+                <a class="header header-link" :href="clientUrl + `fiscal-data`">
                     {{ t('customer.summary.fiscalAddress') }}
-                    <QIcon name="open_in_new" color="primary" />
+                    <QIcon name="open_in_new" />
                 </a>
                 <VnLv
                     :label="t('customer.summary.socialName')"
@@ -123,7 +123,7 @@ const creditWarning = computed(() => {
             <QCard class="vn-one">
                 <a class="header link" :href="clientUrl + `fiscal-data`" link>
                     {{ t('customer.summary.fiscalData') }}
-                    <QIcon name="open_in_new" color="primary" />
+                    <QIcon name="open_in_new" />
                 </a>
                 <VnLv
                     :label="t('customer.summary.isEqualizated')"
@@ -151,7 +151,7 @@ const creditWarning = computed(() => {
             <QCard class="vn-one">
                 <a class="header link" :href="clientUrl + `billing-data`" link>
                     {{ t('customer.summary.billingData') }}
-                    <QIcon name="open_in_new" color="primary" />
+                    <QIcon name="open_in_new" />
                 </a>
                 <VnLv
                     :label="t('customer.summary.payMethod')"
@@ -172,7 +172,7 @@ const creditWarning = computed(() => {
             <QCard class="vn-one" v-if="entity.defaultAddress">
                 <a class="header link" :href="clientUrl + `address/index`" link>
                     {{ t('customer.summary.consignee') }}
-                    <QIcon name="open_in_new" color="primary" />
+                    <QIcon name="open_in_new" />
                 </a>
                 <VnLv
                     :label="t('customer.summary.addressName')"
@@ -190,7 +190,7 @@ const creditWarning = computed(() => {
             <QCard class="vn-one" v-if="entity.account">
                 <a class="header link" :href="clientUrl + `web-access`">
                     {{ t('customer.summary.webAccess') }}
-                    <QIcon name="open_in_new" color="primary" />
+                    <QIcon name="open_in_new" />
                 </a>
                 <VnLv
                     :label="t('customer.summary.username')"
@@ -202,7 +202,7 @@ const creditWarning = computed(() => {
                 />
             </QCard>
             <QCard class="vn-one" v-if="entity.account">
-                <div class="header">
+                <div class="header header-link">
                     {{ t('customer.summary.businessData') }}
                 </div>
                 <VnLv
@@ -235,7 +235,7 @@ const creditWarning = computed(() => {
                     link
                 >
                     {{ t('customer.summary.financialData') }}
-                    <QIcon name="open_in_new" color="primary" />
+                    <QIcon name="open_in_new" />
                     <!-- Pendiente de añadir el icono <QIcon name="vn:grafana" color="primary" /> -->
                 </a>
                 <VnLv
diff --git a/src/pages/Department/Card/DepartmentSummary.vue b/src/pages/Department/Card/DepartmentSummary.vue
index 40bb4c83d..fcf164e79 100644
--- a/src/pages/Department/Card/DepartmentSummary.vue
+++ b/src/pages/Department/Card/DepartmentSummary.vue
@@ -36,9 +36,9 @@ onMounted(async () => {
         </template>
         <template #body="{ entity: department }">
             <QCard class="column">
-                <a class="header" :href="department + `basic-data`">
+                <a class="header header-link" :href="department + `basic-data`">
                     {{ t('Basic data') }}
-                    <QIcon name="open_in_new" color="primary" />
+                    <QIcon name="open_in_new" />
                 </a>
                 <div class="full-width row wrap justify-between content-between">
                     <div class="column" style="min-width: 50%">
diff --git a/src/pages/Entry/Card/EntrySummary.vue b/src/pages/Entry/Card/EntrySummary.vue
index 3861e0321..c36f483c7 100644
--- a/src/pages/Entry/Card/EntrySummary.vue
+++ b/src/pages/Entry/Card/EntrySummary.vue
@@ -158,9 +158,9 @@ const fetchEntryBuys = async () => {
 
         <template #body>
             <QCard class="vn-one">
-                <a class="header link" :href="entryUrl">
+                <a class="header header link" :href="entryUrl">
                     {{ t('globals.summary.basicData') }}
-                    <QIcon name="open_in_new" color="primary" />
+                    <QIcon name="open_in_new" />
                 </a>
                 <VnRow>
                     <div class="col">
@@ -223,9 +223,9 @@ const fetchEntryBuys = async () => {
                 </VnRow>
             </QCard>
             <QCard class="vn-one">
-                <a class="header link" :href="entryUrl">
+                <a class="header header link" :href="entryUrl">
                     {{ t('Travel data') }}
-                    <QIcon name="open_in_new" color="primary" />
+                    <QIcon name="open_in_new" />
                 </a>
                 <VnRow>
                     <div class="col">
@@ -283,7 +283,7 @@ const fetchEntryBuys = async () => {
                 </VnRow>
             </QCard>
             <QCard class="vn-two" style="min-width: 100%">
-                <a class="header">
+                <a class="header header-link">
                     {{ t('entry.summary.buys') }}
                 </a>
                 <QTable
diff --git a/src/pages/InvoiceIn/Card/InvoiceInSummary.vue b/src/pages/InvoiceIn/Card/InvoiceInSummary.vue
index 850b67cc3..bed1d3173 100644
--- a/src/pages/InvoiceIn/Card/InvoiceInSummary.vue
+++ b/src/pages/InvoiceIn/Card/InvoiceInSummary.vue
@@ -209,9 +209,9 @@ function getLink(param) {
             <!--Basic Data-->
             <QCard class="vn-one">
                 <QCardSection class="q-pa-none">
-                    <a class="header" :href="getLink('basic-data')">
+                    <a class="header header-link" :href="getLink('basic-data')">
                         {{ t('invoiceIn.pageTitles.basicData') }}
-                        <QIcon name="open_in_new" color="primary" />
+                        <QIcon name="open_in_new" />
                     </a>
                 </QCardSection>
                 <VnLv
@@ -233,9 +233,9 @@ function getLink(param) {
             </QCard>
             <QCard class="vn-one">
                 <QCardSection class="q-pa-none">
-                    <a class="header" :href="getLink('basic-data')">
+                    <a class="header header-link" :href="getLink('basic-data')">
                         {{ t('invoiceIn.pageTitles.basicData') }}
-                        <QIcon name="open_in_new" color="primary" />
+                        <QIcon name="open_in_new" />
                     </a>
                 </QCardSection>
                 <VnLv
@@ -258,9 +258,9 @@ function getLink(param) {
             </QCard>
             <QCard class="vn-one">
                 <QCardSection class="q-pa-none">
-                    <a class="header" :href="getLink('basic-data')">
+                    <a class="header header-link" :href="getLink('basic-data')">
                         {{ t('invoiceIn.pageTitles.basicData') }}
-                        <QIcon name="open_in_new" color="primary" />
+                        <QIcon name="open_in_new" />
                     </a>
                 </QCardSection>
                 <VnLv
@@ -282,9 +282,9 @@ function getLink(param) {
             </QCard>
             <QCard class="vn-one">
                 <QCardSection class="q-pa-none">
-                    <a class="header" :href="getLink('basic-data')">
+                    <a class="header header-link" :href="getLink('basic-data')">
                         {{ t('invoiceIn.pageTitles.basicData') }}
-                        <QIcon name="open_in_new" color="primary" />
+                        <QIcon name="open_in_new" />
                     </a>
                 </QCardSection>
                 <QCardSection class="q-pa-none">
@@ -318,9 +318,9 @@ function getLink(param) {
             </QCard>
             <!--Vat-->
             <QCard v-if="invoiceIn.invoiceInTax.length">
-                <a class="header" :href="getLink('vat')">
+                <a class="header header-link" :href="getLink('vat')">
                     {{ t('invoiceIn.card.vat') }}
-                    <QIcon name="open_in_new" color="primary" />
+                    <QIcon name="open_in_new" />
                 </a>
                 <QTable
                     :columns="vatColumns"
@@ -351,9 +351,9 @@ function getLink(param) {
             </QCard>
             <!--Due Day-->
             <QCard v-if="invoiceIn.invoiceInDueDay.length">
-                <a class="header" :href="getLink('due-day')">
+                <a class="header header-link" :href="getLink('due-day')">
                     {{ t('invoiceIn.card.dueDay') }}
-                    <QIcon name="open_in_new" color="primary" />
+                    <QIcon name="open_in_new" />
                 </a>
                 <QTable
                     class="full-width"
@@ -381,9 +381,9 @@ function getLink(param) {
             </QCard>
             <!--Intrastat-->
             <QCard v-if="invoiceIn.invoiceInIntrastat.length">
-                <a class="header" :href="getUrl('intrastat')">
+                <a class="header header-link" :href="getUrl('intrastat')">
                     {{ t('invoiceIn.card.intrastat') }}
-                    <QIcon name="open_in_new" color="primary" />
+                    <QIcon name="open_in_new" />
                 </a>
                 <QTable
                     :columns="intrastatColumns"
diff --git a/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue b/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue
index 5a56a3957..73acc0ad1 100644
--- a/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue
+++ b/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue
@@ -101,9 +101,10 @@ const ticketsColumns = ref([
         </template>
         <template #body="{ entity: { invoiceOut } }">
             <QCard class="vn-one">
-                <div class="header">
+                <a class="header header-link">
                     {{ t('invoiceOut.pageTitles.basicData') }}
-                </div>
+                    <QIcon name="open_in_new" />
+                </a>
                 <VnLv
                     :label="t('invoiceOut.summary.issued')"
                     :value="toDate(invoiceOut.issued)"
@@ -126,9 +127,10 @@ const ticketsColumns = ref([
                 />
             </QCard>
             <QCard class="vn-three">
-                <div class="header">
+                <a class="header header-link">
                     {{ t('invoiceOut.summary.taxBreakdown') }}
-                </div>
+                    <QIcon name="open_in_new" />
+                </a>
                 <QTable :columns="taxColumns" :rows="invoiceOut.taxesBreakdown" flat>
                     <template #header="props">
                         <QTr :props="props">
@@ -140,9 +142,10 @@ const ticketsColumns = ref([
                 </QTable>
             </QCard>
             <QCard class="vn-three">
-                <div class="header">
+                <a class="header header-link">
                     {{ t('invoiceOut.summary.tickets') }}
-                </div>
+                    <QIcon name="open_in_new" />
+                </a>
                 <QTable v-if="tickets" :columns="ticketsColumns" :rows="tickets" flat>
                     <template #header="props">
                         <QTr :props="props">
diff --git a/src/pages/Login/LoginMain.vue b/src/pages/Login/LoginMain.vue
index e2ccdac16..9c469e611 100644
--- a/src/pages/Login/LoginMain.vue
+++ b/src/pages/Login/LoginMain.vue
@@ -69,12 +69,12 @@ async function onSubmit() {
 <template>
     <QForm @submit="onSubmit" class="q-gutter-y-md q-pa-lg formCard">
         <VnLogo alt="Logo" fit="contain" :ratio="16 / 9" class="q-mb-md" />
-
         <VnInput
             v-model="username"
             :label="t('login.username')"
             lazy-rules
             :rules="[(val) => (val && val.length > 0) || t('login.fieldRequired')]"
+            color="primary"
         />
         <VnInput
             type="password"
@@ -82,9 +82,8 @@ async function onSubmit() {
             :label="t('login.password')"
             lazy-rules
             :rules="[(val) => (val && val.length > 0) || t('login.fieldRequired')]"
+            class="red"
         />
-        <QToggle v-model="keepLogin" :label="t('login.keepLogin')" />
-
         <div>
             <QBtn
                 :label="t('login.submit')"
@@ -95,6 +94,7 @@ async function onSubmit() {
                 unelevated
             />
         </div>
+        <QToggle v-model="keepLogin" :label="t('login.keepLogin')" />
     </QForm>
 </template>
 
@@ -104,6 +104,9 @@ async function onSubmit() {
     min-width: 300px;
 }
 
+.q-input {
+    color: $primary;
+}
 @media (max-width: $breakpoint-xs-max) {
     .formCard {
         min-width: 100%;
diff --git a/src/pages/Login/VerifyEmail.vue b/src/pages/Login/VerifyEmail.vue
index dae20e8b6..4c02e5869 100644
--- a/src/pages/Login/VerifyEmail.vue
+++ b/src/pages/Login/VerifyEmail.vue
@@ -99,6 +99,8 @@ onMounted(async () => {
 </i18n>
 
 <style lang="scss">
+$vnColor: #8ebb27;
+
 .formCard {
     max-width: 1500px;
     min-width: 700px;
diff --git a/src/pages/Shelving/Card/ShelvingSummary.vue b/src/pages/Shelving/Card/ShelvingSummary.vue
index 409329c88..49470719e 100644
--- a/src/pages/Shelving/Card/ShelvingSummary.vue
+++ b/src/pages/Shelving/Card/ShelvingSummary.vue
@@ -6,7 +6,7 @@ import { useStateStore } from 'stores/useStateStore';
 import CardSummary from 'components/ui/CardSummary.vue';
 import VnLv from 'components/ui/VnLv.vue';
 import ShelvingFilter from 'pages/Shelving/Card/ShelvingFilter.vue';
-import VnUserLink from "components/ui/VnUserLink.vue";
+import VnUserLink from 'components/ui/VnUserLink.vue';
 
 const $props = defineProps({
     id: {
@@ -71,11 +71,11 @@ const filter = {
             <template #body="{ entity }">
                 <QCard class="vn-one">
                     <RouterLink
-                        class="header"
+                        class="header header-link"
                         :to="{ name: 'ShelvingBasicData', params: { id: entityId } }"
                     >
                         {{ t('shelving.pageTitles.basicData') }}
-                        <QIcon name="open_in_new" color="primary" />
+                        <QIcon name="open_in_new" />
                     </RouterLink>
                     <VnLv :label="t('shelving.summary.code')" :value="entity.code" />
                     <VnLv
diff --git a/src/pages/Supplier/Card/SupplierSummary.vue b/src/pages/Supplier/Card/SupplierSummary.vue
index d734e21a5..e8c322306 100644
--- a/src/pages/Supplier/Card/SupplierSummary.vue
+++ b/src/pages/Supplier/Card/SupplierSummary.vue
@@ -64,7 +64,7 @@ const isAdministrative = computed(() => {
             <QCard class="vn-one">
                 <a v-if="isAdministrative" class="header link" :href="supplierUrl">
                     {{ t('globals.summary.basicData') }}
-                    <QIcon name="open_in_new" color="primary" />
+                    <QIcon name="open_in_new" />
                 </a>
                 <span v-else> {{ t('globals.summary.basicData') }}</span>
                 <VnLv label="Id" :value="supplier.id" />
@@ -107,7 +107,7 @@ const isAdministrative = computed(() => {
             <QCard class="vn-one">
                 <a v-if="isAdministrative" class="header link" :href="supplierUrl">
                     {{ t('supplier.summary.billingData') }}
-                    <QIcon name="open_in_new" color="primary" />
+                    <QIcon name="open_in_new" />
                 </a>
                 <span v-else> {{ t('supplier.summary.billingData') }}</span>
                 <VnLv
@@ -126,7 +126,7 @@ const isAdministrative = computed(() => {
             <QCard class="vn-one">
                 <a v-if="isAdministrative" class="header link" :href="supplierUrl">
                     {{ t('supplier.summary.fiscalData') }}
-                    <QIcon name="open_in_new" color="primary" />
+                    <QIcon name="open_in_new" />
                 </a>
                 <span v-else> {{ t('supplier.summary.fiscalData') }}</span>
                 <VnLv
@@ -157,7 +157,7 @@ const isAdministrative = computed(() => {
             <QCard class="vn-one">
                 <a v-if="isAdministrative" class="header link" :href="supplierUrl">
                     {{ t('supplier.summary.fiscalAddress') }}
-                    <QIcon name="open_in_new" color="primary" />
+                    <QIcon name="open_in_new" />
                 </a>
                 <span v-else> {{ t('supplier.summary.fiscalAddress') }}</span>
                 <VnLv :label="t('supplier.summary.socialName')" :value="supplier.name" />
diff --git a/src/pages/Ticket/Card/TicketSummary.vue b/src/pages/Ticket/Card/TicketSummary.vue
index f3e01d06b..b5bb0b9bb 100644
--- a/src/pages/Ticket/Card/TicketSummary.vue
+++ b/src/pages/Ticket/Card/TicketSummary.vue
@@ -149,7 +149,7 @@ async function changeState(value) {
             <QCard class="vn-one">
                 <a class="header link" :href="ticketUrl + 'basic-data/step-one'">
                     {{ t('globals.summary.basicData') }}
-                    <QIcon name="open_in_new" color="primary" />
+                    <QIcon name="open_in_new" />
                 </a>
                 <VnLv :label="t('ticket.summary.state')">
                     <template #value>
@@ -195,7 +195,7 @@ async function changeState(value) {
             <QCard class="vn-one">
                 <a class="header link" :href="ticketUrl + 'basic-data/step-one'">
                     {{ t('globals.summary.basicData') }}
-                    <QIcon name="open_in_new" color="primary" />
+                    <QIcon name="open_in_new" />
                 </a>
                 <VnLv
                     :label="t('ticket.summary.shipped')"
@@ -238,7 +238,7 @@ async function changeState(value) {
             <QCard class="vn-one">
                 <a class="header link" :href="ticketUrl + 'observation'">
                     {{ t('ticket.pageTitles.notes') }}
-                    <QIcon name="open_in_new" color="primary" />
+                    <QIcon name="open_in_new" />
                 </a>
                 <VnLv
                     v-for="note in ticket.notes"
@@ -260,7 +260,7 @@ async function changeState(value) {
             <QCard class="vn-max">
                 <a class="header link" :href="ticketUrl + 'sale'">
                     {{ t('ticket.summary.saleLines') }}
-                    <QIcon name="open_in_new" color="primary" />
+                    <QIcon name="open_in_new" />
                 </a>
                 <QTable :rows="ticket.sales">
                     <template #header="props">
@@ -398,7 +398,7 @@ async function changeState(value) {
             >
                 <a class="header link" :href="ticketUrl + 'package'">
                     {{ t('globals.packages') }}
-                    <QIcon name="open_in_new" color="primary" />
+                    <QIcon name="open_in_new" />
                 </a>
                 <QTable :rows="ticket.packagings" flat>
                     <template #header="props">
@@ -419,7 +419,7 @@ async function changeState(value) {
 
                 <a class="header link q-mt-xl" :href="ticketUrl + 'service'">
                     {{ t('ticket.summary.service') }}
-                    <QIcon name="open_in_new" color="primary" />
+                    <QIcon name="open_in_new" />
                 </a>
                 <QTable :rows="ticket.services" flat>
                     <template #header="props">
diff --git a/src/pages/Travel/Card/TravelSummary.vue b/src/pages/Travel/Card/TravelSummary.vue
index 2ed6a0487..9eaaccf9d 100644
--- a/src/pages/Travel/Card/TravelSummary.vue
+++ b/src/pages/Travel/Card/TravelSummary.vue
@@ -302,7 +302,7 @@ async function setTravelData(travelData) {
                 <VnLv :label="t('globals.totalEntries')" :value="travel.totalEntries" />
             </QCard>
             <QCard class="full-width" v-if="entriesTableRows.length > 0">
-                <span class="header">
+                <span class="header header-link">
                     {{ t('travel.summary.entries') }}
                 </span>
                 <QTable
@@ -361,14 +361,14 @@ async function setTravelData(travelData) {
 
             <QCard class="full-width" v-if="thermographs.length > 0">
                 <RouterLink
-                    class="header"
+                    class="header header-link"
                     :to="{
                         name: 'TravelThermographsIndex',
                         params: { id: travel.id },
                     }"
                 >
                     {{ t('travel.summary.thermographs') }}
-                    <QIcon name="open_in_new" color="primary" />
+                    <QIcon name="open_in_new" />
                 </RouterLink>
                 <QTable
                     :rows="thermographs"
diff --git a/src/pages/Worker/Card/WorkerSummary.vue b/src/pages/Worker/Card/WorkerSummary.vue
index 176d9adf4..1dda54c5c 100644
--- a/src/pages/Worker/Card/WorkerSummary.vue
+++ b/src/pages/Worker/Card/WorkerSummary.vue
@@ -71,9 +71,9 @@ const filter = {
         </template>
         <template #body="{ entity: worker }">
             <QCard class="vn-one">
-                <a class="header" :href="workerUrl + `basic-data`">
+                <a class="header header-link" :href="workerUrl + `basic-data`">
                     {{ t('worker.summary.basicData') }}
-                    <QIcon name="open_in_new" color="primary" />
+                    <QIcon name="open_in_new" />
                 </a>
                 <VnLv :label="t('worker.card.name')" :value="worker.user.nickname" />
                 <VnLv
@@ -111,7 +111,7 @@ const filter = {
                 <VnLv :label="t('worker.summary.locker')" :value="worker.locker" />
             </QCard>
             <QCard class="vn-one">
-                <div class="header">
+                <div class="header header-link">
                     {{ t('worker.summary.userData') }}
                 </div>
                 <VnLv :label="t('worker.summary.userId')" :value="worker.user.id" />

From bc4e081bee1e1d93adc6fe77332258006ef2c9c2 Mon Sep 17 00:00:00 2001
From: pablone <pablone@verdnatura.es>
Date: Fri, 1 Mar 2024 10:33:23 +0100
Subject: [PATCH 3/9] fix(light): refs #6486 add light theme colors

---
 src/components/ui/CardDescriptor.vue        |  2 --
 src/css/quasar.variables.scss               | 15 +++++++--------
 src/pages/Customer/Card/CustomerSummary.vue | 10 +++++-----
 src/pages/Entry/Card/EntrySummary.vue       |  7 ++++---
 src/pages/Supplier/Card/SupplierSummary.vue | 10 +++++-----
 5 files changed, 21 insertions(+), 23 deletions(-)

diff --git a/src/components/ui/CardDescriptor.vue b/src/components/ui/CardDescriptor.vue
index 6fba453bc..ea65564cd 100644
--- a/src/components/ui/CardDescriptor.vue
+++ b/src/components/ui/CardDescriptor.vue
@@ -210,8 +210,6 @@ const emit = defineEmits(['onFetch']);
 </style>
 
 <style lang="scss" scoped>
-.body {
-}
 .title {
     overflow: hidden;
     text-overflow: ellipsis;
diff --git a/src/css/quasar.variables.scss b/src/css/quasar.variables.scss
index fa9017c36..583fda04b 100644
--- a/src/css/quasar.variables.scss
+++ b/src/css/quasar.variables.scss
@@ -27,6 +27,13 @@ $white: #fff;
 $dark: #3c3b3b;
 // custom
 $color-link: #66bfff;
+$color-spacer-light: #a3a3a31f;
+$color-spacer: #7979794d;
+$border-thin-light: 1px solid $color-spacer-light;
+
+$dark-shadow-color: black;
+$layout-shadow-dark: 0 0 10px 2px #00000033, 0 0px 10px #0000003d;
+$spacing-md: 16px;
 
 .tx-color-link {
     color: $color-link !important;
@@ -70,11 +77,3 @@ body.body--dark {
     --vn-dark: var(--vn-SectionColor);
     --vn-light-gray: #424242;
 }
-
-$color-spacer-light: rgba(255, 255, 255, 0.12);
-$color-spacer: rgba(255, 255, 255, 0.3);
-$border-thin-light: 1px solid $color-spacer-light;
-
-$dark-shadow-color: black;
-$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;
diff --git a/src/pages/Customer/Card/CustomerSummary.vue b/src/pages/Customer/Card/CustomerSummary.vue
index bc3bde529..b0db2b576 100644
--- a/src/pages/Customer/Card/CustomerSummary.vue
+++ b/src/pages/Customer/Card/CustomerSummary.vue
@@ -121,7 +121,7 @@ const creditWarning = computed(() => {
                 <VnLv :label="t('customer.summary.street')" :value="entity.street" />
             </QCard>
             <QCard class="vn-one">
-                <a class="header link" :href="clientUrl + `fiscal-data`" link>
+                <a class="header header-link" :href="clientUrl + `fiscal-data`" link>
                     {{ t('customer.summary.fiscalData') }}
                     <QIcon name="open_in_new" />
                 </a>
@@ -149,7 +149,7 @@ const creditWarning = computed(() => {
                 <VnLv :label="t('customer.summary.vies')" :value="entity.isVies" />
             </QCard>
             <QCard class="vn-one">
-                <a class="header link" :href="clientUrl + `billing-data`" link>
+                <a class="header header-link" :href="clientUrl + `billing-data`" link>
                     {{ t('customer.summary.billingData') }}
                     <QIcon name="open_in_new" />
                 </a>
@@ -170,7 +170,7 @@ const creditWarning = computed(() => {
                 />
             </QCard>
             <QCard class="vn-one" v-if="entity.defaultAddress">
-                <a class="header link" :href="clientUrl + `address/index`" link>
+                <a class="header header-link" :href="clientUrl + `address/index`" link>
                     {{ t('customer.summary.consignee') }}
                     <QIcon name="open_in_new" />
                 </a>
@@ -188,7 +188,7 @@ const creditWarning = computed(() => {
                 />
             </QCard>
             <QCard class="vn-one" v-if="entity.account">
-                <a class="header link" :href="clientUrl + `web-access`">
+                <a class="header header-link" :href="clientUrl + `web-access`">
                     {{ t('customer.summary.webAccess') }}
                     <QIcon name="open_in_new" />
                 </a>
@@ -230,7 +230,7 @@ const creditWarning = computed(() => {
             </QCard>
             <QCard class="vn-one" v-if="entity.account">
                 <a
-                    class="header link"
+                    class="header header-link"
                     :href="`https://grafana.verdnatura.es/d/40buzE4Vk/comportamiento-pagos-clientes?orgId=1&var-clientFk=${entityId}`"
                     link
                 >
diff --git a/src/pages/Entry/Card/EntrySummary.vue b/src/pages/Entry/Card/EntrySummary.vue
index c36f483c7..409d32c95 100644
--- a/src/pages/Entry/Card/EntrySummary.vue
+++ b/src/pages/Entry/Card/EntrySummary.vue
@@ -148,7 +148,7 @@ const fetchEntryBuys = async () => {
         @on-fetch="(data) => setEntryData(data)"
     >
         <template #header-left>
-            <a class="header link" :href="entryUrl">
+            <a class="header-link" :href="entryUrl">
                 <QIcon name="open_in_new" color="white" size="sm" />
             </a>
         </template>
@@ -158,7 +158,7 @@ const fetchEntryBuys = async () => {
 
         <template #body>
             <QCard class="vn-one">
-                <a class="header header link" :href="entryUrl">
+                <a class="header header-link" :href="entryUrl">
                     {{ t('globals.summary.basicData') }}
                     <QIcon name="open_in_new" />
                 </a>
@@ -223,7 +223,7 @@ const fetchEntryBuys = async () => {
                 </VnRow>
             </QCard>
             <QCard class="vn-one">
-                <a class="header header link" :href="entryUrl">
+                <a class="header header-link" :href="entryUrl">
                     {{ t('Travel data') }}
                     <QIcon name="open_in_new" />
                 </a>
@@ -285,6 +285,7 @@ const fetchEntryBuys = async () => {
             <QCard class="vn-two" style="min-width: 100%">
                 <a class="header header-link">
                     {{ t('entry.summary.buys') }}
+                    <QIcon name="open_in_new" />
                 </a>
                 <QTable
                     :rows="entryBuys"
diff --git a/src/pages/Supplier/Card/SupplierSummary.vue b/src/pages/Supplier/Card/SupplierSummary.vue
index e8c322306..e3c2e1ae2 100644
--- a/src/pages/Supplier/Card/SupplierSummary.vue
+++ b/src/pages/Supplier/Card/SupplierSummary.vue
@@ -52,7 +52,7 @@ const isAdministrative = computed(() => {
         @on-fetch="(data) => setData(data)"
     >
         <template #header-left>
-            <a v-if="isAdministrative" class="header link" :href="supplierUrl">
+            <a v-if="isAdministrative" class="header header-link" :href="supplierUrl">
                 <QIcon name="open_in_new" color="white" size="sm" />
             </a>
         </template>
@@ -62,7 +62,7 @@ const isAdministrative = computed(() => {
 
         <template #body>
             <QCard class="vn-one">
-                <a v-if="isAdministrative" class="header link" :href="supplierUrl">
+                <a v-if="isAdministrative" class="header header-link" :href="supplierUrl">
                     {{ t('globals.summary.basicData') }}
                     <QIcon name="open_in_new" />
                 </a>
@@ -105,7 +105,7 @@ const isAdministrative = computed(() => {
                 </VnLv>
             </QCard>
             <QCard class="vn-one">
-                <a v-if="isAdministrative" class="header link" :href="supplierUrl">
+                <a v-if="isAdministrative" class="header header-link" :href="supplierUrl">
                     {{ t('supplier.summary.billingData') }}
                     <QIcon name="open_in_new" />
                 </a>
@@ -124,7 +124,7 @@ const isAdministrative = computed(() => {
                 <VnLv :label="t('supplier.summary.account')" :value="supplier.account" />
             </QCard>
             <QCard class="vn-one">
-                <a v-if="isAdministrative" class="header link" :href="supplierUrl">
+                <a v-if="isAdministrative" class="header header-link" :href="supplierUrl">
                     {{ t('supplier.summary.fiscalData') }}
                     <QIcon name="open_in_new" />
                 </a>
@@ -155,7 +155,7 @@ const isAdministrative = computed(() => {
                 />
             </QCard>
             <QCard class="vn-one">
-                <a v-if="isAdministrative" class="header link" :href="supplierUrl">
+                <a v-if="isAdministrative" class="header header-link" :href="supplierUrl">
                     {{ t('supplier.summary.fiscalAddress') }}
                     <QIcon name="open_in_new" />
                 </a>

From be9b70d9f5b3b7eef8dd5de75007ade66210dbfb Mon Sep 17 00:00:00 2001
From: pablone <pablone@verdnatura.es>
Date: Fri, 1 Mar 2024 10:47:20 +0100
Subject: [PATCH 4/9] move(style): refs #6486 order style

---
 src/css/app.scss              | 30 +++++++++++++++++++++++++++++-
 src/css/quasar.variables.scss | 29 -----------------------------
 2 files changed, 29 insertions(+), 30 deletions(-)

diff --git a/src/css/app.scss b/src/css/app.scss
index 224cd221c..db4464bfc 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -1,6 +1,30 @@
 // app global css in SCSS form
 @import './icons.scss';
-@import './quasar.variables.scss';
+
+body.body--light {
+    --fount-color: black;
+    --vn-sectionColor: #ffffff;
+    background-color: #e0e0e0;
+    .q-header .q-toolbar {
+        color: var(--fount-color);
+    }
+    --vn-text: var(--fount-color);
+    --vn-gray: var(--vn-sectionColor);
+    --vn-label: #5f5f5f;
+    --vn-dark: var(--vn-sectionColor);
+    --vn-light-gray: #e7e3e3;
+}
+
+body.body--dark {
+    --vn-pageColor: #222;
+    --vn-SectionColor: #3c3b3b;
+    background-color: var(--vn-pageColor);
+    --vn-text: white;
+    --vn-gray: var(--vn-SectionColor);
+    --vn-label: #a8a8a8;
+    --vn-dark: var(--vn-SectionColor);
+    --vn-light-gray: #424242;
+}
 
 a {
     text-decoration: none;
@@ -11,6 +35,10 @@ a {
     cursor: pointer;
 }
 
+.tx-color-link {
+    color: $color-link !important;
+}
+
 .header-link {
     color: $color-link !important;
     cursor: pointer;
diff --git a/src/css/quasar.variables.scss b/src/css/quasar.variables.scss
index 583fda04b..9b1cc809a 100644
--- a/src/css/quasar.variables.scss
+++ b/src/css/quasar.variables.scss
@@ -35,10 +35,6 @@ $dark-shadow-color: black;
 $layout-shadow-dark: 0 0 10px 2px #00000033, 0 0px 10px #0000003d;
 $spacing-md: 16px;
 
-.tx-color-link {
-    color: $color-link !important;
-}
-
 .bg-success {
     background-color: $positive;
 }
@@ -52,28 +48,3 @@ $spacing-md: 16px;
 .bg-alert {
     background-color: $negative;
 }
-
-body.body--light {
-    --fount-color: black;
-    --vn-sectionColor: #ffffff;
-    background-color: #e0e0e0;
-    .q-header .q-toolbar {
-        color: var(--fount-color);
-    }
-    --vn-text: var(--fount-color);
-    --vn-gray: var(--vn-sectionColor);
-    --vn-label: #5f5f5f;
-    --vn-dark: var(--vn-sectionColor);
-    --vn-light-gray: #e7e3e3;
-}
-
-body.body--dark {
-    --vn-pageColor: #222;
-    --vn-SectionColor: #3c3b3b;
-    background-color: var(--vn-pageColor);
-    --vn-text: white;
-    --vn-gray: var(--vn-SectionColor);
-    --vn-label: #a8a8a8;
-    --vn-dark: var(--vn-SectionColor);
-    --vn-light-gray: #424242;
-}

From eca0997db50a3d98079c7e948c36415f00ec0b59 Mon Sep 17 00:00:00 2001
From: pablone <pablone@verdnatura.es>
Date: Fri, 1 Mar 2024 10:51:58 +0100
Subject: [PATCH 5/9] remove(style): refs #6486 remove from claimCard

---
 src/pages/Claim/Card/ClaimDescriptor.vue | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/src/pages/Claim/Card/ClaimDescriptor.vue b/src/pages/Claim/Card/ClaimDescriptor.vue
index 54e0a02dc..3827a70d4 100644
--- a/src/pages/Claim/Card/ClaimDescriptor.vue
+++ b/src/pages/Claim/Card/ClaimDescriptor.vue
@@ -189,9 +189,6 @@ onMounted(async () => {
     </CardDescriptor>
 </template>
 <style scoped>
-body {
-    background-color: var(--vn-gray);
-}
 .q-item__label {
     margin-top: 0;
 }

From ac536d27eaff69ce456b00a18f90b25d6e120494 Mon Sep 17 00:00:00 2001
From: pablone <pablone@verdnatura.es>
Date: Fri, 1 Mar 2024 13:02:58 +0100
Subject: [PATCH 6/9] remove(variables). refs #6486 remove old variables

---
 src/css/quasar.variables.scss | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/css/quasar.variables.scss b/src/css/quasar.variables.scss
index 9b1cc809a..4ad358d6f 100644
--- a/src/css/quasar.variables.scss
+++ b/src/css/quasar.variables.scss
@@ -12,8 +12,6 @@
 // to match your app's branding.
 // Tip: Use the "Theme Builder" on Quasar's documentation website.
 // Tip: to add new colors https://quasar.dev/style/color-palette/#adding-your-own-colors
-$dark-theme: true !default;
-$light-theme: true !default;
 $primary: #ec8916;
 $secondary: $primary;
 $positive: #21ba45;

From 3bfbcbe7d856fe7a9ff600dbdd93500bd21e6344 Mon Sep 17 00:00:00 2001
From: pablone <pablone@verdnatura.es>
Date: Fri, 1 Mar 2024 13:53:35 +0100
Subject: [PATCH 7/9] fix(searchBar): refs #6486 add contrast style on light
 theme searchBar

---
 src/components/ui/VnSearchbar.vue | 11 +++++------
 src/css/app.scss                  |  3 ++-
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/ui/VnSearchbar.vue b/src/components/ui/VnSearchbar.vue
index 99710408d..f06b44334 100644
--- a/src/components/ui/VnSearchbar.vue
+++ b/src/components/ui/VnSearchbar.vue
@@ -81,8 +81,9 @@ onMounted(() => {
 });
 
 async function search() {
-    const staticParams = Object.entries(store.userParams)
-        .filter(([key, value]) => value && (props.staticParams || []).includes(key));
+    const staticParams = Object.entries(store.userParams).filter(
+        ([key, value]) => value && (props.staticParams || []).includes(key)
+    );
     await arrayData.applyFilter({
         params: {
             ...Object.fromEntries(staticParams),
@@ -155,11 +156,9 @@ async function search() {
 .cursor-info {
     cursor: help;
 }
-
-.body--light #searchbar {
+#searchbar {
     .q-field--standout.q-field--highlighted .q-field__control {
-        background-color: $grey-7;
-        color: #333;
+        background-color: var(--vn-text);
     }
 }
 </style>
diff --git a/src/css/app.scss b/src/css/app.scss
index db4464bfc..c0c523a9f 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -4,7 +4,8 @@
 body.body--light {
     --fount-color: black;
     --vn-sectionColor: #ffffff;
-    background-color: #e0e0e0;
+    --vn-pageColor: #e0e0e0;
+    background-color: var(--vn-pageColor);
     .q-header .q-toolbar {
         color: var(--fount-color);
     }

From 8df9d43fb46c16ce3960c024879a9b0ed038d10f Mon Sep 17 00:00:00 2001
From: pablone <pablone@verdnatura.es>
Date: Wed, 6 Mar 2024 09:22:32 +0100
Subject: [PATCH 8/9] fix(toolbar): refs #6486 add colors

---
 src/layouts/OutLayout.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/layouts/OutLayout.vue b/src/layouts/OutLayout.vue
index 8e9ab3e41..f66fcff1f 100644
--- a/src/layouts/OutLayout.vue
+++ b/src/layouts/OutLayout.vue
@@ -40,7 +40,7 @@ const langs = ['en', 'es'];
 
 <template>
     <QLayout view="hHh LpR fFf">
-        <QHeader reveal class="bg-dark">
+        <QHeader reveal class="bg-vn-dark">
             <QToolbar class="justify-end">
                 <QBtn
                     id="switchLanguage"

From b584295101e148a8b6f57cbc2d657dedc366ebff Mon Sep 17 00:00:00 2001
From: pablone <pablone@verdnatura.es>
Date: Wed, 6 Mar 2024 09:43:45 +0100
Subject: [PATCH 9/9] fix: refs #6486 add title to basicData

---
 src/pages/Customer/Card/CustomerSummary.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/Customer/Card/CustomerSummary.vue b/src/pages/Customer/Card/CustomerSummary.vue
index cb8eae1a3..eb93738ba 100644
--- a/src/pages/Customer/Card/CustomerSummary.vue
+++ b/src/pages/Customer/Card/CustomerSummary.vue
@@ -62,7 +62,7 @@ const creditWarning = computed(() => {
     <CardSummary ref="summary" :url="`Clients/${entityId}/summary`">
         <template #body="{ entity }">
             <QCard class="vn-one">
-                <a class="header" :href="`#/customer/${entityId}/basic-data`">
+                <a class="header header-link" :href="`#/customer/${entityId}/basic-data`">
                     {{ t('customer.summary.basicData') }}
                     <QIcon name="open_in_new" />
                 </a>