From 7029b67c41e4bea78c447984cae8819d280f5c57 Mon Sep 17 00:00:00 2001
From: XPoet <i@xpoet.cn>
Date: Thu, 9 Jul 2020 18:24:13 +0800
Subject: [PATCH] style: modified variables.styl

---
 source/css/layout/common/variables.styl | 41 +++++++++++++------------
 1 file changed, 21 insertions(+), 20 deletions(-)

diff --git a/source/css/layout/common/variables.styl b/source/css/layout/common/variables.styl
index c2ce43e..4faeccb 100644
--- a/source/css/layout/common/variables.styl
+++ b/source/css/layout/common/variables.styl
@@ -6,27 +6,27 @@
 // layout
 // ===================================
 if (hexo-config('magic.enable')) {
-  $header-height = 80px; // 头部默认高度
+  $header-height = 80px;        // 头部默认高度
 } else {
-  $header-height = 100px; // 头部默认高度
+  $header-height = 100px;       // 头部默认高度
 }
 
 if (hexo-config('magic.enable') && hexo-config('magic.sidebar.enable')) {
-  $main-content-width = 80%;
-  $sidebar-width = 280px; // 侧边栏宽度
+  $main-content-width = 80%;    // 中间内容区域宽度
+  $sidebar-width = 280px;       // 侧边栏宽度
 } else {
-  $main-content-width = 60%;
+  $main-content-width = 62%;    // 中间内容区域宽度
 }
 
-$header-shrink-height = 60px; // 头部收缩高度
-$tool-button-width = 36px; // 方形工具按钮宽度
-$component-interspace = 30px; // 组件/模块的间隔值（px）
+$header-shrink-height = 60px;    // 头部收缩高度
+$tool-button-width = 36px;       // 方形工具按钮宽度
+$component-interspace = 30px;    // 组件/模块的间隔值（px）
 
 // ===================================
 // 媒体查询
 // ===================================
-$media-max-width = 760px; // 媒体查询最大宽度
-$media-max-width-mobile = 480px; // 媒体查询最大宽度
+$media-max-width = 760px;         // 媒体查询最大宽度 (平板)
+$media-max-width-mobile = 480px;  // 媒体查询最大宽度（手机）
 
 ils-tablet()
   @media (max-width: $media-max-width)
@@ -52,16 +52,17 @@ $z-index-6 = 1006;
 // color
 // ===================================
 // normal mode color
-$primary-color = #225eea; // 主题颜色
-$background-color = #fff; // 背景颜色
-$magic-background-color = #f5f5f5; // MAGIC 主题背景颜色
-$normal-text-color = #43404d; // 通用文本颜色（默认字体颜色）
-$first-text-color = darken($normal-text-color, 8%); // 第一文本颜色
-$second-text-color = darken($normal-text-color, 4%); // 第二文本颜色
+$primary-color = rgba(30, 88, 217, 0.96);             // 主题颜色
+//$primary-color = hexo-config('theme_color');
+$background-color = #fff;                             // normal 风格 背景颜色
+$magic-background-color = #f5f5f5;                    // magic 风格 背景颜色
+$normal-text-color = #43404d;                         // 通用文本颜色（默认字体颜色）
+$first-text-color = darken($normal-text-color, 8%);   // 第一文本颜色
+$second-text-color = darken($normal-text-color, 4%);  // 第二文本颜色
 $third-text-color = lighten($normal-text-color, 40%); // 第三文本颜色
-$fourth-text-color = #eee; // 第四文本颜色
-$border-color = darken($background-color, 30%); // 边框颜色
-$selection-color = lighten($primary-color, 20%); // 文字选中的颜色
+$fourth-text-color = #eee;                            // 第四文本颜色
+$border-color = darken($background-color, 30%);       // 边框颜色
+$selection-color = lighten($primary-color, 20%);      // 文字选中的颜色
 
 // dark mode color
 $dark-primary-color = $primary-color;
@@ -142,4 +143,4 @@ $default-font-weight = 400;
   --normal-text-color: $normal-text-color;
   --border-color: $border-color;
   --selection-color: $selection-color;
-}
\ No newline at end of file
+}