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" />