From c64875b6ef17e0c222f4016c8916a6c7842de0b9 Mon Sep 17 00:00:00 2001
From: "bert.hausmans" <bert@hausmans.nl>
Date: Wed, 15 Apr 2026 19:43:14 +0200
Subject: [PATCH] feat: align Vuexy primary with demo teal (rgb 13,147,148)

Made-with: Cursor
---
 apps/app/index.html                      | 2 +-
 apps/app/src/plugins/vuetify/theme.ts    | 8 ++++----
 apps/portal/index.html                   | 2 +-
 apps/portal/src/plugins/vuetify/theme.ts | 8 ++++----
 4 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/apps/app/index.html b/apps/app/index.html
index 70752723..12ef6848 100644
--- a/apps/app/index.html
+++ b/apps/app/index.html
@@ -41,7 +41,7 @@
   <script type="module" src="/src/main.ts"></script>
   <script>
     const loaderColor = localStorage.getItem('vuexy-initial-loader-bg') || '#FFFFFF'
-    const primaryColor = localStorage.getItem('vuexy-initial-loader-color') || '#7367F0'
+    const primaryColor = localStorage.getItem('vuexy-initial-loader-color') || '#0D9394'
 
     if (loaderColor)
       document.documentElement.style.setProperty('--initial-loader-bg', loaderColor)
diff --git a/apps/app/src/plugins/vuetify/theme.ts b/apps/app/src/plugins/vuetify/theme.ts
index da653e29..7dc5f915 100644
--- a/apps/app/src/plugins/vuetify/theme.ts
+++ b/apps/app/src/plugins/vuetify/theme.ts
@@ -1,7 +1,7 @@
 import type { ThemeDefinition } from 'vuetify'
 
-export const staticPrimaryColor = '#7367F0'
-export const staticPrimaryDarkenColor = '#675DD8'
+export const staticPrimaryColor = '#0D9394'
+export const staticPrimaryDarkenColor = '#0B7F80'
 
 export const themes: Record<string, ThemeDefinition> = {
   light: {
@@ -9,7 +9,7 @@ export const themes: Record<string, ThemeDefinition> = {
     colors: {
       'primary': staticPrimaryColor,
       'on-primary': '#fff',
-      'primary-darken-1': '#675DD8',
+      'primary-darken-1': staticPrimaryDarkenColor,
       'secondary': '#808390',
       'on-secondary': '#fff',
       'secondary-darken-1': '#737682',
@@ -83,7 +83,7 @@ export const themes: Record<string, ThemeDefinition> = {
     colors: {
       'primary': staticPrimaryColor,
       'on-primary': '#fff',
-      'primary-darken-1': '#675DD8',
+      'primary-darken-1': staticPrimaryDarkenColor,
       'secondary': '#808390',
       'on-secondary': '#fff',
       'secondary-darken-1': '#737682',
diff --git a/apps/portal/index.html b/apps/portal/index.html
index 4c9cf53d..a21cb956 100644
--- a/apps/portal/index.html
+++ b/apps/portal/index.html
@@ -41,7 +41,7 @@
   <script type="module" src="/src/main.ts"></script>
   <script>
     const loaderColor = localStorage.getItem('vuexy-initial-loader-bg') || '#FFFFFF'
-    const primaryColor = localStorage.getItem('vuexy-initial-loader-color') || '#7367F0'
+    const primaryColor = localStorage.getItem('vuexy-initial-loader-color') || '#0D9394'
 
     if (loaderColor)
       document.documentElement.style.setProperty('--initial-loader-bg', loaderColor)
diff --git a/apps/portal/src/plugins/vuetify/theme.ts b/apps/portal/src/plugins/vuetify/theme.ts
index da653e29..7dc5f915 100644
--- a/apps/portal/src/plugins/vuetify/theme.ts
+++ b/apps/portal/src/plugins/vuetify/theme.ts
@@ -1,7 +1,7 @@
 import type { ThemeDefinition } from 'vuetify'
 
-export const staticPrimaryColor = '#7367F0'
-export const staticPrimaryDarkenColor = '#675DD8'
+export const staticPrimaryColor = '#0D9394'
+export const staticPrimaryDarkenColor = '#0B7F80'
 
 export const themes: Record<string, ThemeDefinition> = {
   light: {
@@ -9,7 +9,7 @@ export const themes: Record<string, ThemeDefinition> = {
     colors: {
       'primary': staticPrimaryColor,
       'on-primary': '#fff',
-      'primary-darken-1': '#675DD8',
+      'primary-darken-1': staticPrimaryDarkenColor,
       'secondary': '#808390',
       'on-secondary': '#fff',
       'secondary-darken-1': '#737682',
@@ -83,7 +83,7 @@ export const themes: Record<string, ThemeDefinition> = {
     colors: {
       'primary': staticPrimaryColor,
       'on-primary': '#fff',
-      'primary-darken-1': '#675DD8',
+      'primary-darken-1': staticPrimaryDarkenColor,
       'secondary': '#808390',
       'on-secondary': '#fff',
       'secondary-darken-1': '#737682',