From d4662b78572dacd5077007b73d3df6c94d422ca2 Mon Sep 17 00:00:00 2001 From: kevsi-mist Date: Thu, 30 Oct 2025 14:12:33 +0530 Subject: [PATCH] Fix: made a Dark mode for the appplication used the white/ dark/ turqoise also improved its orginal color plalate this a FIX of issue 117 made by Keval Mistry --- src/app/layout.tsx | 3 +- src/components/api-key-dialog.tsx | 18 +++---- src/components/footer.tsx | 6 +-- src/components/header.tsx | 58 +++++++++++++++++++--- src/components/main-card.tsx | 28 +++++------ src/components/private-repos-dialog.tsx | 18 +++---- src/styles/DarkMode.css | 66 +++++++++++++++++++++++++ 7 files changed, 153 insertions(+), 44 deletions(-) create mode 100644 src/styles/DarkMode.css diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 685e422..a7bc1cb 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,4 +1,5 @@ import "~/styles/globals.css"; +import "~/styles/DarkMode.css"; import { GeistSans } from "geist/font/sans"; import { type Metadata } from "next"; @@ -76,7 +77,7 @@ export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( - +
diff --git a/src/components/api-key-dialog.tsx b/src/components/api-key-dialog.tsx index 1fdf9f9..7f6ef56 100644 --- a/src/components/api-key-dialog.tsx +++ b/src/components/api-key-dialog.tsx @@ -35,9 +35,9 @@ export function ApiKeyDialog({ isOpen, onClose, onSubmit }: ApiKeyDialogProps) { return ( - + - + Enter OpenAI API Key @@ -54,14 +54,14 @@ export function ApiKeyDialog({ isOpen, onClose, onSubmit }: ApiKeyDialogProps) { Get your OpenAI API key here .
- + Data storage disclaimer
@@ -71,7 +71,7 @@ export function ApiKeyDialog({ isOpen, onClose, onSubmit }: ApiKeyDialogProps) { following the instructions in the{" "} README @@ -84,14 +84,14 @@ export function ApiKeyDialog({ isOpen, onClose, onSubmit }: ApiKeyDialogProps) { placeholder="sk-..." value={apiKey} onChange={(e) => setApiKey(e.target.value)} - className="flex-1 rounded-md border-[3px] border-black px-3 py-2 text-base font-bold shadow-[4px_4px_0_0_#000000] placeholder:text-base placeholder:font-normal placeholder:text-gray-700" + className="flex-1 rounded-md border-[3px] border px-3 py-2 text-base font-bold text-foreground shadow-[4px_4px_0_0_#000000] placeholder:text-base placeholder:font-normal placeholder:text-muted-foreground" required />
@@ -99,14 +99,14 @@ export function ApiKeyDialog({ isOpen, onClose, onSubmit }: ApiKeyDialogProps) { diff --git a/src/components/footer.tsx b/src/components/footer.tsx index 8387546..f9f0024 100644 --- a/src/components/footer.tsx +++ b/src/components/footer.tsx @@ -3,13 +3,13 @@ import Link from "next/link"; export function Footer() { return ( -