From 0b928ac8ad7683aa9e50ca4f2b49391c59cbaea6 Mon Sep 17 00:00:00 2001
From: David Dal Busco <david.dalbusco@outlook.com>
Date: Thu, 9 Jan 2025 16:28:06 +0100
Subject: [PATCH] feat: better contrasting theme color for analytics

Signed-off-by: David Dal Busco <david.dalbusco@outlook.com>
---
 .../src/lib/styles/global/colors.scss         | 34 +++++++++----------
 src/frontend/src/lib/types/theme.ts           |  2 +-
 .../routes/(split)/analytics/+layout.svelte   |  2 +-
 3 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/src/frontend/src/lib/styles/global/colors.scss b/src/frontend/src/lib/styles/global/colors.scss
index 6543099e5..1848c9853 100644
--- a/src/frontend/src/lib/styles/global/colors.scss
+++ b/src/frontend/src/lib/styles/global/colors.scss
@@ -246,34 +246,34 @@
 		--color-tertiary-tint: #82b6f4;
 	}
 
-	&[color='rose'] {
-		--color-primary: #f92a82;
-		--color-primary-rgb: 249, 42, 130;
+	&[color='folly-lighter'] {
+		--color-primary: #ff6687;
+		--color-primary-rgb: 255, 102, 135;
 		--color-primary-contrast: #000000;
 		--color-primary-contrast-rgb: 0, 0, 0;
-		--color-primary-shade: #db2572;
-		--color-primary-tint: #fa3f8f;
+		--color-primary-shade: #e05a77;
+		--color-primary-tint: #ff7593;
 
-		--color-primary-opaque: #ffafce;
-		--color-primary-opaque-rgb: 255, 175, 206;
+		--color-primary-opaque: #ffc4d0;
+		--color-primary-opaque-rgb: 255, 196, 208;
 		--color-primary-opaque-contrast: #000000;
 		--color-primary-opaque-contrast-rgb: 0, 0, 0;
-		--color-primary-opaque-shade: #e09ab5;
-		--color-primary-opaque-tint: #ffb7d3;
+		--color-primary-opaque-shade: #e0acb7;
+		--color-primary-opaque-tint: #ffcad5;
 
-		--color-secondary: #82f92a;
-		--color-secondary-rgb: 130, 249, 42;
+		--color-secondary: #87ff66;
+		--color-secondary-rgb: 135, 255, 102;
 		--color-secondary-contrast: #000000;
 		--color-secondary-contrast-rgb: 0, 0, 0;
-		--color-secondary-shade: #72db25;
-		--color-secondary-tint: #8ffa3f;
+		--color-secondary-shade: #77e05a;
+		--color-secondary-tint: #93ff75;
 
-		--color-tertiary: #2a82f9;
-		--color-tertiary-rgb: 42, 130, 249;
+		--color-tertiary: #6687ff;
+		--color-tertiary-rgb: 102, 135, 255;
 		--color-tertiary-contrast: #000000;
 		--color-tertiary-contrast-rgb: 0, 0, 0;
-		--color-tertiary-shade: #2572db;
-		--color-tertiary-tint: #3f8ffa;
+		--color-tertiary-shade: #5a77e0;
+		--color-tertiary-tint: #7593ff;
 	}
 
 	&[color='keppel'] {
diff --git a/src/frontend/src/lib/types/theme.ts b/src/frontend/src/lib/types/theme.ts
index 33a86a933..b5b864151 100644
--- a/src/frontend/src/lib/types/theme.ts
+++ b/src/frontend/src/lib/types/theme.ts
@@ -6,7 +6,7 @@ export enum Color {
 	BABY_PINK = 'baby-pink',
 	SHANDY = 'shandy',
 	HOT_PINK = 'hot-pink',
-	ROSE = 'rose',
+	FOLLY_LIGHTER = 'folly-lighter',
 	KEPPEL = 'keppel',
 	TIFFANY_BLUE = 'tiffany-blue'
 }
diff --git a/src/frontend/src/routes/(split)/analytics/+layout.svelte b/src/frontend/src/routes/(split)/analytics/+layout.svelte
index a600cd02c..9fb06549b 100644
--- a/src/frontend/src/routes/(split)/analytics/+layout.svelte
+++ b/src/frontend/src/routes/(split)/analytics/+layout.svelte
@@ -13,7 +13,7 @@
 	let { children }: Props = $props();
 
 	onMount(() => {
-		applyColor(Color.ROSE);
+		applyColor(Color.FOLLY_LIGHTER);
 
 		layoutNavigation.set({
 			title: $i18n.analytics.title,