diff --git a/ui/js/page/settings/index.js b/ui/js/page/settings/index.js
index 5764e9dac..8516f55f4 100644
--- a/ui/js/page/settings/index.js
+++ b/ui/js/page/settings/index.js
@@ -4,6 +4,7 @@ import { doClearCache } from "actions/app";
 import {
   doSetDaemonSetting,
   doSetClientSetting,
+  doGetThemes,
   doSetTheme,
 } from "actions/settings";
 import { selectDaemonSettings, selectShowNsfw } from "selectors/settings";
@@ -19,6 +20,7 @@ const perform = dispatch => ({
   clearCache: () => dispatch(doClearCache()),
   setClientSetting: (key, value) => dispatch(doSetClientSetting(key, value)),
   setTheme: name => dispatch(doSetTheme(name)),
+  getThemes: () => dispatch(doGetThemes),
 });
 
 export default connect(select, perform)(SettingsPage);
diff --git a/ui/js/page/settings/view.jsx b/ui/js/page/settings/view.jsx
index be847a69a..54dc969a0 100644
--- a/ui/js/page/settings/view.jsx
+++ b/ui/js/page/settings/view.jsx
@@ -51,6 +51,10 @@ class SettingsPage extends React.PureComponent {
     this.props.setTheme(value);
   }
 
+  getThemes() {
+    this.props.getThemes();
+  }
+
   onRunOnStartChange(event) {
     this.setDaemonSetting("run_on_startup", event.target.checked);
   }
@@ -114,6 +118,10 @@ class SettingsPage extends React.PureComponent {
 
   onShowUnavailableChange(event) {}
 
+  componentWillMount() {
+    this.getThemes();
+  }
+
   componentDidMount() {}
 
   render() {