From 4e8934f0c9fd066272ce35a221962f1dc05513c4 Mon Sep 17 00:00:00 2001
From: gnezim <gnezim@gmail.com>
Date: Mon, 20 Apr 2026 16:38:25 +0300
Subject: [PATCH] =?UTF-8?q?OnlineBoardDetailsPage=20cancelled=20bar:=20der?=
 =?UTF-8?q?ive=20light=20red=20from=20$red=20token=20(#fbd4d4=20=E2=86=92?=
 =?UTF-8?q?=20rgba($red,=200.2))?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../online-board/components/OnlineBoardDetailsPage.scss      | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/features/online-board/components/OnlineBoardDetailsPage.scss b/src/features/online-board/components/OnlineBoardDetailsPage.scss
index 5b604689..1623b19f 100644
--- a/src/features/online-board/components/OnlineBoardDetailsPage.scss
+++ b/src/features/online-board/components/OnlineBoardDetailsPage.scss
@@ -121,7 +121,10 @@
 
   &__center--cancelled {
     .leg-route__status-text { color: colors.$red; }
-    .leg-route__bar { background: #fbd4d4; }
+    // Light tint of $red (C8102E) for the track — derived from the
+    // brand token rather than a one-off hex so palette refactors keep
+    // the cancelled bar in step with the other red accents.
+    .leg-route__bar { background: rgba(colors.$red, 0.2); }
     .leg-route__bar-inner { background: colors.$red; }
   }