diff --git a/internal_packages/preferences/lib/tabs/preferences-appearance.jsx b/internal_packages/preferences/lib/tabs/preferences-appearance.jsx
index 4a6fa5cd3..71cd3db4d 100644
--- a/internal_packages/preferences/lib/tabs/preferences-appearance.jsx
+++ b/internal_packages/preferences/lib/tabs/preferences-appearance.jsx
@@ -97,11 +97,17 @@ class PreferencesAppearance extends React.Component {
configSchema: React.PropTypes.object,
}
+ onClick = () => {
+ NylasEnv.commands.dispatch(document.body, "window:launch-theme-picker");
+ }
+
+
render() {
return (
+
);
}
diff --git a/internal_packages/theme-picker/lib/main.js b/internal_packages/theme-picker/lib/main.js
index b8fa94228..fcab5a7b0 100644
--- a/internal_packages/theme-picker/lib/main.js
+++ b/internal_packages/theme-picker/lib/main.js
@@ -1,10 +1,21 @@
/** @babel */
-import ThemePickerStore from './theme-picker-store';
+import React from 'react';
+import {Actions, WorkspaceStore} from 'nylas-exports';
+
+import ThemePicker from './theme-picker';
+
export function activate() {
- ThemePickerStore.activate();
+ this.disposable = NylasEnv.commands.add("body", "window:launch-theme-picker", () => {
+ WorkspaceStore.popToRootSheet();
+ Actions.openModal({
+ component: (),
+ height: 390,
+ width: 250,
+ });
+ });
}
export function deactivate() {
- ThemePickerStore.deactivate();
+ this.disposable.dispose();
}
diff --git a/internal_packages/theme-picker/lib/theme-picker-store.jsx b/internal_packages/theme-picker/lib/theme-picker-store.jsx
deleted file mode 100644
index ed5feb859..000000000
--- a/internal_packages/theme-picker/lib/theme-picker-store.jsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import React from 'react';
-import Actions from '../../../src/flux/actions';
-import NylasStore from 'nylas-store';
-
-import ThemePicker from './theme-picker';
-
-
-class ThemePickerStore extends NylasStore {
-
- constructor() {
- super();
- }
-
- activate = ()=> {
- this.disposable = NylasEnv.commands.add("body", "window:launch-theme-picker", () => {
- Actions.openModal({
- component: (),
- height: 390,
- width: 250,
- });
- });
- }
-
- deactivate = ()=> {
- this.disposable.dispose();
- }
-
-}
-
-export default new ThemePickerStore();