use the accent color as teh tab header color

change font sizes
This commit is contained in:
neon443
2025-07-04 12:44:31 +01:00
parent a611154c3d
commit 70f11579c5

View File

@@ -17,7 +17,6 @@ struct ShellTabView: View {
@Environment(\.dismiss) var dismiss @Environment(\.dismiss) var dismiss
var foreground: Color { hostsManager.selectedTheme.foreground.suiColor } var foreground: Color { hostsManager.selectedTheme.foreground.suiColor }
var ansi7: Color { hostsManager.selectedTheme.ansi[6].suiColor.opacity(0.7) }
var background: Color { hostsManager.selectedTheme.background.suiColor } var background: Color { hostsManager.selectedTheme.background.suiColor }
var body: some View { var body: some View {
@@ -49,7 +48,7 @@ struct ShellTabView: View {
} }
.padding(.horizontal, 10) .padding(.horizontal, 10)
.padding(.bottom, 10) .padding(.bottom, 10)
.background(ansi7, ignoresSafeAreaEdges: .all) .background(Color.accentColor, ignoresSafeAreaEdges: .all)
.frame(height: 30) .frame(height: 30)
HStack(alignment: .center, spacing: 0) { HStack(alignment: .center, spacing: 0) {
@@ -59,7 +58,7 @@ struct ShellTabView: View {
let selected: Bool = selectedID == id let selected: Bool = selectedID == id
ZStack { ZStack {
Rectangle() Rectangle()
.fill(selected ? ansi7 : background) .fill(selected ? .accentColor : background)
HStack { HStack {
Spacer() Spacer()
VStack { VStack {
@@ -68,13 +67,14 @@ struct ShellTabView: View {
.monospaced() .monospaced()
.foregroundStyle(foreground) .foregroundStyle(foreground)
.opacity(0.7) .opacity(0.7)
.font(.caption) .font(.callout)
} }
Text(container.sessions[id]!.handler.host.description) Text(container.sessions[id]!.handler.host.description)
.foregroundStyle(foreground) .foregroundStyle(foreground)
.opacity(selected ? 1 : 0.7) .opacity(selected ? 1 : 0.7)
.monospaced() .monospaced()
.bold(selected) .bold(selected)
.font(.caption)
} }
Spacer() Spacer()
} }