diff --git a/src/main/base/browserwindow.ts b/src/main/base/browserwindow.ts
index 4293e4fc..b5dbecf6 100644
--- a/src/main/base/browserwindow.ts
+++ b/src/main/base/browserwindow.ts
@@ -359,7 +359,11 @@ export class BrowserWindow {
 
         ipcMain.on("get-themes", (event, _key) => {
             if (existsSync(utils.getPath("themes"))) {
-                event.returnValue = readdirSync(utils.getPath("themes"));
+                let files = readdirSync(utils.getPath("themes"));
+                let themes = files.filter((file) => {
+                    return file.endsWith(".less");
+                });
+                event.returnValue = themes;
             } else {
                 event.returnValue = [];
             }
diff --git a/src/renderer/views/pages/settings.ejs b/src/renderer/views/pages/settings.ejs
index 8c856a12..29dfab1f 100644
--- a/src/renderer/views/pages/settings.ejs
+++ b/src/renderer/views/pages/settings.ejs
@@ -130,7 +130,7 @@
                         <select class="md-select" @change="$root.setTheme($root.cfg.visual.theme)" v-model="$root.cfg.visual.theme">
                             <option value="default.less">{{$root.getLz('settings.option.visual.theme.default')}}</option>
                             <option value="dark.less">{{$root.getLz('settings.option.visual.theme.dark')}}</option>
-                            <option v-for="theme in themes" :value="theme">{{ theme }}</option>
+                            <option v-for="theme in themes" :value="theme">{{ theme.replace(".less", "") }}</option>
                         </select>
                     </div>
                 </div>