update color

Author: sanjaypinna

app/[locale]/dashboard/components/main-nav.tsx

@@ -183,9 +183,9 @@ export function MainNav({ hideSearch = false }) {
                     signIn('keycloak');
                   }}
                   kind="secondary"
-                  variant="success"
+                  className=' bg-tertiaryAccent'
                 >
-                  <Text variant="headingMd">LOGIN / SIGN UP</Text>
+                  <Text variant="headingMd" >LOGIN / SIGN UP</Text>
                 </Button>
               )}
             </div>
@@ -271,7 +271,7 @@ export const ProfileContent = ({
 
 const LogginOutPage = () => {
   return (
-    <div className=" flex items-center justify-end gap-4">
+    <div className=" flex items-center bg-surfaceDefault justify-end gap-4">
       <Spinner color="surface" />
       <Text variant="headingLg" color="onBgDefault">
         Logging out...