feat: adjust gray color for better visibility of selected trees

technologiestiftung · May 3, 2024 · 87c72f9 · 87c72f9
1 parent 8d12218
commit 87c72f9
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/components/map/hooks/use-map-constants.tsx b/src/components/map/hooks/use-map-constants.tsx
@@ -12,7 +12,7 @@ export function useMapConstants() {
 	);
 	const TREE_DEFAULT_COLOR = fullConfig.theme.colors["gdk-neon-green"];
 
-	const TREE_GRAY_COLOR = fullConfig.theme.colors["gdk-light-gray"];
+	const TREE_GRAY_COLOR = fullConfig.theme.colors["gdk-tree-gray"];
 	const TREE_YELLOW_COLOR = fullConfig.theme.colors["gdk-tree-yellow"];
 	const TREE_ORANGE_COLOR = fullConfig.theme.colors["gdk-tree-orange"];
 

diff --git a/src/components/map/hooks/use-tree-circle-style.tsx b/src/components/map/hooks/use-tree-circle-style.tsx
@@ -29,9 +29,9 @@ export function useTreeCircleStyle() {
 		["linear"],
 		["zoom"],
 		10,
-		0.5,
-		20,
 		0.7,
+		20,
+		0.5,
 	] as Expression;
 
 	const circleStrokeColor = [

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -32,7 +32,7 @@ export default {
 				"gdk-neon-green": "#3DF99A",
 				"gdk-tree-orange": "#FD9531",
 				"gdk-tree-yellow": "#FDE725",
-				"gdk-tree-gray": "#9E9FA0",
+				"gdk-tree-gray": "#CBCBCB",
 				"gdk-bar-blue": "#5695F4",
 			},
 			blur: {