diff --git a/renderer/components/settings-tab/ThemeSelect.tsx b/renderer/components/settings-tab/ThemeSelect.tsx
index e19d9bc..ab66654 100644
--- a/renderer/components/settings-tab/ThemeSelect.tsx
+++ b/renderer/components/settings-tab/ThemeSelect.tsx
@@ -37,7 +37,7 @@ export function ThemeSelect() {
     <div className="flex flex-col gap-2">
       <p className="text-sm font-medium">UPSCAYL THEME</p>
       <select data-choose-theme className="select-primary select">
-        <option value="dark">Default</option>
+        <option value="upscayl">Default</option>
         {availableThemes.map((theme) => {
           return (
             <option value={theme.value} key={theme.value}>
diff --git a/renderer/pages/_app.tsx b/renderer/pages/_app.tsx
index 5732c2f..5907a92 100644
--- a/renderer/pages/_app.tsx
+++ b/renderer/pages/_app.tsx
@@ -11,7 +11,7 @@ const MyApp = ({ Component, pageProps }: AppProps) => {
         <title>Upscayl</title>
       </Head>
       <Provider>
-        <Component {...pageProps} data-theme="dark" />
+        <Component {...pageProps} data-theme="upscayl" />
       </Provider>
     </>
   );