From d51e2008e90f44e1cb56ba05e535fdd1b875310e Mon Sep 17 00:00:00 2001
From: xaoxuu <xaoxuu@gmail.com>
Date: Tue, 20 Nov 2018 16:30:04 +0800
Subject: [PATCH] menu

---
 layout/_partial/header.ejs |  6 +++---
 source/less/_header.less   | 16 ++++++++++++----
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/layout/_partial/header.ejs b/layout/_partial/header.ejs
index 9484b5a..c2511e3 100755
--- a/layout/_partial/header.ejs
+++ b/layout/_partial/header.ejs
@@ -36,9 +36,9 @@
 		<div class='nav-sub container container--flex'>
 			<a class="logo flat-box"></a>
 			<ul class='switcher h-list'>
-				<li class='s-comment'><a class="fas fa-comments fa-fw flat-box" href='javascript:void(0)'></a></li>
-				<li class='s-top'><a class="fas fa-arrow-circle-up fa-fw flat-box" href='javascript:void(0)'></a></li>
-				<li class='s-toc'><a class="fas fa-list fa-fw flat-box" href='javascript:void(0)'></a></li>
+				<li class='s-comment'><a class="fas fa-comments fa-fw" href='javascript:void(0)'></a></li>
+				<li class='s-top'><a class="fas fa-arrow-circle-up fa-fw" href='javascript:void(0)'></a></li>
+				<li class='s-toc'><a class="fas fa-list fa-fw" href='javascript:void(0)'></a></li>
 			</ul>
 		</div>
 	</div>
diff --git a/source/less/_header.less b/source/less/_header.less
index 2362721..5c5487a 100755
--- a/source/less/_header.less
+++ b/source/less/_header.less
@@ -112,8 +112,7 @@
                 border-radius: 100px;
                 .enable-trans();
                 &:hover {
-                    background: darken(@theme_bg_navbar, 10%);
-                    // color: @theme_bg_quote;
+                    background: fade(@theme_base_card_bg, 30%);
                 }
                 @media(max-width: @on_phone){
                     width: @height;
@@ -172,7 +171,7 @@
             font-family: @fontfamily_base;
             border: none;
             border-radius: @border_radius;
-            background: fade(@theme_text_in_header,15%);
+            background: fade(@theme_base_card_bg, 15%);
             box-sizing: border-box;
             -webkit-appearance: none;
             box-shadow: none;
@@ -212,10 +211,19 @@
               background: @theme_base_tint;
           }
       }
+      .switcher{
+          & > li{
+              a{
+                  &:hover {
+                      background: fade(@theme_base_tint, 15%);
+                  }
+              }
+          }
+      }
       .m_search {
         .input {
             color: fade(@theme_base_tint, 60%);
-            background: fade(@theme_base_tint,15%);
+            background: fade(@theme_base_tint, 15%);
             ~ .icon{
                 color: fade(@theme_base_tint, 60%);
             }