From 878e5507e63a3c33980ba6eb1137184ae445f2bf Mon Sep 17 00:00:00 2001
From: Alireza Ahmadi <alireza7@gmail.com>
Date: Mon, 20 Nov 2023 22:48:42 +0100
Subject: [PATCH] [dark] fix color bug

---
 web/assets/css/custom.css           | 14 ++++++++++++++
 web/html/xui/form/tls_settings.html |  1 +
 2 files changed, 15 insertions(+)

diff --git a/web/assets/css/custom.css b/web/assets/css/custom.css
index 9b8ad7c5..e60cc4a7 100644
--- a/web/assets/css/custom.css
+++ b/web/assets/css/custom.css
@@ -465,6 +465,18 @@ style attribute {
     border-color: #151f31;
 }
 
+.dark .ant-table-bordered,
+.dark .ant-table-bordered.ant-table-empty .ant-table-placeholder,
+.dark .ant-table-bordered .ant-table-body>table,
+.dark .ant-table-bordered .ant-table-fixed-left table,
+.dark .ant-table-bordered .ant-table-fixed-right table,
+.dark .ant-table-bordered .ant-table-header>table,
+.dark .ant-table-bordered .ant-table-thead>tr:not(:last-child)>th,
+.dark .ant-table-bordered .ant-table-tbody>tr>td,
+.dark .ant-table-bordered .ant-table-thead>tr>th {
+    border-color: #2C3950;
+}
+
 .dark .ant-table-tbody>tr>td,
 .dark .ant-table-thead>tr>th,
 .dark .ant-card-head,
@@ -527,10 +539,12 @@ style attribute {
 .dark .ant-empty-normal,
 .dark.ant-select-dropdown,
 .dark .ant-select-dropdown,
+.dark .ant-select-dropdown li,
 .dark .ant-select-dropdown-menu-item,
 .dark .ant-divider:not(.ant-divider-with-text-center),
 .dark .ant-calendar-input,
 .dark .client-table-header,
+.dark .ant-select-selection--multiple .ant-select-selection__choice,
 .dark .ant-calendar-time-picker-inner {
     background-color: #222D42;
     border-color: #2c3950;
diff --git a/web/html/xui/form/tls_settings.html b/web/html/xui/form/tls_settings.html
index 5287dbcf..6d86aa61 100644
--- a/web/html/xui/form/tls_settings.html
+++ b/web/html/xui/form/tls_settings.html
@@ -94,6 +94,7 @@
                     <a-select
                         mode="multiple"
                         style="width: 250px"
+                        :dropdown-class-name="themeSwitcher.currentTheme"
                         v-model="inbound.stream.tls.alpn">
                         <a-select-option v-for="alpn in ALPN_OPTION" :value="alpn">[[ alpn ]]</a-select-option>
                     </a-select>