fix(theme): remove blue hue from monochrome dark mode

Replace Tailwind CSS gray palette colors (which have blue tint) with
pure grayscale values (R=G=B) for the monochrome theme.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Trey t
2026-01-10 17:44:33 -06:00
parent 5ed4e309bd
commit e8e47e0e2e

View File

@@ -40,7 +40,7 @@ enum AppTheme: String, CaseIterable, Identifiable {
case .orbit: return [Color(hex: "EB6E1F"), Color(hex: "002D62"), Color(hex: "FFFFFF")] case .orbit: return [Color(hex: "EB6E1F"), Color(hex: "002D62"), Color(hex: "FFFFFF")]
case .retro: return [Color(hex: "418FDE"), Color(hex: "C41E3A"), Color(hex: "FFFFFF")] case .retro: return [Color(hex: "418FDE"), Color(hex: "C41E3A"), Color(hex: "FFFFFF")]
case .clutch: return [Color(hex: "CE1141"), Color(hex: "FDB927"), Color(hex: "041E42")] case .clutch: return [Color(hex: "CE1141"), Color(hex: "FDB927"), Color(hex: "041E42")]
case .monochrome: return [Color(hex: "6B7280"), Color(hex: "1F2937"), Color(hex: "F9FAFB")] case .monochrome: return [Color(hex: "808080"), Color(hex: "1A1A1A"), Color(hex: "FAFAFA")]
case .sunset: return [Color(hex: "F97316"), Color(hex: "7C3AED"), Color(hex: "EC4899")] case .sunset: return [Color(hex: "F97316"), Color(hex: "7C3AED"), Color(hex: "EC4899")]
case .midnight: return [Color(hex: "3B82F6"), Color(hex: "1E3A5F"), Color(hex: "F59E0B")] case .midnight: return [Color(hex: "3B82F6"), Color(hex: "1E3A5F"), Color(hex: "F59E0B")]
} }
@@ -83,7 +83,7 @@ enum Theme {
case .orbit: return Color(hex: "EB6E1F") case .orbit: return Color(hex: "EB6E1F")
case .retro: return Color(hex: "418FDE") case .retro: return Color(hex: "418FDE")
case .clutch: return Color(hex: "CE1141") case .clutch: return Color(hex: "CE1141")
case .monochrome: return Color(hex: "6B7280") case .monochrome: return Color(hex: "808080")
case .sunset: return Color(hex: "F97316") case .sunset: return Color(hex: "F97316")
case .midnight: return Color(hex: "3B82F6") case .midnight: return Color(hex: "3B82F6")
} }
@@ -101,7 +101,7 @@ enum Theme {
case .orbit: return Color(hex: "002D62") case .orbit: return Color(hex: "002D62")
case .retro: return Color(hex: "C41E3A") case .retro: return Color(hex: "C41E3A")
case .clutch: return Color(hex: "FDB927") case .clutch: return Color(hex: "FDB927")
case .monochrome: return Color(hex: "9CA3AF") case .monochrome: return Color(hex: "A0A0A0")
case .sunset: return Color(hex: "7C3AED") case .sunset: return Color(hex: "7C3AED")
case .midnight: return Color(hex: "F59E0B") case .midnight: return Color(hex: "F59E0B")
} }
@@ -113,7 +113,7 @@ enum Theme {
case .orbit: return Color(hex: "EB6E1F") case .orbit: return Color(hex: "EB6E1F")
case .retro: return Color(hex: "418FDE") case .retro: return Color(hex: "418FDE")
case .clutch: return Color(hex: "CE1141") case .clutch: return Color(hex: "CE1141")
case .monochrome: return Color(hex: "4B5563") case .monochrome: return Color(hex: "505050")
case .sunset: return Color(hex: "EC4899") case .sunset: return Color(hex: "EC4899")
case .midnight: return Color(hex: "60A5FA") case .midnight: return Color(hex: "60A5FA")
} }
@@ -138,7 +138,7 @@ enum Theme {
case .orbit: return Color(hex: "002D62") case .orbit: return Color(hex: "002D62")
case .retro: return Color(hex: "1A3A5C") case .retro: return Color(hex: "1A3A5C")
case .clutch: return Color(hex: "041E42") case .clutch: return Color(hex: "041E42")
case .monochrome: return Color(hex: "111827") case .monochrome: return Color(hex: "121212")
case .sunset: return Color(hex: "1F1033") case .sunset: return Color(hex: "1F1033")
case .midnight: return Color(hex: "0F172A") case .midnight: return Color(hex: "0F172A")
} }
@@ -150,7 +150,7 @@ enum Theme {
case .orbit: return Color(hex: "001A3A") case .orbit: return Color(hex: "001A3A")
case .retro: return Color(hex: "0F2840") case .retro: return Color(hex: "0F2840")
case .clutch: return Color(hex: "020E1F") case .clutch: return Color(hex: "020E1F")
case .monochrome: return Color(hex: "0D1117") case .monochrome: return Color(hex: "0A0A0A")
case .sunset: return Color(hex: "150A24") case .sunset: return Color(hex: "150A24")
case .midnight: return Color(hex: "020617") case .midnight: return Color(hex: "020617")
} }
@@ -162,7 +162,7 @@ enum Theme {
case .orbit: return Color(hex: "0A3A6E") case .orbit: return Color(hex: "0A3A6E")
case .retro: return Color(hex: "234B6E") case .retro: return Color(hex: "234B6E")
case .clutch: return Color(hex: "0A2847") case .clutch: return Color(hex: "0A2847")
case .monochrome: return Color(hex: "1F2937") case .monochrome: return Color(hex: "1C1C1C")
case .sunset: return Color(hex: "2D1B4E") case .sunset: return Color(hex: "2D1B4E")
case .midnight: return Color(hex: "1E3A5F") case .midnight: return Color(hex: "1E3A5F")
} }
@@ -174,7 +174,7 @@ enum Theme {
case .orbit: return Color(hex: "154A7E") case .orbit: return Color(hex: "154A7E")
case .retro: return Color(hex: "2E5A7E") case .retro: return Color(hex: "2E5A7E")
case .clutch: return Color(hex: "153557") case .clutch: return Color(hex: "153557")
case .monochrome: return Color(hex: "374151") case .monochrome: return Color(hex: "2A2A2A")
case .sunset: return Color(hex: "3D2B5E") case .sunset: return Color(hex: "3D2B5E")
case .midnight: return Color(hex: "2A4A6F") case .midnight: return Color(hex: "2A4A6F")
} }
@@ -190,7 +190,7 @@ enum Theme {
case .orbit: return Color(hex: "FFFFFF") case .orbit: return Color(hex: "FFFFFF")
case .retro: return Color(hex: "FFFFFF") case .retro: return Color(hex: "FFFFFF")
case .clutch: return Color(hex: "FFFFFF") case .clutch: return Color(hex: "FFFFFF")
case .monochrome: return Color(hex: "F9FAFB") case .monochrome: return Color(hex: "FAFAFA")
case .sunset: return Color(hex: "FFF7ED") case .sunset: return Color(hex: "FFF7ED")
case .midnight: return Color(hex: "F8FAFC") case .midnight: return Color(hex: "F8FAFC")
} }
@@ -202,7 +202,7 @@ enum Theme {
case .orbit: return Color(hex: "FFB380") case .orbit: return Color(hex: "FFB380")
case .retro: return Color(hex: "A8C8E8") case .retro: return Color(hex: "A8C8E8")
case .clutch: return Color(hex: "FFD080") case .clutch: return Color(hex: "FFD080")
case .monochrome: return Color(hex: "D1D5DB") case .monochrome: return Color(hex: "D0D0D0")
case .sunset: return Color(hex: "FED7AA") case .sunset: return Color(hex: "FED7AA")
case .midnight: return Color(hex: "93C5FD") case .midnight: return Color(hex: "93C5FD")
} }
@@ -214,7 +214,7 @@ enum Theme {
case .orbit: return Color(hex: "8090A0") case .orbit: return Color(hex: "8090A0")
case .retro: return Color(hex: "7898B8") case .retro: return Color(hex: "7898B8")
case .clutch: return Color(hex: "8898A8") case .clutch: return Color(hex: "8898A8")
case .monochrome: return Color(hex: "6B7280") case .monochrome: return Color(hex: "707070")
case .sunset: return Color(hex: "9D8AA8") case .sunset: return Color(hex: "9D8AA8")
case .midnight: return Color(hex: "64748B") case .midnight: return Color(hex: "64748B")
} }
@@ -228,7 +228,7 @@ enum Theme {
case .orbit: return Color(hex: "FFF8F5") case .orbit: return Color(hex: "FFF8F5")
case .retro: return Color(hex: "F5F9FF") case .retro: return Color(hex: "F5F9FF")
case .clutch: return Color(hex: "FFFAF5") case .clutch: return Color(hex: "FFFAF5")
case .monochrome: return Color(hex: "F9FAFB") case .monochrome: return Color(hex: "FAFAFA")
case .sunset: return Color(hex: "FFFBF5") case .sunset: return Color(hex: "FFFBF5")
case .midnight: return Color(hex: "F8FAFC") case .midnight: return Color(hex: "F8FAFC")
} }
@@ -240,7 +240,7 @@ enum Theme {
case .orbit: return Color(hex: "FFF0E8") case .orbit: return Color(hex: "FFF0E8")
case .retro: return Color(hex: "E8F0FF") case .retro: return Color(hex: "E8F0FF")
case .clutch: return Color(hex: "FFF0E8") case .clutch: return Color(hex: "FFF0E8")
case .monochrome: return Color(hex: "F3F4F6") case .monochrome: return Color(hex: "F0F0F0")
case .sunset: return Color(hex: "FFF3E8") case .sunset: return Color(hex: "FFF3E8")
case .midnight: return Color(hex: "EFF6FF") case .midnight: return Color(hex: "EFF6FF")
} }
@@ -260,7 +260,7 @@ enum Theme {
case .orbit: return Color(hex: "002D62") case .orbit: return Color(hex: "002D62")
case .retro: return Color(hex: "1A3A5C") case .retro: return Color(hex: "1A3A5C")
case .clutch: return Color(hex: "041E42") case .clutch: return Color(hex: "041E42")
case .monochrome: return Color(hex: "111827") case .monochrome: return Color(hex: "1A1A1A")
case .sunset: return Color(hex: "431407") case .sunset: return Color(hex: "431407")
case .midnight: return Color(hex: "1E3A5F") case .midnight: return Color(hex: "1E3A5F")
} }
@@ -272,7 +272,7 @@ enum Theme {
case .orbit: return Color(hex: "1A4A7A") case .orbit: return Color(hex: "1A4A7A")
case .retro: return Color(hex: "2A5A7C") case .retro: return Color(hex: "2A5A7C")
case .clutch: return Color(hex: "1A3A5A") case .clutch: return Color(hex: "1A3A5A")
case .monochrome: return Color(hex: "374151") case .monochrome: return Color(hex: "404040")
case .sunset: return Color(hex: "7C2D12") case .sunset: return Color(hex: "7C2D12")
case .midnight: return Color(hex: "2A4A6F") case .midnight: return Color(hex: "2A4A6F")
} }
@@ -284,7 +284,7 @@ enum Theme {
case .orbit: return Color(hex: "5A7A9A") case .orbit: return Color(hex: "5A7A9A")
case .retro: return Color(hex: "5A8AAA") case .retro: return Color(hex: "5A8AAA")
case .clutch: return Color(hex: "6A7A8A") case .clutch: return Color(hex: "6A7A8A")
case .monochrome: return Color(hex: "6B7280") case .monochrome: return Color(hex: "707070")
case .sunset: return Color(hex: "9A6A5A") case .sunset: return Color(hex: "9A6A5A")
case .midnight: return Color(hex: "64748B") case .midnight: return Color(hex: "64748B")
} }