diff --git a/src/pages/core/setting/theme/custom.vue b/src/pages/core/setting/theme/custom.vue
new file mode 100644
index 00000000..a42e311b
--- /dev/null
+++ b/src/pages/core/setting/theme/custom.vue
@@ -0,0 +1,26 @@
+<template>
+  <d2-container type="full" class="page">
+    custom theme setting coming soon
+  </d2-container>
+</template>
+
+<script>
+export default {
+  data () {
+    return {}
+  },
+  computed: {
+  },
+  methods: {
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import '~@/assets/style/public.scss';
+.page {
+  // Your page style here
+  // Do not use empty rulesets
+  // If empty, delete it
+}
+</style>
\ No newline at end of file
diff --git a/src/pages/core/setting/theme/theme.vue b/src/pages/core/setting/theme/theme.vue
new file mode 100644
index 00000000..be0ae9c4
--- /dev/null
+++ b/src/pages/core/setting/theme/theme.vue
@@ -0,0 +1,26 @@
+<template>
+  <d2-container type="full" class="page">
+    theme setting coming soon
+  </d2-container>
+</template>
+
+<script>
+export default {
+  data () {
+    return {}
+  },
+  computed: {
+  },
+  methods: {
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import '~@/assets/style/public.scss';
+.page {
+  // Your page style here
+  // Do not use empty rulesets
+  // If empty, delete it
+}
+</style>
\ No newline at end of file