menu

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-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 flat-box" 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 flat-box" 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>

source/less/_header.less

@@ -112,8 +112,7 @@
                 border-radius: 100px;
                 .enable-trans();
                 &:hover {
-                    background: darken(@theme_bg_navbar, 10%);
+                    background: fade(@theme_base_card_bg, 30%);
-                    // color: @theme_bg_quote;
                 }
                 @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%);
             }