[opt] style

This commit is contained in:
xaoxuu 2024-01-05 22:58:30 +08:00
parent f166448420
commit c0dd2292f9
3 changed files with 6 additions and 6 deletions

View File

@ -428,7 +428,7 @@ style:
# 动态颜色(会根据明暗主题重设明度值,只用关心色相和饱和度即可) # 动态颜色(会根据明暗主题重设明度值,只用关心色相和饱和度即可)
background: 'hsl(212 16% 98%)' # 浅色背景颜色 background: 'hsl(212 16% 98%)' # 浅色背景颜色
block: 'hsl(212 8% 95%)' # 块背景颜色 block: 'hsl(212 8% 95%)' # 块背景颜色
code: 'hsl(0 0% 10%)' # 行内代码颜色 code: 'hsl(220 20% 10%)' # 'hsl(14 100% 48%)' # 行内代码颜色
text: 'hsl(0 0% 20%)' # 文本颜色 text: 'hsl(0 0% 20%)' # 文本颜色
# 主题色配置(不会根据明暗动态调整,请设置为通用的颜色) # 主题色配置(不会根据明暗动态调整,请设置为通用的颜色)
theme: 'hsl(192 98% 55%)' # 主题色 theme: 'hsl(192 98% 55%)' # 主题色

View File

@ -21,7 +21,7 @@ set_text_dark()
--text-p3: hsl($color-text-h, $color-text-s, $color-text-l / 0.5 * 1.25) --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-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-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() set_text_light()
--text-p0: hsl($color-text-h, $color-text-s, 100) --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-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-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-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 :root
--site-bg: hsl($color-background-h, $color-background-s, $color-background-l) --site-bg: hsl($color-background-h, $color-background-s, $color-background-l)

View File

@ -39,10 +39,10 @@
display: none display: none
.tag-plugin.gallery .grid-cell .tag-plugin.gallery .grid-cell
img >img
trans1(transform, 0.5s) trans1(transform, 0.5s)
&:hover &:hover
img >img
transform: scale(1.1) transform: scale(1.1)
@ -90,7 +90,7 @@
aspect-ratio: 1 aspect-ratio: 1
&[ratio='portrait'] &[ratio='portrait']
.grid-cell .grid-cell
aspect-ratio: 4 / 5 aspect-ratio: 2 / 3
.grid-cell .grid-cell
background: var(--block) background: var(--block)
img img