From c0dd2292f927adc9c7f64d89c0b2deebeb2776a6 Mon Sep 17 00:00:00 2001 From: xaoxuu Date: Fri, 5 Jan 2024 22:58:30 +0800 Subject: [PATCH] [opt] style --- _config.yml | 2 +- source/css/_defines/theme.styl | 4 ++-- source/css/_layout/tag-plugins/gallery.styl | 6 +++--- 3 files changed, 6 insertions(+), 6 deletions(-) diff --git a/_config.yml b/_config.yml index d90584b..d7196b9 100755 --- a/_config.yml +++ b/_config.yml @@ -428,7 +428,7 @@ style: # 动态颜色(会根据明暗主题重设明度值,只用关心色相和饱和度即可) background: 'hsl(212 16% 98%)' # 浅色背景颜色 block: 'hsl(212 8% 95%)' # 块背景颜色 - code: 'hsl(0 0% 10%)' # 行内代码颜色 + code: 'hsl(220 20% 10%)' # 'hsl(14 100% 48%)' # 行内代码颜色 text: 'hsl(0 0% 20%)' # 文本颜色 # 主题色配置(不会根据明暗动态调整,请设置为通用的颜色) theme: 'hsl(192 98% 55%)' # 主题色 diff --git a/source/css/_defines/theme.styl b/source/css/_defines/theme.styl index 74ef320..292f757 100644 --- a/source/css/_defines/theme.styl +++ b/source/css/_defines/theme.styl @@ -21,7 +21,7 @@ set_text_dark() --text-p3: hsl($color-text-h, $color-text-s, $color-text-l / 0.5 * 1.25) --text-p4: hsl($color-text-h, $color-text-s, $color-text-l / 0.5 * 1.5) --text-meta: hsl($color-text-h, $color-text-s, $color-text-l / 0.5 * 2) - --text-code: hsl($color-code-h, $color-code-s, $color-code-l * 1) + --text-code: hsl($color-code-h, $color-code-s, $color-code-l) set_text_light() --text-p0: hsl($color-text-h, $color-text-s, 100) @@ -30,7 +30,7 @@ set_text_light() --text-p3: hsl($color-text-h, $color-text-s, 100 - $color-text-l / 0.5 * 1.2) --text-p4: hsl($color-text-h, $color-text-s, 100 - $color-text-l / 0.5 * 1.4) --text-meta: hsl($color-text-h, $color-text-s, 100 - $color-text-l / 0.5 * 1.75) - --text-code: hsl($color-code-h, $color-code-s, $color-code-l * 1.25) + --text-code: hsl($color-code-h, $color-code-s, (100 - $color-code-l) * 1.2) :root --site-bg: hsl($color-background-h, $color-background-s, $color-background-l) diff --git a/source/css/_layout/tag-plugins/gallery.styl b/source/css/_layout/tag-plugins/gallery.styl index c5f1544..4cb9bd3 100644 --- a/source/css/_layout/tag-plugins/gallery.styl +++ b/source/css/_layout/tag-plugins/gallery.styl @@ -39,10 +39,10 @@ display: none .tag-plugin.gallery .grid-cell - img + >img trans1(transform, 0.5s) &:hover - img + >img transform: scale(1.1) @@ -90,7 +90,7 @@ aspect-ratio: 1 &[ratio='portrait'] .grid-cell - aspect-ratio: 4 / 5 + aspect-ratio: 2 / 3 .grid-cell background: var(--block) img