fix: internaldrive.fill icon, ink/inkInverse adaptive colors
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:
@@ -83,11 +83,11 @@ struct BackupView: View {
|
|||||||
HStack(spacing: 6) {
|
HStack(spacing: 6) {
|
||||||
ZStack {
|
ZStack {
|
||||||
RoundedRectangle(cornerRadius: 6, style: .continuous)
|
RoundedRectangle(cornerRadius: 6, style: .continuous)
|
||||||
.fill(Color(red: 0.12, green: 0.64, blue: 0.38))
|
.fill(AppTheme.ink)
|
||||||
.frame(width: 22, height: 22)
|
.frame(width: 22, height: 22)
|
||||||
Image(systemName: "externaldrive.fill")
|
Image(systemName: "internaldrive.fill")
|
||||||
.font(.system(size: 10, weight: .medium))
|
.font(.system(size: 10, weight: .medium))
|
||||||
.foregroundStyle(.white.opacity(0.92))
|
.foregroundStyle(AppTheme.inkInverse)
|
||||||
}
|
}
|
||||||
Text("kisani.")
|
Text("kisani.")
|
||||||
.font(.system(size: 13, weight: .medium, design: .monospaced))
|
.font(.system(size: 13, weight: .medium, design: .monospaced))
|
||||||
|
|||||||
@@ -23,18 +23,17 @@ struct ConnectView: View {
|
|||||||
.kerning(1.2)
|
.kerning(1.2)
|
||||||
.padding(.top, 44)
|
.padding(.top, 44)
|
||||||
|
|
||||||
// UGREEN logo mark
|
// NAS logo mark
|
||||||
ZStack {
|
ZStack {
|
||||||
RoundedRectangle(cornerRadius: 18, style: .continuous)
|
RoundedRectangle(cornerRadius: 18, style: .continuous)
|
||||||
.fill(Color(red: 0.12, green: 0.64, blue: 0.38))
|
.fill(AppTheme.ink)
|
||||||
.frame(width: 72, height: 72)
|
.frame(width: 72, height: 72)
|
||||||
|
|
||||||
Image(systemName: "externaldrive.fill")
|
Image(systemName: "internaldrive.fill")
|
||||||
.font(.system(size: 26, weight: .medium))
|
.font(.system(size: 28, weight: .medium))
|
||||||
.foregroundStyle(.white.opacity(0.92))
|
.foregroundStyle(AppTheme.inkInverse)
|
||||||
}
|
}
|
||||||
.shadow(color: Color(red: 0.12, green: 0.64, blue: 0.38).opacity(0.3),
|
.shadow(color: AppTheme.ink.opacity(0.18), radius: 12, x: 0, y: 4)
|
||||||
radius: 12, x: 0, y: 4)
|
|
||||||
|
|
||||||
// UGreen NAS compatibility badge
|
// UGreen NAS compatibility badge
|
||||||
UGreenCompatibilityBadge()
|
UGreenCompatibilityBadge()
|
||||||
|
|||||||
@@ -113,17 +113,14 @@ struct LoginView: View {
|
|||||||
|
|
||||||
private var nasLogoView: some View {
|
private var nasLogoView: some View {
|
||||||
ZStack {
|
ZStack {
|
||||||
// UGREEN brand green background
|
|
||||||
RoundedRectangle(cornerRadius: 22, style: .continuous)
|
RoundedRectangle(cornerRadius: 22, style: .continuous)
|
||||||
.fill(Color(red: 0.12, green: 0.64, blue: 0.38))
|
.fill(AppTheme.ink)
|
||||||
.frame(width: 90, height: 90)
|
.frame(width: 90, height: 90)
|
||||||
|
|
||||||
// NAS icon — white on green
|
Image(systemName: "internaldrive.fill")
|
||||||
Image(systemName: "externaldrive.fill")
|
.font(.system(size: 34, weight: .medium))
|
||||||
.font(.system(size: 32, weight: .medium))
|
.foregroundStyle(AppTheme.inkInverse)
|
||||||
.foregroundStyle(.white.opacity(0.92))
|
|
||||||
}
|
}
|
||||||
.shadow(color: Color(red: 0.12, green: 0.64, blue: 0.38).opacity(0.4),
|
.shadow(color: AppTheme.ink.opacity(0.2), radius: 16, x: 0, y: 6)
|
||||||
radius: 16, x: 0, y: 6)
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user