diff --git a/app/components/header/Header.tsx b/app/components/header/Header.tsx
index 0da37b07..ce46702a 100644
--- a/app/components/header/Header.tsx
+++ b/app/components/header/Header.tsx
@@ -18,7 +18,9 @@ export function Header() {
       <div className="flex items-center gap-2 z-logo text-bolt-elements-textPrimary cursor-pointer">
         <div className="i-ph:sidebar-simple-duotone text-xl" />
         <a href="/" className="text-2xl font-semibold text-accent flex items-center">
-          <span className="i-bolt:logo-text?mask w-[46px] inline-block" />
+          {/* <span className="i-bolt:logo-text?mask w-[46px] inline-block" /> */}
+          <img src="/logo-light-styled.png" alt="logo" className="w-[90px] inline-block dark:hidden" />
+          <img src="/logo-dark-styled.png" alt="logo" className="w-[90px] inline-block hidden dark:block" />
         </a>
       </div>
       {chat.started && ( // Display ChatDescription and HeaderActionButtons only when the chat has started.
diff --git a/app/components/settings/SettingsWindow.tsx b/app/components/settings/SettingsWindow.tsx
index 0910859d..42850639 100644
--- a/app/components/settings/SettingsWindow.tsx
+++ b/app/components/settings/SettingsWindow.tsx
@@ -372,16 +372,14 @@ export const SettingsWindow = ({ open, onClose }: SettingsProps) => {
                         <h3 className="text-lg font-medium text-bolt-elements-textPrimary mb-4">Optional Features</h3>
                         <div className="flex items-center justify-between mb-2">
                           <span className="text-bolt-elements-textPrimary">Debug Info</span>
-                          <Switch
-                            className="ml-auto"
-                            checked={isDebugEnabled}
-                            onCheckedChange={handleToggleDebug}
-                          />
+                          <Switch className="ml-auto" checked={isDebugEnabled} onCheckedChange={handleToggleDebug} />
                         </div>
                       </div>
 
                       <div className="mb-6 border-t border-bolt-elements-borderColor pt-4">
-                        <h3 className="text-lg font-medium text-bolt-elements-textPrimary mb-4">Experimental Features</h3>
+                        <h3 className="text-lg font-medium text-bolt-elements-textPrimary mb-4">
+                          Experimental Features
+                        </h3>
                         <p className="text-sm text-bolt-elements-textSecondary mb-4">
                           Disclaimer: Experimental features may be unstable and are subject to change.
                         </p>
@@ -439,7 +437,9 @@ export const SettingsWindow = ({ open, onClose }: SettingsProps) => {
                       <h3 className="text-lg font-medium text-bolt-elements-textPrimary mb-4">GitHub Connection</h3>
                       <div className="flex mb-4">
                         <div className="flex-1 mr-2">
-                          <label className="block text-sm text-bolt-elements-textSecondary mb-1">GitHub Username:</label>
+                          <label className="block text-sm text-bolt-elements-textSecondary mb-1">
+                            GitHub Username:
+                          </label>
                           <input
                             type="text"
                             value={githubUsername}
@@ -448,7 +448,9 @@ export const SettingsWindow = ({ open, onClose }: SettingsProps) => {
                           />
                         </div>
                         <div className="flex-1">
-                          <label className="block text-sm text-bolt-elements-textSecondary mb-1">Personal Access Token:</label>
+                          <label className="block text-sm text-bolt-elements-textSecondary mb-1">
+                            Personal Access Token:
+                          </label>
                           <input
                             type="password"
                             value={githubToken}
diff --git a/public/logo-dark-styled.png b/public/logo-dark-styled.png
new file mode 100644
index 00000000..d410fe6e
Binary files /dev/null and b/public/logo-dark-styled.png differ
diff --git a/public/logo-dark.png b/public/logo-dark.png
new file mode 100644
index 00000000..377fda33
Binary files /dev/null and b/public/logo-dark.png differ
diff --git a/public/logo-light-styled.png b/public/logo-light-styled.png
new file mode 100644
index 00000000..ef0af665
Binary files /dev/null and b/public/logo-light-styled.png differ
diff --git a/public/logo-light.png b/public/logo-light.png
new file mode 100644
index 00000000..6b4513ef
Binary files /dev/null and b/public/logo-light.png differ