From ca67d3c1c25bb0b3c530653978b4643e19a98288 Mon Sep 17 00:00:00 2001
From: Roland Bewick <roland.bewick@gmail.com>
Date: Fri, 21 Jun 2024 17:57:46 +0700
Subject: [PATCH] fix: use muted color for app version

---
 frontend/src/components/layouts/AppLayout.tsx                 | 2 +-
 frontend/src/components/layouts/TwoColumnFullScreenLayout.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/layouts/AppLayout.tsx b/frontend/src/components/layouts/AppLayout.tsx
index eeed2815..74817362 100644
--- a/frontend/src/components/layouts/AppLayout.tsx
+++ b/frontend/src/components/layouts/AppLayout.tsx
@@ -179,7 +179,7 @@ export default function AppLayout() {
                       to="https://getalby.com/hub_deployment/edit" // TODO: link to general update page
                       className="font-semibold text-xl"
                     >
-                      <span className="text-xs flex items-center">
+                      <span className="text-xs flex items-center text-muted-foreground">
                         {info?.version}&nbsp;
                         {info?.upToDate ? (
                           <ShieldCheckIcon className="w-4 h-4" />
diff --git a/frontend/src/components/layouts/TwoColumnFullScreenLayout.tsx b/frontend/src/components/layouts/TwoColumnFullScreenLayout.tsx
index c0a17d72..32cd9e3c 100644
--- a/frontend/src/components/layouts/TwoColumnFullScreenLayout.tsx
+++ b/frontend/src/components/layouts/TwoColumnFullScreenLayout.tsx
@@ -66,7 +66,7 @@ export default function TwoColumnFullScreenLayout() {
           <div className="flex flex-row justify-between items-center">
             <h1 className="text-lg font-medium">Alby Hub</h1>
             {info?.version && (
-              <p className="text-sm text-muted">{info.version}</p>
+              <p className="text-sm text-muted-foreground">{info.version}</p>
             )}
             {/* <ModeToggle /> */}
           </div>