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:
@@ -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")
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user