diff --git a/apple/OmnivoreKit/Sources/Views/Colors/Colors.swift b/apple/OmnivoreKit/Sources/Views/Colors/Colors.swift index 79a97b8df..cd768e3a4 100644 --- a/apple/OmnivoreKit/Sources/Views/Colors/Colors.swift +++ b/apple/OmnivoreKit/Sources/Views/Colors/Colors.swift @@ -48,6 +48,9 @@ public extension Color { static var thFeatureSeparator: Color { Color("featureSeparator", bundle: .module) } + static var thFallbackImageForeground: Color { Color("thFallbackImageForeground", bundle: .module) } + static var thFallbackImageBackground: Color { Color("thFallbackImageBackground", bundle: .module) } + static var circleButtonBackground: Color { Color("_circleButtonBackground", bundle: .module) } static var circleButtonForeground: Color { Color("_circleButtonForeground", bundle: .module) } static var extensionBackground: Color { Color("_extensionBackground", bundle: .module) } diff --git a/apple/OmnivoreKit/Sources/Views/Colors/ThemeColors.xcassets/thFallbackImageBackground.colorset/Contents.json b/apple/OmnivoreKit/Sources/Views/Colors/ThemeColors.xcassets/thFallbackImageBackground.colorset/Contents.json new file mode 100644 index 000000000..bb8146518 --- /dev/null +++ b/apple/OmnivoreKit/Sources/Views/Colors/ThemeColors.xcassets/thFallbackImageBackground.colorset/Contents.json @@ -0,0 +1,38 @@ +{ + "colors" : [ + { + "color" : { + "color-space" : "srgb", + "components" : { + "alpha" : "1.000", + "blue" : "0xED", + "green" : "0xED", + "red" : "0xED" + } + }, + "idiom" : "universal" + }, + { + "appearances" : [ + { + "appearance" : "luminosity", + "value" : "dark" + } + ], + "color" : { + "color-space" : "srgb", + "components" : { + "alpha" : "1.000", + "blue" : "0x3C", + "green" : "0x3C", + "red" : "0x3C" + } + }, + "idiom" : "universal" + } + ], + "info" : { + "author" : "xcode", + "version" : 1 + } +} diff --git a/apple/OmnivoreKit/Sources/Views/Colors/ThemeColors.xcassets/thFallbackImageForeground.colorset/Contents.json b/apple/OmnivoreKit/Sources/Views/Colors/ThemeColors.xcassets/thFallbackImageForeground.colorset/Contents.json new file mode 100644 index 000000000..69f05fa6f --- /dev/null +++ b/apple/OmnivoreKit/Sources/Views/Colors/ThemeColors.xcassets/thFallbackImageForeground.colorset/Contents.json @@ -0,0 +1,38 @@ +{ + "colors" : [ + { + "color" : { + "color-space" : "srgb", + "components" : { + "alpha" : "1.000", + "blue" : "0x2A", + "green" : "0x2A", + "red" : "0x2A" + } + }, + "idiom" : "universal" + }, + { + "appearances" : [ + { + "appearance" : "luminosity", + "value" : "dark" + } + ], + "color" : { + "color-space" : "srgb", + "components" : { + "alpha" : "1.000", + "blue" : "0xFF", + "green" : "0xFF", + "red" : "0xFE" + } + }, + "idiom" : "universal" + } + ], + "info" : { + "author" : "xcode", + "version" : 1 + } +} diff --git a/apple/OmnivoreKit/Sources/Views/FeedItem/GridCard.swift b/apple/OmnivoreKit/Sources/Views/FeedItem/GridCard.swift index c45a7b31e..541e6a758 100644 --- a/apple/OmnivoreKit/Sources/Views/FeedItem/GridCard.swift +++ b/apple/OmnivoreKit/Sources/Views/FeedItem/GridCard.swift @@ -123,10 +123,10 @@ public struct GridCard: View { .multilineTextAlignment(.leading) .lineLimit(2) .padding(10) - .foregroundColor(Color.themeMiddleGray) + .foregroundColor(Color.thFallbackImageForeground) } .frame(maxWidth: .infinity, maxHeight: .infinity) - .background(Color.thLightWhiteGrey) + .background(Color.thFallbackImageBackground) .frame(width: geo.size.width, height: geo.size.height) } } diff --git a/apple/OmnivoreKit/Sources/Views/FeedItem/LibraryFeatureCard.swift b/apple/OmnivoreKit/Sources/Views/FeedItem/LibraryFeatureCard.swift index 4f8d6832e..091bf422e 100644 --- a/apple/OmnivoreKit/Sources/Views/FeedItem/LibraryFeatureCard.swift +++ b/apple/OmnivoreKit/Sources/Views/FeedItem/LibraryFeatureCard.swift @@ -81,10 +81,10 @@ public struct LibraryFeatureCard: View { .multilineTextAlignment(.leading) .lineLimit(2) .padding(10) - .foregroundColor(Color.themeMiddleGray) + .foregroundColor(Color.thFallbackImageForeground) } .frame(maxWidth: .infinity, maxHeight: .infinity) - .background(Color.thLightWhiteGrey) + .background(Color.thFallbackImageBackground) .frame(width: 146, height: 90) }