Fuel colours: align with wheel palette — Unleaded #30D158, Premium #FFD60A, Diesel #64D2FF
This commit is contained in:
@@ -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.
|
||||||
|
|||||||
Reference in New Issue
Block a user