diff --git a/src/features/flights-map/components/FlightsMapStartPage.scss b/src/features/flights-map/components/FlightsMapStartPage.scss
index 73e716fe..e48c85bd 100644
--- a/src/features/flights-map/components/FlightsMapStartPage.scss
+++ b/src/features/flights-map/components/FlightsMapStartPage.scss
@@ -187,7 +187,7 @@
   &__title {
     font-size: 18px;
     font-weight: 600;
-    color: #222;
+    color: colors.$text-color;
     margin: 0 0 vars.$space-s;
   }
 
diff --git a/src/features/online-board/components/FlightSchedule/FlightSchedule.scss b/src/features/online-board/components/FlightSchedule/FlightSchedule.scss
index c3f21bd9..f9479a25 100644
--- a/src/features/online-board/components/FlightSchedule/FlightSchedule.scss
+++ b/src/features/online-board/components/FlightSchedule/FlightSchedule.scss
@@ -1,3 +1,5 @@
+@use "../../../../styles/colors" as colors;
+
 .flight-schedule {
   background: #fff;
   border-radius: 8px;
@@ -26,7 +28,7 @@
 
   &__chevron {
     font-size: 12px;
-    color: #222;
+    color: colors.$text-color;
   }
 
   &__content {
diff --git a/src/features/online-board/components/FlightsMiniList/FlightsMiniList.scss b/src/features/online-board/components/FlightsMiniList/FlightsMiniList.scss
index c582a884..68e125bb 100644
--- a/src/features/online-board/components/FlightsMiniList/FlightsMiniList.scss
+++ b/src/features/online-board/components/FlightsMiniList/FlightsMiniList.scss
@@ -111,7 +111,7 @@
 
   &__city {
     font-size: 12px;
-    color: #222;
+    color: colors.$text-color;
   }
 
   &__airport {
diff --git a/src/features/online-board/components/OnlineBoardDetailsPage.scss b/src/features/online-board/components/OnlineBoardDetailsPage.scss
index 6e73959d..9e6427c1 100644
--- a/src/features/online-board/components/OnlineBoardDetailsPage.scss
+++ b/src/features/online-board/components/OnlineBoardDetailsPage.scss
@@ -150,7 +150,7 @@
 
   &__progress-value {
     font-weight: 600;
-    color: #222;
+    color: colors.$text-color;
   }
 
   &__plane-marker {
@@ -381,7 +381,7 @@
 
   &__time-value {
     font-weight: 600;
-    color: #222;
+    color: colors.$text-color;
   }
 
   &__time-offset {
@@ -419,7 +419,7 @@
     padding: vars.$space-xl vars.$space-xl vars.$space-s;
     font-size: 18px;
     font-weight: 600;
-    color: #222;
+    color: colors.$text-color;
     border-top: 1px solid #eee;
     margin-top: vars.$space-m;
   }
diff --git a/src/features/schedule/components/ScheduleStartPage.scss b/src/features/schedule/components/ScheduleStartPage.scss
index 845a71ed..c458b20d 100644
--- a/src/features/schedule/components/ScheduleStartPage.scss
+++ b/src/features/schedule/components/ScheduleStartPage.scss
@@ -143,7 +143,7 @@
       margin-bottom: 0;
       cursor: pointer;
       font-size: 14px;
-      color: #222;
+      color: colors.$text-color;
     }
 
     input[type="checkbox"] {
diff --git a/src/ui/calendar/DayQuickPick.scss b/src/ui/calendar/DayQuickPick.scss
index 0da37b29..5d3ab07e 100644
--- a/src/ui/calendar/DayQuickPick.scss
+++ b/src/ui/calendar/DayQuickPick.scss
@@ -21,7 +21,7 @@
     background: colors.$white;
     border: 1px solid colors.$border;
     border-radius: 4px;
-    color: #222;
+    color: colors.$text-color;
     cursor: pointer;
     font: inherit;
     transition: border-color 150ms, background-color 150ms;
diff --git a/src/ui/city-autocomplete/CityAutocomplete.scss b/src/ui/city-autocomplete/CityAutocomplete.scss
index c887a5fd..aef52898 100644
--- a/src/ui/city-autocomplete/CityAutocomplete.scss
+++ b/src/ui/city-autocomplete/CityAutocomplete.scss
@@ -106,7 +106,7 @@
   .city {
     white-space: nowrap;
     font-weight: 700;
-    color: #222;
+    color: colors.$text-color;
   }
 
   .country {
diff --git a/src/ui/flights/FlightCard.scss b/src/ui/flights/FlightCard.scss
index 249f9163..431fd113 100644
--- a/src/ui/flights/FlightCard.scss
+++ b/src/ui/flights/FlightCard.scss
@@ -56,7 +56,7 @@
 
   &__number {
     font-weight: fonts.$font-medium;
-    color: #222;
+    color: colors.$text-color;
     font-size: 14px;
   }
 
@@ -183,7 +183,7 @@
 
   &__detail-value {
     font-weight: 500;
-    color: #222;
+    color: colors.$text-color;
     font-size: 14px;
   }
 
@@ -191,7 +191,7 @@
     display: inline-flex;
     align-items: center;
     gap: 6px;
-    color: #222;
+    color: colors.$text-color;
 
     // Angular shows a leading dot whose colour matches the boarding state.
     // Default is grey ('Уточняется' / 'Запланирован'); active states get
diff --git a/src/ui/flights/FlightStatus.scss b/src/ui/flights/FlightStatus.scss
index 4d417b44..c20fa9c9 100644
--- a/src/ui/flights/FlightStatus.scss
+++ b/src/ui/flights/FlightStatus.scss
@@ -19,7 +19,7 @@
 
   &__label {
     font-size: 12px;
-    color: #222;
+    color: colors.$text-color;
     text-align: center;
     white-space: nowrap;
   }
diff --git a/src/ui/flights/StationDisplay.scss b/src/ui/flights/StationDisplay.scss
index c2bbda7b..bf2539fc 100644
--- a/src/ui/flights/StationDisplay.scss
+++ b/src/ui/flights/StationDisplay.scss
@@ -12,7 +12,7 @@
     &--bold {
       font-size: 14px;
       font-weight: 500;
-      color: #222;
+      color: colors.$text-color;
       line-height: 1.25;
     }
   }