diff --git a/src/features/online-board/components/BoardDetailsHeader/BoardDetailsHeader.scss b/src/features/online-board/components/BoardDetailsHeader/BoardDetailsHeader.scss
index 2ea38b1e..1d5ba540 100644
--- a/src/features/online-board/components/BoardDetailsHeader/BoardDetailsHeader.scss
+++ b/src/features/online-board/components/BoardDetailsHeader/BoardDetailsHeader.scss
@@ -11,7 +11,7 @@
   align-items: start;
   gap: 10px 16px;
   padding: 15px 20px;
-  background: #fff;
+  background: colors.$white;
 
   &__badge { grid-column: 1; grid-row: 1; }
 
diff --git a/src/features/online-board/components/DayTabs/DayTabs.scss b/src/features/online-board/components/DayTabs/DayTabs.scss
index f0ef1016..46169477 100644
--- a/src/features/online-board/components/DayTabs/DayTabs.scss
+++ b/src/features/online-board/components/DayTabs/DayTabs.scss
@@ -1,3 +1,5 @@
+@use "../../../../styles/colors" as colors;
+
 // Matches Angular's date-tabs row. Single flat row, 48px tall, 7 tabs per
 // page flanked by 50px carousel arrows. Active tab has white bg + dark
 // text; siblings have light-blue bg + brand link-blue label.
@@ -14,15 +16,15 @@
   height: 48px;
   border-radius: 8px 8px 0 0;
   overflow: hidden;
-  background: #fff;
+  background: colors.$white;
 
   &__arrow {
     width: 50px;
     flex-shrink: 0;
-    background: #fff;
+    background: colors.$white;
     border: none;
     cursor: pointer;
-    color: #657282;
+    color: colors.$light-gray;
     font-size: 20px;
     line-height: 1;
     padding: 0;
@@ -70,9 +72,9 @@
   }
 
   &--active {
-    background: #fff;
-    color: #333;
-    border-bottom-color: #fff;
+    background: colors.$white;
+    color: colors.$text-color;
+    border-bottom-color: colors.$white;
     cursor: default;
   }
 
@@ -87,7 +89,7 @@
 
   @media (max-width: 768px) {
     display: block;
-    background: #fff;
+    background: colors.$white;
     padding: 12px 16px;
     border-radius: 8px;
   }
@@ -95,7 +97,7 @@
   &__caption {
     display: block;
     font-size: 12px;
-    color: #657282;
+    color: colors.$light-gray;
     margin-bottom: 4px;
   }
 }
@@ -108,8 +110,8 @@
     width: 100%;
     padding: 12px;
     border-radius: 8px;
-    background: #fff;
-    border: 1px solid #d0dae5;
+    background: colors.$white;
+    border: 1px solid colors.$border;
     font-size: 14px;
   }
 }
diff --git a/src/features/online-board/components/FlightSchedule/FlightSchedule.scss b/src/features/online-board/components/FlightSchedule/FlightSchedule.scss
index 72b131e3..f323d41d 100644
--- a/src/features/online-board/components/FlightSchedule/FlightSchedule.scss
+++ b/src/features/online-board/components/FlightSchedule/FlightSchedule.scss
@@ -1,7 +1,7 @@
 @use "../../../../styles/colors" as colors;
 
 .flight-schedule {
-  background: #fff;
+  background: colors.$white;
   border-radius: 8px;
   padding: 0 24px;
 
diff --git a/src/features/online-board/components/FlightsMiniList/FlightsMiniList.scss b/src/features/online-board/components/FlightsMiniList/FlightsMiniList.scss
index 91d62c14..e4ec1e3d 100644
--- a/src/features/online-board/components/FlightsMiniList/FlightsMiniList.scss
+++ b/src/features/online-board/components/FlightsMiniList/FlightsMiniList.scss
@@ -6,7 +6,7 @@
   flex-direction: column;
   max-height: calc(100vh - 170px);
   overflow-y: auto;
-  background: #fff;
+  background: colors.$white;
   border-radius: 8px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
 
diff --git a/src/features/online-board/components/OnlineBoardDetailsPage.scss b/src/features/online-board/components/OnlineBoardDetailsPage.scss
index b9e99528..de79901b 100644
--- a/src/features/online-board/components/OnlineBoardDetailsPage.scss
+++ b/src/features/online-board/components/OnlineBoardDetailsPage.scss
@@ -162,7 +162,7 @@
     justify-content: center;
     width: 18px;
     height: 18px;
-    background: #fff;
+    background: colors.$white;
     border-radius: 50%;
     pointer-events: none;
 
diff --git a/src/features/online-board/components/details-panels/FlightDetailsAccordion.scss b/src/features/online-board/components/details-panels/FlightDetailsAccordion.scss
index d0e9b185..e03c26f3 100644
--- a/src/features/online-board/components/details-panels/FlightDetailsAccordion.scss
+++ b/src/features/online-board/components/details-panels/FlightDetailsAccordion.scss
@@ -27,7 +27,7 @@
 
   .p-accordion-content {
     padding: 8px 0 16px;
-    background: #fff;
+    background: colors.$white;
   }
 }