diff --git a/ClashX Dashboard/Views/ContentTabs/Connections/ConnectionsView.swift b/ClashX Dashboard/Views/ContentTabs/Connections/ConnectionsView.swift
index aa67885..27418d2 100644
--- a/ClashX Dashboard/Views/ContentTabs/Connections/ConnectionsView.swift	
+++ b/ClashX Dashboard/Views/ContentTabs/Connections/ConnectionsView.swift	
@@ -16,7 +16,7 @@ struct ConnectionsView: View {
 
 		CollectionsTableView(data: data.conns,
 							 filterString: searchString)
-			.background(.white)
+			.background(Color(nsColor: .textBackgroundColor))
 			.searchable(text: $searchString)
 
 
diff --git a/ClashX Dashboard/Views/ContentTabs/Logs/LogsView.swift b/ClashX Dashboard/Views/ContentTabs/Logs/LogsView.swift
index 8a17426..cdf82bc 100644
--- a/ClashX Dashboard/Views/ContentTabs/Logs/LogsView.swift	
+++ b/ClashX Dashboard/Views/ContentTabs/Logs/LogsView.swift	
@@ -44,7 +44,6 @@ struct LogsView: View {
 			.width(min: 40, max: 65)
 			TableColumn("", value: \.log)
 		}
-		.background(.white)
 		.searchable(text: $searchString)
     }
 }
diff --git a/ClashX Dashboard/Views/ContentTabs/Overview/OverviewTopItemView.swift b/ClashX Dashboard/Views/ContentTabs/Overview/OverviewTopItemView.swift
index 0232ab4..cccbdc3 100644
--- a/ClashX Dashboard/Views/ContentTabs/Overview/OverviewTopItemView.swift	
+++ b/ClashX Dashboard/Views/ContentTabs/Overview/OverviewTopItemView.swift	
@@ -24,7 +24,7 @@ struct OverviewTopItemView: View {
 		}
 		.frame(width: 125)
 		.padding(EdgeInsets(top: 10, leading: 13, bottom: 10, trailing: 13))
-		.background(.white)
+		.background(Color(nsColor: .textBackgroundColor))
 		.cornerRadius(10)
     }
 }
diff --git a/ClashX Dashboard/Views/ContentTabs/Providers/ProviderProxiesView.swift b/ClashX Dashboard/Views/ContentTabs/Providers/ProviderProxiesView.swift
index 48b965b..362181b 100644
--- a/ClashX Dashboard/Views/ContentTabs/Providers/ProviderProxiesView.swift	
+++ b/ClashX Dashboard/Views/ContentTabs/Providers/ProviderProxiesView.swift	
@@ -70,7 +70,7 @@ struct ProviderProxiesView: View {
 					proxy: proxy,
 					selectable: false
 				)
-				.background(.white)
+				.background(Color(nsColor: .textBackgroundColor))
 				.cornerRadius(8)
 			}
 		}
diff --git a/ClashX Dashboard/Views/ContentTabs/Proxies/ProxyGroupView.swift b/ClashX Dashboard/Views/ContentTabs/Proxies/ProxyGroupView.swift
index e3c62de..c68648f 100644
--- a/ClashX Dashboard/Views/ContentTabs/Proxies/ProxyGroupView.swift	
+++ b/ClashX Dashboard/Views/ContentTabs/Proxies/ProxyGroupView.swift	
@@ -100,7 +100,7 @@ struct ProxyGroupView: View {
 					proxy: proxy,
 					selectable: selectable
 				)
-				.background(proxyGroup.now == proxy.name ? Color.teal : Color.white)
+				.background(proxyGroup.now == proxy.name ? Color.pink.opacity(0.3) : Color(nsColor: .textBackgroundColor))
 				.cornerRadius(8)
 				.onTapGesture {
 					let item = proxy