style: modified variables.styl
This commit is contained in:
parent
a15a6f54d3
commit
7029b67c41
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue