From 5b1ba2c46a201bce2cf34dcbf7a85c1b294d43f3 Mon Sep 17 00:00:00 2001
From: Nicolas Merget <104347736+nmerget@users.noreply.github.com>
Date: Thu, 19 Dec 2024 12:44:20 +0100
Subject: [PATCH] docs(color): usage decision tree (#3611)

* docs: adds decision tree for color usage

* fix: replaces hex stroke color by css var

---------

Co-authored-by: brunoschadeck <bruno.schadeck@deutschebahn.com>
---
 .../patternhub/pages/foundations/colors/color-usage-guide.tsx   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/showcases/patternhub/pages/foundations/colors/color-usage-guide.tsx b/showcases/patternhub/pages/foundations/colors/color-usage-guide.tsx
index 7cd7bc5b7d9..8edf7f2f2d4 100644
--- a/showcases/patternhub/pages/foundations/colors/color-usage-guide.tsx
+++ b/showcases/patternhub/pages/foundations/colors/color-usage-guide.tsx
@@ -20,7 +20,7 @@ const ColorUsageGuide = () => {
 			</p>
 			<DBSection>
 				<ArcherContainer
-					strokeColor="#c3c7cc"
+					strokeColor="var(--db-current-color-border)"
 					endMarker={true}
 					endShape={{ arrow: { arrowLength: 5, arrowThickness: 5 } }}>
 					<div className="decision-tree" data-density="functional">