lianglianglee
/
hexo-theme-keep
mirror of https://github.com/liangliangle/hexo-theme-keep.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

style: modified variables.styl

This commit is contained in:
XPoet 2020-07-09 18:24:13 +08:00
parent a15a6f54d3
commit 7029b67c41
1 changed files with 21 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
source/css/layout/common/variables.styl
View File

@ -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;