From 35fbb8700c838540f8ed7475da20297ef10d4968 Mon Sep 17 00:00:00 2001 From: najuna Date: Thu, 19 Mar 2026 14:30:00 +0300 Subject: [PATCH] Fix Synkronus Portal light mode visibility and alignment issues --- synkronus-portal/src/pages/Dashboard.css | 36 +++++++++++++++--------- 1 file changed, 23 insertions(+), 13 deletions(-) diff --git a/synkronus-portal/src/pages/Dashboard.css b/synkronus-portal/src/pages/Dashboard.css index 0bf83683c..7ef10fdea 100644 --- a/synkronus-portal/src/pages/Dashboard.css +++ b/synkronus-portal/src/pages/Dashboard.css @@ -2249,13 +2249,12 @@ html::-webkit-scrollbar-thumb:hover { .users-table th { padding: 16px 24px; - text-align: center; + text-align: left; font-weight: 700; - font-size: 11px; - color: var(--color-neutral-white-alpha-60); - font-size: 11px; + color: var(--color-text-primary); + font-size: 14px; text-transform: uppercase; - letter-spacing: 1.2px; + letter-spacing: 0.5px; } @@ -2263,6 +2262,10 @@ html::-webkit-scrollbar-thumb:hover { text-align: center; } +.users-table td.actions-column { + text-align: center; +} + .users-table tbody tr { border-bottom: 1px solid var(--color-neutral-white-alpha-5); transition: all 0.25s ease; @@ -2279,17 +2282,16 @@ html::-webkit-scrollbar-thumb:hover { .users-table td { padding: 16px 24px; - color: var(--color-neutral-white-alpha-90); + color: var(--color-text-primary); font-size: 14px; - - letter-spacing: -0.2px; - text-align: center; + text-align: left; + border-bottom: 1px solid var(--color-neutral-white-alpha-5); } .user-cell { display: flex; align-items: center; - justify-content: center; + justify-content: flex-start; gap: var(--spacing-3); } @@ -2311,13 +2313,20 @@ html::-webkit-scrollbar-thumb:hover { .user-name { font-weight: var(--font-weight-semibold); color: var(--color-neutral-white); - + font-size: 14px; +} + +[data-theme="light"] .user-name { + color: var(--color-neutral-900) !important; } .created-date { color: var(--color-neutral-white-alpha-60); font-size: var(--font-size-xs); - +} + +[data-theme="light"] .created-date { + color: var(--color-neutral-600) !important; } .table-actions { @@ -3867,11 +3876,12 @@ html::-webkit-scrollbar-thumb:hover { [data-theme="light"] .users-table th { background: var(--color-background-overlay); border-bottom-color: var(--color-border-default); + color: var(--color-neutral-900) !important; } [data-theme="light"] .users-table td { border-bottom-color: var(--color-border-default); - color: var(--color-text-primary); + color: var(--color-neutral-800) !important; } [data-theme="light"] .users-table tr:hover {