fix: use alternateSelectedControlTextColor instead of hardcoded .white in selected rows

Author: datlechin

TablePro/Views/DatabaseSwitcher/DatabaseSwitcherSheet.swift

@@ -264,27 +264,27 @@ struct DatabaseSwitcherSheet: View {
             Image(systemName: database.icon)
                 .font(.system(size: 14))
                 .foregroundStyle(
-                    isSelected ? .white : (database.isSystemDatabase ? Color(nsColor: .systemOrange) : Color(nsColor: .systemBlue)))
+                    isSelected ? Color(nsColor: .alternateSelectedControlTextColor) : (database.isSystemDatabase ? Color(nsColor: .systemOrange) : Color(nsColor: .systemBlue)))
 
             // Name
             Text(database.name)
                 .font(.system(size: 13))
-                .foregroundStyle(isSelected ? .white : .primary)
+                .foregroundStyle(isSelected ? Color(nsColor: .alternateSelectedControlTextColor) : .primary)
 
             Spacer()
 
             // Current badge
             if isCurrent {
                 Text("current")
                     .font(.system(size: 10, weight: .medium))
-                    .foregroundStyle(isSelected ? .white.opacity(0.7) : .secondary)
+                    .foregroundStyle(isSelected ? Color(nsColor: .alternateSelectedControlTextColor).opacity(0.7) : .secondary)
                     .padding(.horizontal, 6)
                     .padding(.vertical, 2)
                     .background(
                         RoundedRectangle(cornerRadius: 4)
                             .fill(
                                 isSelected
-                                    ? Color.white.opacity(0.15)
+                                    ? Color(nsColor: .alternateSelectedControlTextColor).opacity(0.15)
                                     : Color(nsColor: .quaternaryLabelColor))
                     )
             }

TablePro/Views/QuickSwitcher/QuickSwitcherView.swift

@@ -163,31 +163,31 @@ internal struct QuickSwitcherSheet: View {
         return HStack(spacing: 10) {
             Image(systemName: item.iconName)
                 .font(.system(size: ThemeEngine.shared.activeTheme.iconSizes.default))
-                .foregroundStyle(isSelected ? .white : .secondary)
+                .foregroundStyle(isSelected ? Color(nsColor: .alternateSelectedControlTextColor) : .secondary)
 
             Text(item.name)
                 .font(.system(size: ThemeEngine.shared.activeTheme.typography.body))
-                .foregroundStyle(isSelected ? .white : .primary)
+                .foregroundStyle(isSelected ? Color(nsColor: .alternateSelectedControlTextColor) : .primary)
                 .lineLimit(1)
                 .truncationMode(.tail)
 
             if !item.subtitle.isEmpty {
                 Text(item.subtitle)
                     .font(.system(size: ThemeEngine.shared.activeTheme.typography.small))
-                    .foregroundStyle(isSelected ? Color.white.opacity(0.7) : Color.secondary)
+                    .foregroundStyle(isSelected ? Color(nsColor: .alternateSelectedControlTextColor).opacity(0.7) : Color.secondary)
                     .lineLimit(1)
             }
 
             Spacer()
 
             Text(item.kindLabel)
                 .font(.system(size: ThemeEngine.shared.activeTheme.typography.caption, weight: .medium))
-                .foregroundStyle(isSelected ? .white.opacity(0.7) : .secondary)
+                .foregroundStyle(isSelected ? Color(nsColor: .alternateSelectedControlTextColor).opacity(0.7) : .secondary)
                 .padding(.horizontal, 6)
                 .padding(.vertical, 2)
                 .background(
                     RoundedRectangle(cornerRadius: 4)
-                        .fill(isSelected ? Color.white.opacity(0.15) : Color(nsColor: .quaternaryLabelColor))
+                        .fill(isSelected ? Color(nsColor: .alternateSelectedControlTextColor).opacity(0.15) : Color(nsColor: .quaternaryLabelColor))
                 )
         }
         .padding(.vertical, 4)

TablePro/Views/Toolbar/ConnectionSwitcherPopover.swift

@@ -234,19 +234,19 @@ struct ConnectionSwitcherPopover: View {
         HStack(spacing: 8) {
             // Color indicator
             Circle()
-                .fill(isHighlighted ? Color.white : connection.displayColor)
+                .fill(isHighlighted ? Color(nsColor: .alternateSelectedControlTextColor) : connection.displayColor)
                 .frame(width: 8, height: 8)
 
             // Connection info
             VStack(alignment: .leading, spacing: 1) {
                 Text(connection.name)
                     .font(.system(size: 13, weight: isActive ? .semibold : .regular))
-                    .foregroundStyle(isHighlighted ? .white : .primary)
+                    .foregroundStyle(isHighlighted ? Color(nsColor: .alternateSelectedControlTextColor) : .primary)
                     .lineLimit(1)
 
                 Text(connectionSubtitle(connection))
                     .font(.system(size: 11))
-                    .foregroundStyle(isHighlighted ? .white.opacity(0.7) : .secondary)
+                    .foregroundStyle(isHighlighted ? Color(nsColor: .alternateSelectedControlTextColor).opacity(0.7) : .secondary)
                     .lineLimit(1)
             }
 
@@ -258,23 +258,23 @@ struct ConnectionSwitcherPopover: View {
                     .controlSize(.small)
             } else if isActive {
                 Image(systemName: "checkmark.circle.fill")
-                    .foregroundStyle(isHighlighted ? .white : Color(nsColor: .systemGreen))
+                    .foregroundStyle(isHighlighted ? Color(nsColor: .alternateSelectedControlTextColor) : Color(nsColor: .systemGreen))
                     .font(.system(size: 14))
             } else if isConnected {
                 Circle()
-                    .fill(isHighlighted ? Color.white : Color(nsColor: .systemGreen))
+                    .fill(isHighlighted ? Color(nsColor: .alternateSelectedControlTextColor) : Color(nsColor: .systemGreen))
                     .frame(width: 6, height: 6)
             }
 
             // Database type badge
             Text(connection.type.rawValue.uppercased())
                 .font(.system(size: 9, weight: .medium, design: .monospaced))
-                .foregroundStyle(isHighlighted ? .white : .secondary)
+                .foregroundStyle(isHighlighted ? Color(nsColor: .alternateSelectedControlTextColor) : .secondary)
                 .padding(.horizontal, 4)
                 .padding(.vertical, 2)
                 .background(
                     RoundedRectangle(cornerRadius: 3)
-                        .fill(isHighlighted ? Color.white.opacity(0.2) : Color(nsColor: .separatorColor))
+                        .fill(isHighlighted ? Color(nsColor: .alternateSelectedControlTextColor).opacity(0.2) : Color(nsColor: .separatorColor))
                 )
         }
         .padding(.vertical, 2)