diff --git a/src/renderer/views/pages/themes-github.ejs b/src/renderer/views/pages/themes-github.ejs
index 10918bc6..c8049f0b 100644
--- a/src/renderer/views/pages/themes-github.ejs
+++ b/src/renderer/views/pages/themes-github.ejs
@@ -5,6 +5,13 @@
                 <div class="col nopadding">
                     <h1 class="header-text">{{$root.getLz('settings.header.visual.theme.github.page')}}</h1>
                 </div>
+                <div class="col-auto flex-center">
+                    <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.file">{{ theme.name }}</option>
+                    </select>
+                </div>
                 <div class="col-auto nopadding flex-center">
                     <button class="md-btn md-btn-small md-btn-block" @click="installThemeURL()">
                         {{$root.getLz('settings.option.visual.theme.github.download')}}
@@ -27,7 +34,6 @@
                             </div>
                             <div class="col-auto">
                                 <span v-if="themesInstalled.includes(repo.full_name)" class="codicon codicon-cloud-download"></span>
-
                             </div>
                         </div>
                     </li>
@@ -83,10 +89,12 @@
                     },
                     readme: ""
                 },
-                themesInstalled: []
+                themesInstalled: [],
+                themes: []
             }
         },
         mounted() {
+            this.themes = ipcRenderer.sendSync("get-themes")
             this.getRepos();
             this.getInstalledThemes();
         },