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 .retro: return [Color(hex: "418FDE"), Color(hex: "C41E3A"), Color(hex: "FFFFFF")]
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 .midnight: return [Color(hex: "3B82F6"), Color(hex: "1E3A5F"), Color(hex: "F59E0B")]
}
@@ -83,7 +83,7 @@ enum Theme {
case .orbit: return Color(hex: "EB6E1F")
case .retro: return Color(hex: "418FDE")
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 .midnight: return Color(hex: "3B82F6")
}
@@ -101,7 +101,7 @@ enum Theme {
case .orbit: return Color(hex: "002D62")
case .retro: return Color(hex: "C41E3A")
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 .midnight: return Color(hex: "F59E0B")
}
@@ -113,7 +113,7 @@ enum Theme {
case .orbit: return Color(hex: "EB6E1F")
case .retro: return Color(hex: "418FDE")
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 .midnight: return Color(hex: "60A5FA")
}
@@ -138,7 +138,7 @@ enum Theme {
case .orbit: return Color(hex: "002D62")
case .retro: return Color(hex: "1A3A5C")
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 .midnight: return Color(hex: "0F172A")
}
@@ -150,7 +150,7 @@ enum Theme {
case .orbit: return Color(hex: "001A3A")
case .retro: return Color(hex: "0F2840")
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 .midnight: return Color(hex: "020617")
}
@@ -162,7 +162,7 @@ enum Theme {
case .orbit: return Color(hex: "0A3A6E")
case .retro: return Color(hex: "234B6E")
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 .midnight: return Color(hex: "1E3A5F")
}
@@ -174,7 +174,7 @@ enum Theme {
case .orbit: return Color(hex: "154A7E")
case .retro: return Color(hex: "2E5A7E")
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 .midnight: return Color(hex: "2A4A6F")
}
@@ -190,7 +190,7 @@ enum Theme {
case .orbit: return Color(hex: "FFFFFF")
case .retro: 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 .midnight: return Color(hex: "F8FAFC")
}
@@ -202,7 +202,7 @@ enum Theme {
case .orbit: return Color(hex: "FFB380")
case .retro: return Color(hex: "A8C8E8")
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 .midnight: return Color(hex: "93C5FD")
}
@@ -214,7 +214,7 @@ enum Theme {
case .orbit: return Color(hex: "8090A0")
case .retro: return Color(hex: "7898B8")
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 .midnight: return Color(hex: "64748B")
}
@@ -228,7 +228,7 @@ enum Theme {
case .orbit: return Color(hex: "FFF8F5")
case .retro: return Color(hex: "F5F9FF")
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 .midnight: return Color(hex: "F8FAFC")
}
@@ -240,7 +240,7 @@ enum Theme {
case .orbit: return Color(hex: "FFF0E8")
case .retro: return Color(hex: "E8F0FF")
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 .midnight: return Color(hex: "EFF6FF")
}
@@ -260,7 +260,7 @@ enum Theme {
case .orbit: return Color(hex: "002D62")
case .retro: return Color(hex: "1A3A5C")
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 .midnight: return Color(hex: "1E3A5F")
}
@@ -272,7 +272,7 @@ enum Theme {
case .orbit: return Color(hex: "1A4A7A")
case .retro: return Color(hex: "2A5A7C")
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 .midnight: return Color(hex: "2A4A6F")
}
@@ -284,7 +284,7 @@ enum Theme {
case .orbit: return Color(hex: "5A7A9A")
case .retro: return Color(hex: "5A8AAA")
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 .midnight: return Color(hex: "64748B")
}