kutesir/Kisani
1
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects Releases Wiki Activity

fix: internaldrive.fill icon, ink/inkInverse adaptive colors

Browse Source 
Light mode: white disk icon on black bg
Dark mode: black disk icon on white bg
No green — uses AppTheme.ink + AppTheme.inkInverse throughout.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Robin Kutesa
2026-05-16 19:08:43 +03:00
parent 6f7e80023f
commit 6f7d05a6c2
3 changed files with 14 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
Features/Backup/BackupView.swift
View File

@@ -83,11 +83,11 @@ struct BackupView: View {
HStack(spacing: 6) {
ZStack {
RoundedRectangle(cornerRadius: 6, style: .continuous)
.fill(Color(red: 0.12, green: 0.64, blue: 0.38))
.fill(AppTheme.ink)
.frame(width: 22, height: 22)
Image(systemName: "externaldrive.fill")
Image(systemName: "internaldrive.fill")
.font(.system(size: 10, weight: .medium))
.foregroundStyle(.white.opacity(0.92))
.foregroundStyle(AppTheme.inkInverse)
}
Text("kisani.")
.font(.system(size: 13, weight: .medium, design: .monospaced))

13
Features/Connect/ConnectView.swift
View File

@@ -23,18 +23,17 @@ struct ConnectView: View {
.kerning(1.2)
.padding(.top, 44)
// UGREEN logo mark
// NAS logo mark
ZStack {
RoundedRectangle(cornerRadius: 18, style: .continuous)
.fill(Color(red: 0.12, green: 0.64, blue: 0.38))
.fill(AppTheme.ink)
.frame(width: 72, height: 72)
Image(systemName: "externaldrive.fill")
.font(.system(size: 26, weight: .medium))
.foregroundStyle(.white.opacity(0.92))
Image(systemName: "internaldrive.fill")
.font(.system(size: 28, weight: .medium))
.foregroundStyle(AppTheme.inkInverse)
}
.shadow(color: Color(red: 0.12, green: 0.64, blue: 0.38).opacity(0.3),
radius: 12, x: 0, y: 4)
.shadow(color: AppTheme.ink.opacity(0.18), radius: 12, x: 0, y: 4)
// UGreen NAS compatibility badge
UGreenCompatibilityBadge()

13
Features/Login/LoginView.swift
View File

@@ -113,17 +113,14 @@ struct LoginView: View {
private var nasLogoView: some View {
ZStack {
// UGREEN brand green background
RoundedRectangle(cornerRadius: 22, style: .continuous)
.fill(Color(red: 0.12, green: 0.64, blue: 0.38))
.fill(AppTheme.ink)
.frame(width: 90, height: 90)
// NAS icon — white on green
Image(systemName: "externaldrive.fill")
.font(.system(size: 32, weight: .medium))
.foregroundStyle(.white.opacity(0.92))
Image(systemName: "internaldrive.fill")
.font(.system(size: 34, weight: .medium))
.foregroundStyle(AppTheme.inkInverse)
}
.shadow(color: Color(red: 0.12, green: 0.64, blue: 0.38).opacity(0.4),
radius: 16, x: 0, y: 6)
.shadow(color: AppTheme.ink.opacity(0.2), radius: 16, x: 0, y: 6)
}
}