update theme

i18n
xaoxuu 6 years ago
parent 6a87308da4
commit a7339d62ab
  1. 21
      layout/_partial/header.ejs
  2. 7
      source/less/_article.less
  3. 8
      source/less/_base.less
  4. 8
      source/less/_defines.less
  5. 2
      source/less/_main.less

@ -48,17 +48,16 @@
</div> </div>
</header> </header>
<aside class="menu-phone"> <aside class="menu-phone">
<div class="header"><%=config.title%></div>
<nav> <nav>
<ul> <ul>
<% if (config.nav_menu) { %> <% if (config.nav_menu) { %>
<% (config.nav_menu || []).forEach(function(value){ %> <% (config.nav_menu || []).forEach(function(value){ %>
<li> <li>
<a class='nav-<%=value.slug%> flat-box nav flat-box' href='<%=url_for(value.url)%>'> <a class='nav-<%=value.slug%> flat-box nav flat-box' href='<%=url_for(value.url)%>'>
<i class='fa <%=value.icon%> fa-fw'></i>&nbsp;<%=value.name%></a> <i class='fa <%=value.icon%> fa-fw'></i>&nbsp;<%=value.name%></a>
</li> </li>
<%})%> <%})%>
<% } %> <% } %>
</ul> </ul>
</nav> </nav>
</aside> </aside>

@ -156,7 +156,8 @@
background: fade(@theme_bg_quote, 10%); background: fade(@theme_bg_quote, 10%);
margin: 1em 0; margin: 1em 0;
padding: @gap; padding: @gap;
border-left: @border_radius_left_line solid @theme_bg_quote; border-left: @border_radius solid @theme_bg_quote;
border-radius: @border_radius;
.enable-trans(); .enable-trans();
footer { footer {
strong { strong {
@ -425,8 +426,8 @@
} }
&::-webkit-scrollbar { &::-webkit-scrollbar {
height: @border_radius_code_block; height: @border_radius_line;
width: @border_radius_code_block; width: @border_radius_line;
} }
// /* Track */ // /* Track */

@ -284,18 +284,18 @@ li {
display: inline-block; display: inline-block;
padding: 0 8px; padding: 0 8px;
color: @black; color: @black;
border-left: @border_radius_left_line solid transparent; border-left: @border_radius_line solid transparent;
background: transparent; background: transparent;
// border-radius: @border_radius_code_block; border-radius: @border_radius_code_block;
.enable-trans(); .enable-trans();
&:hover { &:hover {
border-left: @border_radius_left_line solid @theme_bg_quote; border-left: @border_radius_line solid @theme_bg_quote;
padding: 8px; padding: 8px;
background: fade(@theme_bg_quote, 10%); background: fade(@theme_bg_quote, 10%);
} }
&:active { &:active {
// border-radius: @border_radius; // border-radius: @border_radius;
border-left: max(@border_radius, @border_radius_left_line) solid @theme_bg_quote; border-left: max(@border_radius, @border_radius_line) solid @theme_bg_quote;
} }
} }

@ -127,8 +127,8 @@
// start: 圆角 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> // start: 圆角 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
// 0px: 极端,2px:硬朗,4px:常规,8px:圆润,16px:温柔 // 0px: 极端,2px:硬朗,4px:常规,8px:圆润,16px:温柔
@border_radius: 8px; // 圆角半径,可以根据心情随时调整风格 @border_radius: 8px; // 圆角半径,可以根据心情随时调整风格
@border_radius_left_line: 4px; // 左边的竖线的宽度 @border_radius_line: 4px; // 线的宽度和滚动条的宽度
@border_radius_code_block: 4px; // 代码块的圆角及其滚动条的宽度 @border_radius_code_block: 8px; // 代码块的圆角
// end: 圆角 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< // end: 圆角 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
@ -145,9 +145,9 @@
// 卡片标题栏背景 // 卡片标题栏背景
@theme_bg_card_header: @theme_bg_navbar; @theme_bg_card_header: @theme_bg_navbar;
// 代码的背景色 // 代码的背景色
@theme_bg_code: fade(@color_mac_minimize, 6%); @theme_bg_code: fade(@color_mac_minimize, 10%);
// 代码块的背景色 // 代码块的背景色
@theme_bg_code_block: fade(@color_mac_minimize, 8%); @theme_bg_code_block: fade(@color_mac_minimize, 10%);
// 引用的颜色以及分类、归档的 hover 时颜色 // 引用的颜色以及分类、归档的 hover 时颜色
@theme_bg_quote: @theme_base_tint; @theme_bg_quote: @theme_base_tint;
// 文字颜色 ---------------- // 文字颜色 ----------------

@ -55,7 +55,7 @@
} }
blockquote{ blockquote{
padding: @gap; padding: @gap;
border-left: @border_radius_left_line solid @theme_bg_quote; border-left: @border_radius_line solid @theme_bg_quote;
// border-radius: @border_radius_code_block; // border-radius: @border_radius_code_block;
.enable-trans(); .enable-trans();
p{ p{

Loading…
Cancel
Save