diff --git a/layout/404.ejs b/layout/404.ejs
index a4677e7..4981414 100755
--- a/layout/404.ejs
+++ b/layout/404.ejs
@@ -15,6 +15,6 @@ page.robots = 'none';
   <p class='why'>
     <%- __('page.error.why') %>
   </p>
-  <a class='button cyan' id='back' href="/"><%- __('page.error.action') %></a>
+  <a class='button theme' id='back' href="/"><%- __('page.error.action') %></a>
 </article>
 <%- partial('_partial/plugins/comments/layout') %>
diff --git a/layout/_partial/main/article/read_next.ejs b/layout/_partial/main/article/read_next.ejs
index 821290a..98fb4d6 100644
--- a/layout/_partial/main/article/read_next.ejs
+++ b/layout/_partial/main/article/read_next.ejs
@@ -36,7 +36,7 @@ function layoutDiv() {
   let el = '';
   if (prev || next) {
     el += '<div class="related-wrap" id="read-next">';
-    el += '<section class="header cap cyan">';
+    el += '<section class="header cap theme">';
     el += '<span>' + title + '</span>';
     el += '</section>';
     el += '<section class="body">';
diff --git a/layout/_partial/main/article/wiki_cover.ejs b/layout/_partial/main/article/wiki_cover.ejs
index da15de9..3e388db 100644
--- a/layout/_partial/main/article/wiki_cover.ejs
+++ b/layout/_partial/main/article/wiki_cover.ejs
@@ -31,7 +31,7 @@ function layoutWikiCover() {
     el += '<div class="description">' + page.description + '</div>';
   }
   el += '<div class="start-wrap">';
-  el += '<a class="button cyan start" href="#start">' + __('btn.getting_started') + '</a>';
+  el += '<a class="button theme start" href="#start">' + __('btn.getting_started') + '</a>';
   el += '</div>';
   el += '</article>';
   el += '</div>';
diff --git a/layout/_partial/plugins/comments/layout.ejs b/layout/_partial/plugins/comments/layout.ejs
index 5874f33..5cc4c87 100644
--- a/layout/_partial/plugins/comments/layout.ejs
+++ b/layout/_partial/plugins/comments/layout.ejs
@@ -17,7 +17,7 @@ if (loadComment && page.layout == 'wiki' && page.wiki) {
 %>
 <% if (loadComment) { %>
   <div class='related-wrap md' id="comments">
-    <div class='cmt-title cap cyan'>
+    <div class='cmt-title cap theme'>
       <%- page.comment_title != undefined ? page.comment_title : __('meta.comment_title') %>
     </div>
     <div class='cmt-body <%- theme.comments.service %>'>
diff --git a/scripts/helpers/related_posts.js b/scripts/helpers/related_posts.js
index 96fd5f5..f79b7b4 100644
--- a/scripts/helpers/related_posts.js
+++ b/scripts/helpers/related_posts.js
@@ -19,7 +19,7 @@ hexo.extend.helper.register('popular_posts_wrapper', function(args){
   var div = `
     <div class="related_posts">
     <section class='header'>
-      <div class='title cap cyan'>${title}</div>
+      <div class='title cap theme'>${title}</div>
     </section>
     <section class='body'>
     `;
diff --git a/source/css/_custom.styl b/source/css/_custom.styl
index 2b686f1..7353f4c 100644
--- a/source/css/_custom.styl
+++ b/source/css/_custom.styl
@@ -2,12 +2,12 @@
 @require('_defines/const')
 
 // 通用主题色
-$color-theme = #1BCDFC
+$color-theme = #ff7043
 $color-link = #2196f3
 $color-button = #1BCDFC
 $color-hover = #ff5722
 $color-inner = #fff
-$color-inlinecode = #D56D28
+$color-inlinecode = #ff7043
 $color-cat = #FF7844
 $color-cat-hover = darken($color-cat, 20)
 
@@ -54,7 +54,7 @@ $fs13 = .8125rem   // 13px
 $fs-code = .8125rem  // 13px
 $fs12 = .75rem   // 13px
 $fs-footnote = .75rem  // the smallest (12px)
-
+$fsp = $fs15
 
 // site layout
 $sidebar = 280px
diff --git a/source/css/_layout/base.styl b/source/css/_layout/base.styl
index fed35d8..cb25712 100644
--- a/source/css/_layout/base.styl
+++ b/source/css/_layout/base.styl
@@ -38,8 +38,8 @@ a.button
   border-radius: 3px
   trans1: background
   font-size: $fs15
-  &.cyan
-    background: $color-mac-cyan
+  &.theme
+    background: $color-theme
     color: white
     &:hover
       background: $color-hover
@@ -53,6 +53,8 @@ a.button
     color: darken($color-md-blue, 6)
   &.cyan
     color: darken($color-mac-cyan, 6)
+  &.theme
+    color: darken($color-theme, 5)
 
 
 span.dot,span.sep
diff --git a/source/css/_layout/md.styl b/source/css/_layout/md.styl
index b30bd49..db4ea91 100644
--- a/source/css/_layout/md.styl
+++ b/source/css/_layout/md.styl
@@ -54,12 +54,14 @@ article.md
       &:hover
         text-decoration: underline
 
+article.md p
+  font-size: $fsp
 // code
 article.md code
   color: $color-inlinecode
   font-family: $ff-code
   word-break: break-all
-
+  font-size: $fsp
 
 // div
 article.md>div
@@ -69,7 +71,7 @@ article.md blockquote
   margin: 1rem 0
   padding: 1rem
   background: var(--block)
-  border-left: $border-block solid $color-theme
+  border-left: 3px solid $color-theme
   border-radius: 0 $border-block $border-block 0
   color: var(--text-p2)
   p
diff --git a/source/css/_plugins/swiper.styl b/source/css/_plugins/swiper.styl
index 53ab211..47305df 100644
--- a/source/css/_plugins/swiper.styl
+++ b/source/css/_plugins/swiper.styl
@@ -1,5 +1,5 @@
 :root
-  --swiper-theme-color: $color-mac-cyan !important
+  --swiper-theme-color: $color-theme !important
 .swiper-container
   width: 100%
   border-radius: 4px