diff --git a/template/index.html b/template/index.html
index 2aee0ed..c944b85 100644
--- a/template/index.html
+++ b/template/index.html
@@ -8,7 +8,8 @@
     <link rel="icon shortcut" href="./static/images/anchor.png">
 </head>
 <body>
-    <div class="wrapper d-flex vh-100" id="app" v-cloak>
+<div class="container-fluid p-0" :class="'theme-' + settings.theme" id="app" v-cloak>
+    <div class="wrapper d-flex vh-100 ">
         <!-- feed list -->
         <div class="vh-100 position-relative overflow-auto border-right flex-shrink-0" :style="{width: feedListWidth+'px'}">
             <drag :width="feedListWidth" @resize="resizeFeedList"></drag>
@@ -312,13 +313,14 @@
             </div>
         </div>
     </div>
-    <script src="./static/javascripts/vue.min.js"></script>
-    <script src="./static/javascripts/popper.min.js"></script>
-    <!-- <script src="./static/javascripts/bootstrap.min.js"></script> -->
-    <script src="./static/javascripts/bootstrap-vue.min.js"></script>
-    <script src="./static/javascripts/Readability.js"></script>
-    <script src="./static/javascripts/purify.min.js"></script>
-    <script src="./static/javascripts/api.js"></script>
-    <script src="./static/javascripts/app.js"></script>
+</div>
+<script src="./static/javascripts/vue.min.js"></script>
+<script src="./static/javascripts/popper.min.js"></script>
+<!-- <script src="./static/javascripts/bootstrap.min.js"></script> -->
+<script src="./static/javascripts/bootstrap-vue.min.js"></script>
+<script src="./static/javascripts/Readability.js"></script>
+<script src="./static/javascripts/purify.min.js"></script>
+<script src="./static/javascripts/api.js"></script>
+<script src="./static/javascripts/app.js"></script>
 </body>
 </html>
diff --git a/template/static/stylesheets/app.css b/template/static/stylesheets/app.css
index 4b050ec..3facf1b 100644
--- a/template/static/stylesheets/app.css
+++ b/template/static/stylesheets/app.css
@@ -434,3 +434,18 @@ select.form-control:not([multiple]):not([size]) {
   border-left: 3px solid #22262a;
   padding-left: 1rem;
 }
+
+/* theme */
+
+.theme-light {
+  
+}
+
+.theme-sepia {
+  background-color: yellow;
+}
+
+.theme-night {
+  background-color: black;
+  color: white;
+}
