From 14ad255c3811ee54dd6694e1d69f2b34f7e6c6cd Mon Sep 17 00:00:00 2001
From: MHSanaei <ho3ein.sanaei@gmail.com>
Date: Mon, 18 May 2026 00:41:19 +0200
Subject: [PATCH] fix(clients): make empty-state text readable on dark/ultra
 themes

The "No clients yet" empty state had a hardcoded black color
(rgba(0,0,0,0.45)) that vanished against the dark backgrounds.
Drop the inline color, let it inherit from the AntD theme, and
fade with opacity like the mobile card empty state already does.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 frontend/src/pages/clients/ClientsPage.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/frontend/src/pages/clients/ClientsPage.vue b/frontend/src/pages/clients/ClientsPage.vue
index 46275c6c..98752c1c 100644
--- a/frontend/src/pages/clients/ClientsPage.vue
+++ b/frontend/src/pages/clients/ClientsPage.vue
@@ -724,7 +724,7 @@ const columns = computed(() => [
                     </template>
 
                     <template #emptyText>
-                      <div style="padding: 32px 0; color: rgba(0, 0, 0, 0.45); text-align: center">
+                      <div class="clients-empty">
                         <UserOutlined style="font-size: 32px; margin-bottom: 8px" />
                         <div>{{ t('pages.clients.empty') || 'No clients yet.' }}</div>
                       </div>
@@ -1013,6 +1013,12 @@ const columns = computed(() => [
   gap: 8px;
 }
 
+.clients-empty {
+  padding: 32px 0;
+  text-align: center;
+  opacity: 0.55;
+}
+
 .danger-item {
   color: #ff4d4f;
 }