From f5603153dfffc29b06a0616b3695f621c726d6a2 Mon Sep 17 00:00:00 2001
From: deatheros <12375795+deatheros@users.noreply.github.com>
Date: Fri, 7 Aug 2026 02:29:27 +0300
Subject: [PATCH] fix(ui): use readable permission error color

---
 packages/ui/src/components/session/DirectoryExplorerDialog.tsx  | 2 +-
 .../ui/src/components/session/sidebar/SessionGroupSection.tsx   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/components/session/DirectoryExplorerDialog.tsx b/packages/ui/src/components/session/DirectoryExplorerDialog.tsx
index ba9d7bb6..c5274f08 100644
--- a/packages/ui/src/components/session/DirectoryExplorerDialog.tsx
+++ b/packages/ui/src/components/session/DirectoryExplorerDialog.tsx
@@ -616,7 +616,7 @@ export const DirectoryExplorerDialog: React.FC<DirectoryExplorerDialogProps> = (
           </div>
         ) : browseErrorReason && browseErrorReason !== 'not-found' ? (
           <div className="flex flex-col items-center gap-3 px-4 py-10 text-center">
-            <div className="typography-ui-label text-[var(--status-error-foreground)]">
+            <div className="typography-ui-label text-status-error">
               {browseErrorReason === 'os-permission'
                 ? t('directoryExplorerDialog.browse.permissionDenied')
                 : t('directoryExplorerDialog.browse.loadFailed')}
diff --git a/packages/ui/src/components/session/sidebar/SessionGroupSection.tsx b/packages/ui/src/components/session/sidebar/SessionGroupSection.tsx
index 1a7e7304..a4405a0b 100644
--- a/packages/ui/src/components/session/sidebar/SessionGroupSection.tsx
+++ b/packages/ui/src/components/session/sidebar/SessionGroupSection.tsx
@@ -1052,7 +1052,7 @@ function SessionGroupSectionBase(props: Props): React.ReactNode {
         </div>
       ) : null}
       {totalSessions > 0 && bootstrapFailureNotice ? (
-        <div className="py-1 pl-[26px] text-left typography-micro text-[var(--status-error-foreground)]">
+        <div className="py-1 pl-[26px] text-left typography-micro text-status-error">
           {bootstrapFailureNotice}
         </div>
       ) : null}