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:
Robin Kutesa
2026-05-16 18:59:36 +03:00
parent a40ec86362
commit b46fc20975
3 changed files with 57 additions and 44 deletions

View File

@@ -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)