update

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') %>

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">';

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>';

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 %>'>

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'>
     `;

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

source/css/_layout/base.styl

@@ -38,8 +38,8 @@ a.button
   border-radius: 3px
   trans1: background
   font-size: $fs15
-  &.cyan
+  &.theme
-    background: $color-mac-cyan
+    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

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

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