diff --git a/src/features/online-board/components/details-panels/FlightDetailsAccordion.scss b/src/features/online-board/components/details-panels/FlightDetailsAccordion.scss index df3e3d1d..ec1de077 100644 --- a/src/features/online-board/components/details-panels/FlightDetailsAccordion.scss +++ b/src/features/online-board/components/details-panels/FlightDetailsAccordion.scss @@ -118,7 +118,7 @@ font-weight: 500; &--scheduled { - color: #8a8a8a; + color: colors.$light-gray; } &--inprogress, @@ -135,7 +135,7 @@ } &--specified { - color: #8a8a8a; + color: colors.$light-gray; } } diff --git a/src/ui/flights/FlightCard.scss b/src/ui/flights/FlightCard.scss index 108dd86d..a45a4230 100644 --- a/src/ui/flights/FlightCard.scss +++ b/src/ui/flights/FlightCard.scss @@ -204,8 +204,10 @@ &--finished .flight-card__status-dot { background: colors.$green; } &--inprogress .flight-card__status-dot { background: colors.$blue; } &--expected .flight-card__status-dot { background: colors.$orange; } - &--specified .flight-card__status-dot { background: #8a8a8a; } - &--scheduled .flight-card__status-dot { background: #8a8a8a; } + // `Уточняется` / `Запланирован` — Angular renders these as neutral + // grey dots via the brand's $light-gray token. + &--specified .flight-card__status-dot { background: colors.$light-gray; } + &--scheduled .flight-card__status-dot { background: colors.$light-gray; } } &__status-dot { @@ -213,7 +215,7 @@ width: 8px; height: 8px; border-radius: 50%; - background: #8a8a8a; + background: colors.$light-gray; flex-shrink: 0; }