Merge pull request #9967 from sarthakNITT/issue#9673

fix: Local setup screen input text is black on dark background

Author: RomneyDa

gui/src/components/OnboardingCard/components/OllamaModelDownload.tsx

@@ -26,7 +26,9 @@ function OllamaModelDownload({
 
   return (
     <div className="flex flex-col">
-      <p className="mb-0 mt-4 text-base font-semibold">{title}</p>
+      <p className="text-foreground mb-0 mt-4 text-base font-semibold">
+        {title}
+      </p>
       {hasDownloaded ? (
         <OllamaCompletedStep text={command} />
       ) : (

gui/src/components/OnboardingCard/components/OllamaStatus.tsx

@@ -38,7 +38,9 @@ export function OllamaStatus({ isOllamaConnected }: OllamaStatusProps) {
     case OllamaConnectionStatuses.WaitingToDownload:
       return (
         <StyledActionButton onClick={onClickDownload}>
-          <p className="mr-1 line-clamp-1 text-sm underline">{downloadUrl}</p>
+          <p className="text-link mr-1 line-clamp-1 text-sm underline">
+            {downloadUrl}
+          </p>
           <ArrowTopRightOnSquareIcon width={16} height={16} />
         </StyledActionButton>
       );

gui/src/components/OnboardingCard/components/OnboardingLocalTab.tsx

@@ -140,7 +140,7 @@ export function OnboardingLocalTab({ isDialog }: OnboardingLocalTabProps) {
       <div className="w-full max-w-md">
         <div className="mt-3 flex flex-col gap-1 px-2">
           <div className="flex flex-col">
-            <p className="mb-0 text-base font-bold leading-tight">
+            <p className="text-foreground mb-0 text-base font-bold leading-tight">
               Install Ollama
             </p>
             <OllamaStatus isOllamaConnected={isOllamaConnected} />
@@ -167,7 +167,7 @@ export function OnboardingLocalTab({ isDialog }: OnboardingLocalTabProps) {
           <div className="mt-4 w-full">
             <Button
               onClick={onClickSubmitOnboarding}
-              className="w-full"
+              className="w-full cursor-pointer hover:opacity-90"
               disabled={!allDownloaded}
             >
               Connect

gui/src/components/OnboardingCard/components/OnboardingProvidersTab.tsx

@@ -66,7 +66,7 @@ export function OnboardingProvidersTab({
             <div className="space-y-4">
               {providerConfigs.map((config) => (
                 <div key={config?.provider}>
-                  <label className="mb-1 flex items-center gap-3 text-sm font-medium">
+                  <label className="text-foreground mb-1 flex items-center gap-3 text-sm font-medium">
                     {window.vscMediaUrl && (
                       <img
                         src={`${window.vscMediaUrl}/logos/${config?.icon}`}
@@ -83,7 +83,7 @@ export function OnboardingProvidersTab({
                     className="w-full"
                     {...formMethods.register(`${config?.provider}_apiKey`)}
                   />
-                  <span className="text-description-muted mt-1 block text-xs">
+                  <span className="text-description-muted text-input-placeholder mt-1 block text-xs">
                     <a
                       href={config?.apiKeyUrl}
                       target="_blank"
@@ -103,13 +103,13 @@ export function OnboardingProvidersTab({
                 type="button"
                 onClick={handleFormSubmit}
                 disabled={!hasAnyApiKey}
-                className="w-full"
+                className="w-full cursor-pointer hover:opacity-90"
               >
                 Connect
               </Button>
 
               <div className="w-full text-center">
-                <span className="text-description">
+                <span className="text-description text-input-placeholder">
                   <span
                     className="cursor-pointer underline hover:brightness-125"
                     onClick={handleClickMoreProviders}