xaoxuu
/
hexo-theme-stellar
mirror of https://github.com/xaoxuu/hexo-theme-stellar
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

[opt] style

This commit is contained in:
xaoxuu 2024-01-31 22:45:07 +08:00
parent 82684f203c
commit 69a47be4a5
47 changed files with 162 additions and 104 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
_config.yml
View File

@ -313,7 +313,7 @@ tag_plugins:
max-height: 80vh max-height: 80vh
# {% mark %} # {% mark %}
mark: mark:
default_color: dark # light, dark, red, orange, yellow, green, cyan, blue, purple, warning, error default_color: yellow # light, dark, red, orange, yellow, green, cyan, blue, purple, warning, error
# {% hashtag %} # {% hashtag %}
hashtag: hashtag:
default_color: # red, orange, yellow, green, cyan, blue, purple default_color: # red, orange, yellow, green, cyan, blue, purple
@ -485,7 +485,7 @@ style:
border-radius: border-radius:
card: 12px card: 12px
block: 12px block: 12px
bar: 12px bar: 8px
image: 6px image: 6px
color: color:
# 动态颜色（会根据明暗主题重设明度值，只用关心色相和饱和度即可） # 动态颜色（会根据明暗主题重设明度值，只用关心色相和饱和度即可）

2
layout/_partial/main/article/article_footer.ejs
View File

@ -122,7 +122,7 @@ function layoutDiv() {
function qrcode() { function qrcode() {
if (theme.article.share.includes('wechat')) { if (theme.article.share.includes('wechat')) {
return ` return `
<div class="qrcode" id="qrcode-wechat" style="visibility:hidden;height:0"> <div class="qrcode" id="qrcode-wechat" style="opacity:0;height:0">
<img src="https://api.qrserver.com/v1/create-qr-code/?size=256x256&data=${page.permalink}"/> <img src="https://api.qrserver.com/v1/create-qr-code/?size=256x256&data=${page.permalink}"/>
</div> </div>
` `

2
layout/_partial/main/footer.ejs
View File

@ -13,7 +13,7 @@ function layoutDiv() {
continue continue
} }
el += '<div class="sitemap-group">' el += '<div class="sitemap-group">'
el += '<span class="fs14">' + group + '</span>' el += '<span class="fs15">' + group + '</span>'
items.forEach((item, i) => { items.forEach((item, i) => {
el += '<a href="' + url_for(md_link(item)) + '">' el += '<a href="' + url_for(md_link(item)) + '">'
el += __(md_text(item)) el += __(md_text(item))

2
layout/_partial/main/navbar/dateinfo.ejs
View File

@ -14,7 +14,7 @@ function layoutDiv() {
el += `<span class="sep"></span>` el += `<span class="sep"></span>`
} }
// 发布日期 // 发布日期
el += `<span class="text created">${__("meta.created") + __("symbol.colon")}` el += `<span class="text created">`
el += `<time datetime="${date_xml(page.date)}">${date(page.date, config.date_format)}</time>` el += `<time datetime="${date_xml(page.date)}">${date(page.date, config.date_format)}</time>`
el += `</span>` el += `</span>`
// 更新日期 // 更新日期

2
layout/_partial/main/navbar/nav_tabs_blog.ejs
View File

@ -2,7 +2,7 @@
function layoutDiv() { function layoutDiv() {
var el = ''; var el = '';
el += '<div class="nav-wrap">'; el += '<div class="nav-wrap">';
el += '<nav class="sub post cap">'; el += '<nav class="sub post">';
if (is_home()) { if (is_home()) {
el += '<a class="active" href="' + url_for(config.index_generator.path) + '">' + __("btn.recent_publish") + '</a>'; el += '<a class="active" href="' + url_for(config.index_generator.path) + '">' + __("btn.recent_publish") + '</a>';
} else { } else {

2
layout/_partial/main/navbar/nav_tabs_wiki.ejs
View File

@ -2,7 +2,7 @@
function layoutDiv() { function layoutDiv() {
var el = ''; var el = '';
el += '<div class="nav-wrap">'; el += '<div class="nav-wrap">';
el += '<nav class="sub wiki cap">'; el += '<nav class="sub wiki">';
// 所有项目 // 所有项目
el += '<a'; el += '<a';
if (page.filter === false) { if (page.filter === false) {

2
scripts/tags/lib/note.js
View File

@ -24,7 +24,7 @@ module.exports = ctx => function(args) {
el += '>' el += '>'
// title // title
if (title && title.length > 0) { if (title && title.length > 0) {
el += '<div class="title">' + title + '</div>' el += `<div class="title">${title}</div>`
} }
// content // content
el += '<div class="body">' el += '<div class="body">'

6
source/css/_common/base.styl
View File

@ -25,7 +25,8 @@ img
li li
font-size: var(--fs-p) --fsp: var(--fsp1)
font-size: var(--fsp)
ul,ol ul,ol
@ -40,7 +41,8 @@ table:not([class])
margin: 1rem 0 margin: 1rem 0
max-width: 100% max-width: 100%
vertical-align: text-top vertical-align: text-top
font-size: $fs-14 --fsp: var(--fsp2)
font-size: var(--fsp)
th th
background: var(--block) background: var(--block)
td,th td,th

2
source/css/_common/device.styl
View File

@ -28,7 +28,7 @@
.sidebar-toggle.mobile .sidebar-toggle.mobile
cursor: pointer cursor: pointer
color: var(--text-p0) color: var(--text)
background: none background: none
padding: 8px padding: 8px
line-height: 0 line-height: 0

2
source/css/_common/input.styl
View File

@ -5,6 +5,6 @@ input
input.copy-area input.copy-area
display: block display: block
font-family: $ff-code font-family: $ff-code
font-size: $fs-12 font-size: $fs-13
font-weight: 700 font-weight: 700
color: var(--text-p3) color: var(--text-p3)

11
source/css/_common/title.styl
View File

@ -15,13 +15,16 @@ h6
font-size: $fs-h6 font-size: $fs-h6
// 次级段落字号 // 次级段落字号
.fs15
--fsp: $fs-15
font-size: var(--fsp)
.fs14 .fs14
--fs-p: $fs-14 --fsp: $fs-14
font-size: var(--fs-p) font-size: var(--fsp)
.footnote .footnote
--fs-p: $fs-13 --fsp: $fs-13
font-size: var(--fs-p) font-size: var(--fsp)
.widgets .widgets
.post-title .post-title

8
source/css/_custom.styl
View File

@ -66,8 +66,10 @@ $border-button = 4px
--width-left: 288px --width-left: 288px
--width-main: 720px --width-main: 720px
--fs-body: $fs-body --fs-body: $fs-body
--fs-p: var(--fs-body) --fsp: var(--fs-body)
--fs-p2: 'calc(%s * 0.9)' % $fs-body --fsp1: 'calc(%s - 1px)' % var(--fsp)
--fsp2: 'calc(%s - 2px)' % var(--fsp)
--fsp3: 'calc(%s - 3px)' % var(--fsp)
--gap-l: 16px --gap-l: 16px
--gap-p: 'calc(%s + 4px)' % $fs-body // gap for paragraph --gap-p: 'calc(%s + 4px)' % $fs-body // gap for paragraph
--gap-p-compact: 'calc(%s * 0.75)' % $fs-body --gap-p-compact: 'calc(%s * 0.75)' % $fs-body
@ -89,7 +91,7 @@ $border-button = 4px
// 文章布局风格 // 文章布局风格
.l_body.story .l_body.story
--fs-p: 'calc(%s + 2px)' % $fs-body --fsp: 'calc(%s + 2px)' % $fs-body
--gap-p: 1.5rem --gap-p: 1.5rem
.tag-plugin,p>img .tag-plugin,p>img
margin-top: 2.4rem margin-top: 2.4rem

3
source/css/_defines/const.styl
View File

@ -42,7 +42,8 @@ $color-google-red = #E8453C
$c-red = #F44336 $c-red = #F44336
$c-orange = #FA6400 $c-orange = #FA6400
$c-yellow = #FFBD2B $c-amber = #FFBD2B
$c-yellow = #f2e03d
$c-green = #3DC550 $c-green = #3DC550
$c-cyan = #1BCDFC $c-cyan = #1BCDFC
$c-blue = #2196f3 $c-blue = #2196f3

4
source/css/_defines/theme.styl
View File

@ -15,7 +15,7 @@ $color-text-s = saturation($color-text)
$color-text-l = lightness($color-text) $color-text-l = lightness($color-text)
set_text_dark() set_text_dark()
--text-p0: hsl($color-text-h, $color-text-s, 0) --text: hsl($color-text-h, $color-text-s, 0)
--text-p1: hsl($color-text-h, $color-text-s, $color-text-l) --text-p1: hsl($color-text-h, $color-text-s, $color-text-l)
--text-p2: hsl($color-text-h, $color-text-s, $color-text-l / 0.5 * 0.75) --text-p2: hsl($color-text-h, $color-text-s, $color-text-l / 0.5 * 0.75)
--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)
@ -24,7 +24,7 @@ set_text_dark()
--text-code: hsl($color-code-h, $color-code-s, $color-code-l) --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: hsl($color-text-h, $color-text-s, 100)
--text-p1: hsl($color-text-h, $color-text-s, 100 - $color-text-l / 0.5 * 0.5) --text-p1: hsl($color-text-h, $color-text-s, 100 - $color-text-l / 0.5 * 0.5)
--text-p2: hsl($color-text-h, $color-text-s, 100 - $color-text-l / 0.5 * 0.75) --text-p2: hsl($color-text-h, $color-text-s, 100 - $color-text-l / 0.5 * 0.75)
--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)

2
source/css/_layout/layout.styl
View File

@ -3,7 +3,7 @@
margin: auto margin: auto
padding: 0 var(--gap-l) padding: 0 var(--gap-l)
justify-content: center justify-content: center
font-size: var(--fs-p) font-size: var(--fsp)
.l_body .l_left .l_body .l_left
z-index: 8 z-index: 8

5
source/css/_layout/list.styl
View File

@ -11,7 +11,7 @@
line-height: 1.2 line-height: 1.2
font-size: $fs-h3 font-size: $fs-h3
border-bottom: none border-bottom: none
color: var(--text-p0) color: var(--text)
trans1 color trans1 color
@media screen and (max-width: $device-mobile) @media screen and (max-width: $device-mobile)
font-size: $fs-h4 font-size: $fs-h4
@ -106,7 +106,8 @@
position: absolute position: absolute
line-height: 1.2 line-height: 1.2
width: 'calc(100% - %s * 2)' % 1rem width: 'calc(100% - %s * 2)' % 1rem
color: var(--text-p0) --text-banner: white
color: var(--text-banner)
&[position=top] &[position=top]
top: 0 top: 0
background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0)) background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0))

13
source/css/_layout/md.styl
View File

@ -21,7 +21,7 @@
.l_body[text-indent] .md-text.content .l_body[text-indent] .md-text.content
>p >p
text-indent: 'calc(%s * 2)' % var(--fs-p) text-indent: 'calc(%s * 2)' % var(--fsp)
text-align: convert(hexo-config('style.text-align')) text-align: convert(hexo-config('style.text-align'))
h1,h2,h3,h4,h5,h6 h1,h2,h3,h4,h5,h6
text-align: center text-align: center
@ -37,7 +37,8 @@
margin: 0 margin: 0
blockquote,ul,ol blockquote,ul,ol
p,ul,ol p,ul,ol
font-size: var(--fs-p2) --fsp: var(--fsp1)
font-size: var(--fsp)
line-height: 1.5 line-height: 1.5
code code
font-size: inherit font-size: inherit
@ -59,7 +60,7 @@
.md-text.content .md-text.content
h1,h2,h3,h4,h5,h6 h1,h2,h3,h4,h5,h6
margin-bottom: var(--gap-p) margin-bottom: var(--gap-p)
color: var(--text-p0) color: var(--text)
line-height: 1.8 line-height: 1.8
blockquote, .tag-plugin blockquote, .tag-plugin
h2,h3,h4,h5,h6 h2,h3,h4,h5,h6
@ -78,10 +79,12 @@
color: white color: white
font-weight: 700 font-weight: 700
padding: 0 2px padding: 0 2px
font-size: $fs-12
h2 h2
margin-top: 'calc(%s + 1rem)' % var(--gap-p) margin-top: 'calc(%s + 1rem)' % var(--gap-p)
border-bottom: 1px solid var(--block-border)
font-weight: 400 font-weight: 400
a.headerlink:before
content: ':'
h3 h3
margin-top: 'calc(%s + 0.75rem)' % var(--gap-p) margin-top: 'calc(%s + 0.75rem)' % var(--gap-p)
font-weight: 400 font-weight: 400
@ -93,7 +96,7 @@
margin-top: 0 margin-top: 0
.md-text p .md-text p
font-size: var(--fs-p) font-size: var(--fsp)
.md-text pre .md-text pre
-webkit-font-smoothing: auto -webkit-font-smoothing: auto

6
source/css/_layout/pages/archives.styl
View File

@ -34,7 +34,7 @@
color: var(--text-p4) color: var(--text-p4)
&:hover &:hover
border-bottom: 1px solid $color-theme border-bottom: 1px solid $color-theme
color: var(--text-p0) color: var(--text)
time time
color: $color-theme color: $color-theme
@ -60,7 +60,7 @@
font-size: $fs-12 font-size: $fs-12
&:hover &:hover
background: var(--block-hover) background: var(--block-hover)
color: var(--text-p0) color: var(--text)
.badge .badge
opacity: 1 opacity: 1
color: $color-theme color: $color-theme
@ -90,5 +90,5 @@
&:before &:before
color $color-theme color $color-theme
opacity: 1 opacity: 1
color: var(--text-p0) color: var(--text)
background: var(--block-hover) background: var(--block-hover)

21
source/css/_layout/partial/article-banner.styl
View File

@ -1,15 +1,14 @@
.article.banner .article.banner
--text-banner: var(--text-p0) --text-banner: var(--text)
--button-hover-bg: rgba(black, 0.08)
background: var(--block) background: var(--block)
margin: 0 margin: 0
height: unset height: unset
.article.banner .article.banner
.bg+.content .bg+.content
min-height: 240px
--text-banner: white --text-banner: white
--button-hover-bg: rgba(white, 0.2) --button-hover-bg: rgba(white, 0.25)
background: rgba(black, 0.1)
.article.banner .content .article.banner .content
.top .top
@ -41,6 +40,18 @@
-webkit-backdrop-filter: saturate(var(--blur-sat)) blur(var(--blur-px)) -webkit-backdrop-filter: saturate(var(--blur-sat)) blur(var(--blur-px))
&:hover &:hover
.bg+.content .bg+.content
--blur-bg: rgba(black, 0.2) --blur-bg: rgba(black, 0.1)
--blur-px: 20px --blur-px: 20px
--blur-sat: 150% --blur-sat: 150%
.article.banner
--button-hover-bg: rgba(black, 0.05)
set_darkmode()
.article.banner
--button-hover-bg: rgba(white, 0.15)
if hexo-config('style.darkmode') == 'auto'
@media (prefers-color-scheme: dark)
set_darkmode()
if hexo-config('style.darkmode') == 'always'
set_darkmode()

18
source/css/_layout/partial/article-footer.styl
View File

@ -11,6 +11,7 @@
color: var(--text-p2) color: var(--text-p2)
font-size: $fs-h4 font-size: $fs-h4
.body .body
--fsp: var(--fsp2)
input.copy-area input.copy-area
margin: 0.75rem 0 margin: 0.75rem 0
padding: 0 padding: 0
@ -24,9 +25,16 @@
margin: 0 margin: 0
overflow: hidden overflow: hidden
.post-title .post-title
margin: 0.5rem 0 margin: 2px 0
line-height: 1.2 line-height: 1.2
word-break: break-all word-break: break-all
p
--fsp: var(--fsp2)
a
text-decoration: none
color: unset
&:hover
text-decoration: underline
section+section section+section
margin-top: 1rem margin-top: 1rem
padding-top: 1rem padding-top: 1rem
@ -43,11 +51,15 @@
border-radius: 4px border-radius: 4px
box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.1), 0 0 32px 0px rgba(0, 0, 0, 0.1) box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.1), 0 0 32px 0px rgba(0, 0, 0, 0.1)
overflow: hidden overflow: hidden
trans1 height trans1 all
height: 0
margin: 0 auto
transform: scale(0.01)
img img
object-fit: contain object-fit: contain
.md-text .article-footer .qrcode.display .md-text .article-footer .qrcode.display
margin: 2rem auto 1rem margin: 2rem auto 1rem
height: 128px !important height: 128px !important
visibility: visible !important opacity: 1 !important
transform: scale(1)

4
source/css/_layout/partial/cover.styl
View File

@ -16,13 +16,13 @@
flex-direction: column flex-direction: column
justify-content: center justify-content: center
align-items: center align-items: center
font-size: var(--fs-p) font-size: var(--fsp)
.cover-title .cover-title
font-weight: 700 font-weight: 700
font-size: 1.5rem font-size: 1.5rem
margin: 1rem 0 margin: 1rem 0
line-height: 1.2 line-height: 1.2
color: var(--text-p0) color: var(--text)
.description .description
margin: 1rem 0 margin: 1rem 0
.start-wrap .start-wrap

4
source/css/_layout/partial/footer.styl
View File

@ -1,8 +1,8 @@
.page-footer .page-footer
margin: 4rem 1rem 3rem margin: 4rem 1rem 3rem
color: var(--text-p3) color: var(--text-p2)
a a
color: var(--text-p3) color: var(--text-p2)
&:hover &:hover
color: $color-hover color: $color-hover

3
source/css/_layout/partial/navbar.styl
View File

@ -21,10 +21,11 @@
left: 1rem left: 1rem
background: var(--block-hover) background: var(--block-hover)
nav.cap nav.sub
display: flex display: flex
overflow: scroll visible overflow: scroll visible
scrollbar(0, 0) scrollbar(0, 0)
font-size: $fs-14
>p >p
margin: 0 margin: 0
a a

8
source/css/_layout/partial/related.styl
View File

@ -31,7 +31,8 @@ article.md-text.content+.related-wrap
.title .title
color: var(--text-p1) color: var(--text-p1)
font-weight: 500 font-weight: 500
font-size: 1rem --fsp: var(--fsp1)
font-size: var(--fsp)
trans2 color border trans2 color border
position: relative position: relative
padding-bottom: 2px padding-bottom: 2px
@ -39,7 +40,8 @@ article.md-text.content+.related-wrap
line-height: 1.6 line-height: 1.6
.excerpt .excerpt
color: var(--text-p3) color: var(--text-p3)
font-size: $fs-12 --fsp: var(--fsp3)
font-size: var(--fsp)
margin-top: 0.5rem margin-top: 0.5rem
display: -webkit-box display: -webkit-box
-webkit-box-orient: vertical -webkit-box-orient: vertical
@ -65,7 +67,7 @@ article.md-text.content+.related-wrap
padding: 1rem 0 padding: 1rem 0
.note .note
margin-bottom: 0.75rem margin-bottom: 0.75rem
font-size: $fs-12 font-size: $fs-13
color: var(--text-p4) color: var(--text-p4)
font-weight: 500 font-weight: 500
a a

2
source/css/_layout/sidebar/logo.styl
View File

@ -64,7 +64,7 @@
display: block display: block
position: relative position: relative
.main .main
color: var(--text-p0) color: var(--text)
.sub .sub
color: var(--text-p1) color: var(--text-p1)
trans2 opacity transform trans2 opacity transform

7
source/css/_layout/sidebar/search.styl
View File

@ -12,7 +12,7 @@
transition: 0.38s ease-out transition: 0.38s ease-out
z-index: 0 z-index: 0
border-radius: $border-bar border-radius: $border-bar
color: var(--text-p0) color: var(--text)
background: var(--alpha50) background: var(--alpha50)
&:has(input:focus) &:has(input:focus)
background: var(--alpha100) background: var(--alpha100)
@ -23,7 +23,7 @@
font-family: $ff-body font-family: $ff-body
font-size: $fs-13 font-size: $fs-13
padding: 12px 0 padding: 12px 0
color: var(--text-p0) color: var(--text)
.search-button .search-button
border-radius: $border-bar border-radius: $border-bar
line-height: 40px line-height: 40px
@ -80,6 +80,7 @@
.search-result-title .search-result-title
color: var(--text-p1) color: var(--text-p1)
font-weight: 700 font-weight: 700
font-size: $fs-15
.search-result-content .search-result-content
overflow: hidden overflow: hidden
@ -87,7 +88,7 @@
margin: 4px 0 0 margin: 4px 0 0
max-height: 13em max-height: 13em
text-align: justify text-align: justify
font-size: $fs-12 font-size: $fs-13
display: -webkit-box display: -webkit-box
-webkit-box-orient: vertical -webkit-box-orient: vertical
overflow: hidden overflow: hidden

8
source/css/_layout/tag-plugins/common.styl
View File

@ -1,11 +1,11 @@
set_text_white() set_text_white()
--text-p0: white --text: white
--text-p1: white --text-p1: white
--text-p2: hsl(0 0 88%) --text-p2: hsl(0 0 88%)
--text-p3: #ddd --text-p3: #ddd
--text-code: white --text-code: white
set_text_black() set_text_black()
--text-p0: black --text: black
--text-p1: #111 --text-p1: #111
--text-p2: hsl(0 0 12%) --text-p2: hsl(0 0 12%)
--text-p3: #555 --text-p3: #555
@ -16,7 +16,7 @@ set_dynamic_color($theme)
--theme-border: hsl(hue($theme), 50, 80) --theme-border: hsl(hue($theme), 50, 80)
--theme-block: hsl(hue($theme), 90, 92) --theme-block: hsl(hue($theme), 90, 92)
--theme-codeblock: hsl(hue($theme), 50, 95) --theme-codeblock: hsl(hue($theme), 50, 95)
--text-p0: hsl(hue($theme), 55, 16) --text: hsl(hue($theme), 55, 16)
--text-p1: hsl(hue($theme), 55, 20) --text-p1: hsl(hue($theme), 55, 20)
--text-p2: hsl(hue($theme), 90, 24) --text-p2: hsl(hue($theme), 90, 24)
@ -68,7 +68,7 @@ set_darkmode_tags()
--theme-border: hsl(hue($theme), 50, 24) --theme-border: hsl(hue($theme), 50, 24)
--theme-block: hsl(hue($theme), 16, 16) --theme-block: hsl(hue($theme), 16, 16)
--theme-codeblock: hsl(hue($theme), 12, 18) --theme-codeblock: hsl(hue($theme), 12, 18)
--text-p0: hsl(hue($theme), 100, 85) --text: hsl(hue($theme), 100, 85)
--text-p1: hsl(hue($theme), 50, 75) --text-p1: hsl(hue($theme), 50, 75)
--text-p2: hsl(hue($theme), 80, 72) --text-p2: hsl(hue($theme), 80, 72)
.tag-plugin.tag .tag-plugin.tag

3
source/css/_layout/tag-plugins/copy.styl
View File

@ -7,6 +7,7 @@
border: 1px solid var(--block-border) border: 1px solid var(--block-border)
overflow: hidden overflow: hidden
width: 100% width: 100%
min-width: 200px
span span
line-height: 3 line-height: 3
padding: 0 1rem padding: 0 1rem
@ -14,7 +15,7 @@
border-right: 1px solid var(--block-border) border-right: 1px solid var(--block-border)
color: var(--text-p3) color: var(--text-p3)
font-family: $ff-code font-family: $ff-code
font-size: $fs-12 font-size: $fs-13
font-weight: 700 font-weight: 700
flex-shrink: 0 flex-shrink: 0
input.copy-area input.copy-area

7
source/css/_layout/tag-plugins/folders.styl
View File

@ -1,6 +1,7 @@
.tag-plugin.folders .tag-plugin.folders
margin: var(--gap-p) 0 margin: var(--gap-p) 0
font-size: $fs-14 --fsp: var(--fsp2)
font-size: var(--fsp)
border-top: 1px solid var(--block-border) border-top: 1px solid var(--block-border)
overflow: hidden overflow: hidden
.folder .folder
@ -24,7 +25,7 @@
display: inline display: inline
border-bottom: none !important border-bottom: none !important
&:hover &:hover
color: var(--text-p0) color: var(--text)
&:after &:after
position: absolute position: absolute
content: '+' content: '+'
@ -42,7 +43,7 @@
content: '-' content: '-'
>div.body >div.body
font-size: $fs-15 --fsp: var(--fsp1)
>:first-child >:first-child
margin-top: 1rem margin-top: 1rem
>:last-child >:last-child

6
source/css/_layout/tag-plugins/folding.styl
View File

@ -11,7 +11,8 @@ details.folding
margin: -1rem margin: -1rem
color: var(--text-p2) color: var(--text-p2)
font-weight: 500 font-weight: 500
font-size: $fs-14 --fsp: var(--fsp2)
font-size: var(--fsp)
position: relative position: relative
line-height: 1.2 line-height: 1.2
outline: none outline: none
@ -22,7 +23,7 @@ details.folding
display: inline display: inline
border-bottom: none !important border-bottom: none !important
&:hover &:hover
color: var(--text-p0) color: var(--text)
&:after &:after
position: absolute position: absolute
content: '+' content: '+'
@ -44,6 +45,7 @@ details.folding[open]
padding: 0 1rem 1rem padding: 0 1rem 1rem
margin: 0 -1rem -1rem margin: 0 -1rem -1rem
color: var(--text-p1) color: var(--text-p1)
--fsp: var(--fsp1)
>:first-child >:first-child
margin-top: 1rem margin-top: 1rem
>:last-child >:last-child

3
source/css/_layout/tag-plugins/hashtag.styl
View File

@ -6,7 +6,8 @@
margin: 2px 0 margin: 2px 0
display: inline-flex display: inline-flex
align-items: center align-items: center
font-size: $fs-13 --fsp: var(--fsp2)
font-size: var(--fsp)
font-weight: 500 font-weight: 500
trans2 background color trans2 background color
span span

2
source/css/_layout/tag-plugins/image.styl
View File

@ -31,7 +31,7 @@
padding: 0.5rem 0 padding: 0.5rem 0
.image-caption .image-caption
display: inline-block display: inline-block
font-size: $fs-12 font-size: $fs-13
color: var(--text-p2) color: var(--text-p2)
line-height: 1.5 line-height: 1.5
text-align: justify text-align: justify

2
source/css/_layout/tag-plugins/link.styl
View File

@ -9,7 +9,7 @@
justify-content: space-between justify-content: space-between
align-items: center align-items: center
cursor: pointer cursor: pointer
width: 340px width: 300px
max-width: 100% max-width: 100%
box-shadow: $boxshadow-card box-shadow: $boxshadow-card
border-radius: $border-bar border-radius: $border-bar

2
source/css/_layout/tag-plugins/mark.styl
View File

@ -2,4 +2,4 @@
padding: 1px 2px padding: 1px 2px
border-radius: 2px border-radius: 2px
background: var(--theme-block) background: var(--theme-block)
color: var(--text-p0) color: var(--text)

8
source/css/_layout/tag-plugins/note.styl
View File

@ -8,14 +8,16 @@
border: 1px solid var(--theme-border) border: 1px solid var(--theme-border)
color: var(--text-p1) color: var(--text-p1)
>.title >.title
font-size: $fs-15 --fsp: var(--fsp1)
font-size: var(--fsp)
line-height: 1.5 line-height: 1.5
margin-top: var(--gap-p-compact) margin-top: var(--gap-p-compact)
font-weight: 500 font-weight: 500
color: var(--text-p0) color: var(--text)
>.body >.body
&,p &,p
font-size: $fs-14 --fsp: var(--fsp2)
font-size: var(--fsp)
line-height: 1.5 line-height: 1.5
margin-top: var(--gap-p-compact) margin-top: var(--gap-p-compact)
margin-bottom: var(--gap-p-compact) margin-bottom: var(--gap-p-compact)

10
source/css/_layout/tag-plugins/poetry.styl
View File

@ -5,11 +5,11 @@
.content .content
>.title >.title
font-weight: 500 font-weight: 500
font-size: 1rem
margin-top: var(--gap-p) margin-top: var(--gap-p)
>.meta >.meta
color: var(--text-p2) color: var(--text-p2)
font-size: $fs-12 --fsp: var(--fsp3)
font-size: var(--fsp)
font-weight: 500 font-weight: 500
span+span span+span
margin-left: 4px margin-left: 4px
@ -17,13 +17,13 @@
margin: var(--gap-p) 0 margin: var(--gap-p) 0
border-top: 1px dashed var(--block-border) border-top: 1px dashed var(--block-border)
border-bottom: 1px dashed var(--block-border) border-bottom: 1px dashed var(--block-border)
p line-height: 2
font-size: $fs-14
>.footer >.footer
font-style: italic font-style: italic
color: var(--text-p4) color: var(--text-p4)
margin: var(--gap-p) 0 margin: var(--gap-p) 0
font-size: $fs-12 --fsp: var(--fsp3)
font-size: var(--fsp)
// 描边修饰 // 描边修饰
.md-text .tag-plugin.poetry .content .md-text .tag-plugin.poetry .content

2
source/css/_layout/tag-plugins/quot.styl
View File

@ -33,7 +33,7 @@
margin-bottom: 0 margin-bottom: 0
p p
font-size: $fs-h4 font-size: $fs-h4
color: var(--text-p0) color: var(--text)
// type=text // type=text
.md-text .tag-plugin.quot .md-text .tag-plugin.quot

5
source/css/_layout/tag-plugins/tabs.styl
View File

@ -42,7 +42,8 @@
display: block display: block
cursor: pointer cursor: pointer
padding: .25rem .75rem padding: .25rem .75rem
font-size: $fs-13 --fsp: var(--fsp3)
font-size: var(--fsp)
line-height: inherit line-height: inherit
font-weight: 500 font-weight: 500
color: var(--text-p3) color: var(--text-p3)
@ -83,6 +84,6 @@
width: 100% width: 100%
.l_body[text-indent] .md-text .tag-plugin.tabs .tab-content .tab-pane>p:not([class]) .l_body[text-indent] .md-text .tag-plugin.tabs .tab-content .tab-pane>p:not([class])
text-indent: 'calc(%s * 2)' % var(--fs-p) text-indent: 'calc(%s * 2)' % var(--fsp)
a a
text-indent: 0 text-indent: 0

33
source/css/_layout/tag-plugins/timeline.styl
View File

@ -49,11 +49,11 @@
align-items: center align-items: center
position: relative position: relative
margin: 0.25rem 0 margin: 0.25rem 0
font-size: $fs-12 font-size: $fs-13
.user-info .user-info
display: flex display: flex
align-items: center align-items: center
font-size: $fs-12 font-size: $fs-13
font-weight: 500 font-weight: 500
color: var(--text-p1) color: var(--text-p1)
margin-right: 4px margin-right: 4px
@ -77,7 +77,7 @@
line-height: 1 line-height: 1
p p
margin: 0 !important margin: 0 !important
font-size: $fs-12 !important font-size: $fs-13 !important
a a
color: inherit color: inherit
font-weight: inherit font-weight: inherit
@ -102,7 +102,7 @@
margin-top: 4px margin-top: 4px
box-shadow: $boxshadow-block box-shadow: $boxshadow-block
p p
font-size: $fs-14 --fsp: var(--fsp1)
img img
display: block display: block
&:empty &:empty
@ -123,11 +123,12 @@
color: var(--text-p1) color: var(--text-p1)
line-height: 1.25 line-height: 1.25
padding: 0.75rem 1rem padding: 0.75rem 1rem
--fsp: var(--fsp1)
font-size: var(--fsp)
.tag-plugin.timeline[api] .body .tag-plugin.timeline[api] .body
p.title p.title
font-size: 1rem
font-weight: 700 font-weight: 700
margin: 0.5rem 0 0.75rem margin: 0.5rem 0 0.75rem
line-height: 1.25 line-height: 1.25
@ -136,8 +137,22 @@
font-weight: 500 font-weight: 500
a a
color: inherit color: inherit
text-decoration: none
border-bottom: 2px solid $color-theme
trans1 all
&:hover &:hover
color: $color-hover border-bottom: 2px solid $color-hover
p:first-child:not([class]) a:not([class])
padding: 0
margin: 0
color: inherit
text-decoration: none
border-bottom: 2px solid $color-theme
trans1 all
&:hover
border-bottom: 2px solid $color-hover
a a
&:has(img):after &:has(img):after
display: none display: none
@ -146,7 +161,7 @@
img img
margin: 0.5rem auto margin: 0.5rem auto
pre code pre code
font-size: $fs-12 font-size: $fs-13
.tag-plugin.timeline[api] .body .footer .tag-plugin.timeline[api] .body .footer
margin: 0 0 -0.5rem margin: 0 0 -0.5rem
@ -165,7 +180,7 @@
.flex .flex
display: flex display: flex
flex-wrap: wrap flex-wrap: wrap
font-size: $fs-12 font-size: $fs-13
align-items: stretch align-items: stretch
.tag-plugin.timeline[api] .body .footer .tag-plugin.timeline[api] .body .footer
@ -190,7 +205,7 @@
padding: 0 0.5rem padding: 0 0.5rem
margin: 0.75rem 0 margin: 0.75rem 0
p p
font-size: $fs-13 --fsp: var(--fsp2)
margin: 0.25rem margin: 0.25rem
.tag-plugin.timeline .body .tag-plugin.timeline .body

2
source/css/_layout/widgets/ghuser.styl
View File

@ -23,7 +23,7 @@
p.username p.username
font-weight: 900 font-weight: 900
font-size: $fs-h2 font-size: $fs-h2
color: var(--text-p0) color: var(--text)
margin: 0 margin: 0
p.bio p.bio
font-size: $fs-13 font-size: $fs-13

4
source/css/_layout/widgets/markdown.styl
View File

@ -6,8 +6,8 @@
a:not([class]) a:not([class])
trans1 all trans1 all
border-bottom: 1px solid var(--text-p0) border-bottom: 1px solid var(--text)
color: var(--text-p0) color: var(--text)
&:hover &:hover
color: $color-hover color: $color-hover
border-bottom: 1px solid $color-hover border-bottom: 1px solid $color-hover

2
source/css/_layout/widgets/timeline.styl
View File

@ -23,7 +23,7 @@
a a
trans1 all trans1 all
border-bottom: 1px solid var(--text-p0) border-bottom: 1px solid var(--text)
color: var(--text-p1) color: var(--text-p1)
&:hover &:hover
color: $color-hover color: $color-hover

6
source/css/_layout/widgets/toc_common.styl
View File

@ -1,8 +1,4 @@
.widget-wrapper.toc.single .widget-header
font-weight: 500
font-size: $fs-12
.toc-item .toc-item
margin-top: 2px margin-top: 2px
.toc-child .toc-child
@ -60,7 +56,7 @@
bottom: 'calc(50% - %s)' % 6px bottom: 'calc(50% - %s)' % 6px
width: 2px width: 2px
border-radius: 2px border-radius: 2px
background: var(--text-p0) background: var(--text)
visibility: hidden visibility: hidden
&.active &.active
background: var(--alpha50) background: var(--alpha50)

6
source/css/_layout/widgets/toc_wiki.styl
View File

@ -10,7 +10,7 @@
// 其它分页链接 // 其它分页链接
.widget-wrapper.toc.multi .doc-tree .widget-wrapper.toc.multi .doc-tree
border-radius: $border-card border-radius: $border-bar
overflow: hidden overflow: hidden
a.doc-tree-link a.doc-tree-link
color: var(--text-p1) color: var(--text-p1)
@ -52,8 +52,8 @@
padding: 4px 10px padding: 4px 10px
border: 1px solid var(--alpha50) border: 1px solid var(--alpha50)
background: var(--alpha20) background: var(--alpha20)
border-bottom-left-radius: $border-card border-bottom-left-radius: $border-bar
border-bottom-right-radius: $border-card border-bottom-right-radius: $border-bar
a.toc-link:before a.toc-link:before
left: -7px left: -7px
width: 4px width: 4px

4
source/css/_layout/widgets/widgets.styl
View File

@ -17,10 +17,10 @@
padding-right: var(--gap-l) padding-right: var(--gap-l)
display: flex display: flex
justify-content: space-between justify-content: space-between
align-items: center align-items: baseline
line-height: 28px line-height: 28px
font-weight: 500 font-weight: 500
font-size: $fs-12 font-size: $fs-13
color: var(--text-p1) color: var(--text-p1)
.item .item
display: block display: block

2
source/css/_plugins/swiper.styl
View File

@ -40,7 +40,7 @@ div.swiper-slide
border-radius: 40px border-radius: 40px
background: alpha(white, 0.25) background: alpha(white, 0.25)
trans1 background trans1 background
--swiper-theme-color: var(--text-p0) !important --swiper-theme-color: var(--text) !important
&:after &:after
font-size: 1.2rem !important font-size: 1.2rem !important
font-weight: 700 !important font-weight: 700 !important

4
source/css/_plugins/tianli_gpt.styl
View File

@ -6,7 +6,7 @@
--heo-theme-none: #4259ef01 --heo-theme-none: #4259ef01
--heo-background: var(--site-bg) --heo-background: var(--site-bg)
--heo-hovertext: var(--text-code) --heo-hovertext: var(--text-code)
--heo-secondtext: var(--text-p0) --heo-secondtext: var(--text)
--heo-scrollbar: var(--block-border) --heo-scrollbar: var(--block-border)
--heo-secondbg: var(--block) --heo-secondbg: var(--block)
--heo-card-bg: var(--block) --heo-card-bg: var(--block)
@ -70,7 +70,7 @@
.tianliGPT-suggestions .tianliGPT-suggestions-item:hover .tianliGPT-suggestions .tianliGPT-suggestions-item:hover
background: $color-theme background: $color-theme
color: var(--text-p0) color: var(--text)
.blinking-cursor .blinking-cursor
background-color: var(--text-p2) background-color: var(--text-p2)