diff --git a/src/components/settings/settings.js b/src/components/settings/settings.js
new file mode 100644
index 00000000..f979e7ab
--- /dev/null
+++ b/src/components/settings/settings.js
@@ -0,0 +1,9 @@
+import StyleSwitcher from '../style_switcher/style_switcher.vue'
+
+const settings = {
+  components: {
+    StyleSwitcher
+  }
+}
+
+export default settings
diff --git a/src/components/settings/settings.vue b/src/components/settings/settings.vue
new file mode 100644
index 00000000..8bb0ffb1
--- /dev/null
+++ b/src/components/settings/settings.vue
@@ -0,0 +1,22 @@
+<template>
+  <div class="settings panel panel-default base00-background">
+    <div class="panel-heading base01-background base04">
+      Settings
+    </div>
+    <div class="panel-body">
+      <div class="setting-item">
+        <h2>Theme</h2>
+        <style-switcher></style-switcher>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script src="./settings.js">
+</script>
+
+<style>
+ .setting-item {
+   margin: 1em
+ }
+</style>