From 2d04a0bb0b12c20c1e24750f7e4d4dbb1d8da8eb Mon Sep 17 00:00:00 2001
From: xaoxuu <xaoxuu@gmail.com>
Date: Sun, 23 Feb 2020 13:48:39 +0800
Subject: [PATCH] update css

---
 _config.yml                |  4 ++--
 layout/_cover/search.ejs   |  4 ++--
 layout/_partial/footer.ejs |  2 +-
 source/less/_article.less  | 18 ++++++++++++++----
 source/less/_base.less     | 18 ++++++++++++++----
 source/less/_color.less    |  2 +-
 source/less/_footer.less   | 10 ++++++++++
 7 files changed, 44 insertions(+), 14 deletions(-)

diff --git a/_config.yml b/_config.yml
index f6b6cd8..7745532 100755
--- a/_config.yml
+++ b/_config.yml
@@ -5,7 +5,7 @@ info:
   docs: https://xaoxuu.com/wiki/volantis/
   cdn: # 要使用CDN，请在根目录的config文件中写上 use_cdn: true
     css:
-      style: https://cdn.jsdelivr.net/gh/xaoxuu/cdn-volantis@20.2.25/css/style.css
+      # style: https://cdn.jsdelivr.net/gh/xaoxuu/cdn-volantis@20.2.25/css/style.css
     js:
       app: https://cdn.jsdelivr.net/gh/xaoxuu/cdn-volantis@20.2.22/js/app.js
       search: https://cdn.jsdelivr.net/gh/xaoxuu/cdn-volantis@20.2.22/js/search.js
@@ -48,6 +48,7 @@ backstretch:
   position: background  # cover: 封面背景   background: 整个网页背景
   duration: 6000        # 持续时间（毫秒）
   fade: 2500            # 渐变（毫秒）
+  is_dark: #true         # 图片是否是暗色的（调整文字为白色）
   images:
     - https://i.loli.net/2020/02/08/HNuVoted2mUxILl.jpg
     - https://i.loli.net/2020/02/08/dNJyR4LHtarTqPu.jpg
@@ -63,7 +64,6 @@ cover:
   title: Live Demo
   # logo: assets/logo.png    # logo和title只显示一个，若同时设置，则只显示logo
   search: 'for Hexo 4.2+'
-  # color: '#FFF' # 菜单文字颜色
   # 主页封面菜单
   features:
     - name: 博文
diff --git a/layout/_cover/search.ejs b/layout/_cover/search.ejs
index 16686cb..7a778c0 100755
--- a/layout/_cover/search.ejs
+++ b/layout/_cover/search.ejs
@@ -1,7 +1,7 @@
 <% if (theme.cover.logo) { %>
   <img class='logo' src='<%- url_for(theme.cover.logo) %>'/>
 <% } else { %>
-  <h1 class='title'><%- theme.cover.title ? theme.cover.title : config.title %></h1>
+  <p class="title <%- theme.backstretch && theme.backstretch.is_dark ? 'white' : '' %>"><%- theme.cover.title ? theme.cover.title : config.title %></p>
 <% } %>
 <% if (theme.search.enable === true) { %>
   <div class="m_search">
@@ -16,7 +16,7 @@
     <% if (theme.cover.features) { %>
       <% (theme.cover.features || []).forEach(function(value){ %>
         <li>
-          <a class="nav home" style="color: <%- theme.cover && theme.cover.color %>"
+          <a class="nav home <%- theme.backstretch && theme.backstretch.is_dark ? 'white' : '' %>"
             href="<%= url_for(value.url) %>"
             <% if (value.rel) { %>
               rel="<%- value.rel %>"
diff --git a/layout/_partial/footer.ejs b/layout/_partial/footer.ejs
index 63bdebf..0d539d3 100755
--- a/layout/_partial/footer.ejs
+++ b/layout/_partial/footer.ejs
@@ -1,4 +1,4 @@
-<footer class="clearfix">
+<footer class="clearfix <%- theme.backstretch && theme.backstretch.is_dark ? 'white' : '' %>">
   <br><br>
   <% if (theme.social) { %>
     <div class="social-wrapper">
diff --git a/source/less/_article.less b/source/less/_article.less
index a6d7c27..57565fa 100755
--- a/source/less/_article.less
+++ b/source/less/_article.less
@@ -55,11 +55,14 @@
     }
     max-width: 100%;
     overflow: auto;
-    .mjx-math{
+    &.has-jax{
       font-family: @fontfamily_code;
       background: @color_bg_mathjax;
-      padding: @gap/2;
+      padding: @gap @gap/2;
       border-radius: @border_radius_code_block;
+      .mjx-chtml.MJXc-display{
+        margin: 0;
+      }
     }
   }
   ul,
@@ -68,7 +71,8 @@
     list-style: initial;
     padding-left: 8px;
     margin-left: @gap;
-    margin-bottom: .5em;
+    margin-top: .6em;
+    margin-bottom: .6em;
     &.task-list{
       padding-left: 0;
       margin-left: 4px;
@@ -443,7 +447,7 @@
       background: @color_text_link;
       color: @color_text_in_header;
       padding: 2px 5px 0px 5px;
-      margin: 2px;
+      // margin: 1px;
       border-radius: 2px;
       .enable-trans();
       &:hover {
@@ -458,6 +462,12 @@
         padding: 2px 3px 0px 3px;
       }
     }
+    &.regular {
+      a {
+        line-height: 50px;
+        padding: 9px 16px 8px 16px;
+      }
+    }
   }
   .large, .huge {
     margin: 0;
diff --git a/source/less/_base.less b/source/less/_base.less
index 445d0bc..60244d1 100755
--- a/source/less/_base.less
+++ b/source/less/_base.less
@@ -62,6 +62,7 @@ fancybox{
     align-items: center;
     align-self: center;
     align-content: center;
+    color: fade(@color_text_main, 85%);
     // padding: @gap;
     .title, .logo{
       font-size: @fontsize_h1*2;
@@ -76,6 +77,10 @@ fancybox{
       max-height: 100px;
       max-width: ~"calc(100% - 4*@{gap})";
     }
+    .white{
+      color: white;
+      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+    }
     @media(max-width: @on_phone){
       .title, .logo {
         font-size: @fontsize_h1*2;
@@ -164,9 +169,6 @@ fancybox{
         margin-top: @gap;
       }
     }
-    &, a{
-      color: @theme_main;
-    }
     .menu{
       margin-top: @gap;
       ul {
@@ -189,10 +191,18 @@ fancybox{
         .enable-trans();
         color: fade(@color_text_main, 85%);
         border-bottom: 1px solid transparent;
-        &:hover, &.active{
+        &:hover, &.active, &:active{
           color: @theme_main;
           border-bottom: 1px solid @theme_main;
         }
+        &.white{
+          color: fade(white, 70%);
+          text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+          &:hover, &.active, &:active{
+            color: white;
+            border-bottom: 1px solid white;
+          }
+        }
       }
     }
     .switcher{
diff --git a/source/less/_color.less b/source/less/_color.less
index ff3fbb7..3fe104b 100755
--- a/source/less/_color.less
+++ b/source/less/_color.less
@@ -3,7 +3,7 @@
 @theme_background: #F4F4F4;
 // @theme_background: #454545; // 暗色主题
 // 主题色
-@theme_main: #1BC3FB;
+@theme_main: @color_md_blue;
 // 卡片背景颜色
 @theme_cardbg: white;
 // @theme_cardbg: #555; // 暗色主题
diff --git a/source/less/_footer.less b/source/less/_footer.less
index 1bcd61d..5df9cd5 100755
--- a/source/less/_footer.less
+++ b/source/less/_footer.less
@@ -8,6 +8,16 @@ footer {
   overflow: hidden;
   text-align: center;
   font-family: @fontfamily_base;
+  &.white, &.white a{
+    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+  }
+  &.white{
+    color: fade(white, 50%);
+  }
+  &.white a{
+    color: fade(white, 80%);
+    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+  }
   .licenses {
     color: fade(@color_text_main, 50%);
     text-decoration: underline;