fix: render ugreen_logo correctly using template mode on green bg
The ugreen_logo.png is a black outline on transparent background. Rendering it as .template (white) over UGREEN brand green (#1FA462) makes it visible and on-brand on all three screens: - LoginView: 90pt logo below kisani. wordmark - ConnectView: 72pt logo replaces old Kisani title - BackupView toolbar: 22pt chip with matching treatment Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -81,11 +81,17 @@ struct BackupView: View {
|
||||
|
||||
private var logoChip: some View {
|
||||
HStack(spacing: 6) {
|
||||
Image("ugreen_logo")
|
||||
.resizable()
|
||||
.scaledToFit()
|
||||
.frame(width: 22, height: 22)
|
||||
.clipShape(RoundedRectangle(cornerRadius: 5, style: .continuous))
|
||||
ZStack {
|
||||
RoundedRectangle(cornerRadius: 6, style: .continuous)
|
||||
.fill(Color(red: 0.12, green: 0.64, blue: 0.38))
|
||||
.frame(width: 22, height: 22)
|
||||
Image("ugreen_logo")
|
||||
.resizable()
|
||||
.renderingMode(.template)
|
||||
.scaledToFit()
|
||||
.frame(width: 15, height: 15)
|
||||
.foregroundStyle(.white)
|
||||
}
|
||||
Text("kisani.")
|
||||
.font(.system(size: 13, weight: .medium, design: .monospaced))
|
||||
.foregroundStyle(AppTheme.inkSecondary)
|
||||
|
||||
Reference in New Issue
Block a user