Fuel colours: align with wheel palette — Unleaded #30D158, Premium #FFD60A, Diesel #64D2FF

This commit is contained in:
FuelBoard Contributor
2026-08-13 13:09:22 +01:00
parent 3fe2a7f03c
commit 2d070fa3ba
+7 -6
View File
@@ -190,19 +190,20 @@ extension FuelType {
} }
} }
/// Pump-handle colour convention (UK): green = unleaded, purple = premium, /// Fuel colour wheel (user-chosen palette): green = unleaded (#30D158),
/// dark grey = diesel. Used for the fuel-type tab icons and the title icon. /// yellow = premium (#FFD60A), cyan = diesel (#64D2FF). Used for the
/// fuel-type tab icons and the title icon.
var tintColor: Color { var tintColor: Color {
switch self { switch self {
case .e10: return .green case .e10: return Color(red: 48/255.0, green: 209/255.0, blue: 88/255.0) // #30D158
case .e5: return .purple case .e5: return Color(red: 255/255.0, green: 214/255.0, blue: 10/255.0) // #FFD60A
case .diesel: return Color(red: 0.35, green: 0.38, blue: 0.42) case .diesel: return Color(red: 100/255.0, green: 210/255.0, blue: 255/255.0) // #64D2FF
} }
} }
} }
/// Fuel-type selector styled like a segmented control, with a coloured pump /// Fuel-type selector styled like a segmented control, with a coloured pump
/// icon per fuel (green = unleaded, purple = premium, grey = diesel). Built /// icon per fuel (green = unleaded, yellow = premium, cyan = diesel). Built
/// custom because the native `.segmented` picker tints every segment the same /// custom because the native `.segmented` picker tints every segment the same
/// accent colour it can't show per-fuel pump colours. Shared by the Stations /// accent colour it can't show per-fuel pump colours. Shared by the Stations
/// and Favourites tabs. /// and Favourites tabs.