diff --git a/apple/OmnivoreKit/Sources/App/Views/WebReader/WebReaderContainer.swift b/apple/OmnivoreKit/Sources/App/Views/WebReader/WebReaderContainer.swift index e790dfed2..a81f5de1f 100644 --- a/apple/OmnivoreKit/Sources/App/Views/WebReader/WebReaderContainer.swift +++ b/apple/OmnivoreKit/Sources/App/Views/WebReader/WebReaderContainer.swift @@ -353,7 +353,7 @@ struct WebReaderContainerView: View { if showBottomBar { bottomButtons .frame(height: 48) - .background(Color.isDarkMode ? Color(red: 44 / 255.0, green: 44 / 255.0, blue: 46 / 255.0) : Color.white) + .background(Color.webControlButtonBackground) .cornerRadius(6) .padding(.bottom, 34) .shadow(color: .gray.opacity(0.13), radius: 8, x: 0, y: 4) diff --git a/apple/OmnivoreKit/Sources/Views/Colors/Colors.swift b/apple/OmnivoreKit/Sources/Views/Colors/Colors.swift index 4f8c60afa..a7aaa4f53 100644 --- a/apple/OmnivoreKit/Sources/Views/Colors/Colors.swift +++ b/apple/OmnivoreKit/Sources/Views/Colors/Colors.swift @@ -19,6 +19,7 @@ public extension Color { static var appTextDefault: Color { Color("_utilityTextDefault", bundle: .module) } static var appPrimaryBackground: Color { Color("_appPrimaryBackground", bundle: .module) } static var checkmarkBlue: Color { Color("_checkmarkBlue", bundle: .module) } + static var webControlButtonBackground: Color { Color("_webControlButtonBackground", bundle: .module) } // Apple system UIColor equivalents #if os(iOS) diff --git a/apple/OmnivoreKit/Sources/Views/Colors/Colors.xcassets/_webControlButtonBackground.colorset/Contents.json b/apple/OmnivoreKit/Sources/Views/Colors/Colors.xcassets/_webControlButtonBackground.colorset/Contents.json new file mode 100644 index 000000000..075a6992e --- /dev/null +++ b/apple/OmnivoreKit/Sources/Views/Colors/Colors.xcassets/_webControlButtonBackground.colorset/Contents.json @@ -0,0 +1,38 @@ +{ + "colors" : [ + { + "color" : { + "color-space" : "srgb", + "components" : { + "alpha" : "1.000", + "blue" : "1.000", + "green" : "1.000", + "red" : "1.000" + } + }, + "idiom" : "universal" + }, + { + "appearances" : [ + { + "appearance" : "luminosity", + "value" : "dark" + } + ], + "color" : { + "color-space" : "srgb", + "components" : { + "alpha" : "1.000", + "blue" : "46", + "green" : "44", + "red" : "44" + } + }, + "idiom" : "universal" + } + ], + "info" : { + "author" : "xcode", + "version" : 1 + } +}