biss/blog
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

update theme

Browse Source
This commit is contained in:
biss
2026-02-10 21:17:10 +08:00
parent 522a86b511
commit 4fff64f05f
6 changed files with 106 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
themes/butterfly/source/css/poem.css
View File

@@ -1,14 +1,12 @@
[data-theme=light] {
--fontcolor: #363636;
--text: rgba(60, 60, 67, 0.6);
--btn-bg: #edf0f7;
--bg: #edf0f7;
}
[data-theme=dark] {
--fontcolor: #F7F7FA;
--text: #a1a2b8;
--btn-bg: #30343f;
--bg: #30343f;
}
div#poem_sentence{
@@ -42,4 +40,28 @@ div#poem_dynasty{
background: var(-btn-bg);
color: var(--fontcolor);
border-radius: 8px;
}
#card-poem{
display: flex;
flex-direction: column;
padding: 0.5rem!important;
min-height: 130px;
background: linear-gradient(-45deg, rgba(255, 255, 255, .7),
rgba(255, 255, 255, .8),
rgba(255, 255, 255, .8),
rgba(255, 255, 255, .7))!important;
backdrop-filter: blur(10px);
}
[data-theme=dark] #card-poem{
display: flex;
flex-direction: column;
padding: 0.5rem!important;
min-height: 130px;
background: linear-gradient(-45deg, rgba(24, 40, 72, .7),
rgba(35, 37, 58, .8),
rgba(35, 37, 58, .8),
rgba(24, 40, 72, .7))!important;
backdrop-filter: blur(10px);
}

27
themes/butterfly/source/css/shuoshuoshouye.css
View File

@@ -54,12 +54,17 @@
}
}
/* 重点修改：bber-talk 的磨砂玻璃背景 */
#bber-talk {
/* border-radius: 8px; */
/* background: var(--card-bg); */
/* box-shadow: none; */
/* 统一磨砂玻璃效果 */
background: linear-gradient(-45deg, rgba(255, 255, 255, .7), rgba(255, 255, 255, .8), rgba(255, 255, 255, .8), rgba(255, 255, 255, .7)) !important;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-radius: 12px; /* 给哔哔栏加一点圆角，更符合玻璃质感 */
border: 1px solid rgba(255, 255, 255, 0.3); /* 增加边缘高光 */
box-sizing: border-box;
/* transition: all .3s ease-in-out; */
cursor: pointer;
width: 100%;
min-height: 50px;
@@ -68,6 +73,18 @@
align-items: center;
overflow: hidden;
font-weight: 700;
transition: all .3s ease-in-out;
}
/* 暗黑模式适配 */
[data-theme=dark] #bber-talk {
background: linear-gradient(-45deg, rgba(24, 40, 72, .7), rgba(35, 37, 58, .8), rgba(35, 37, 58, .8), rgba(24, 40, 72, .7)) !important;
border: 1px solid rgba(255, 255, 255, 0.1);
}
#bber-talk:hover {
transform: translateY(-2px); /* 悬停微动，增加交互感 */
box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}
#bber-talk,
@@ -120,4 +137,4 @@
text-align: center;
margin-right: 20px;
}
}
}

31
themes/butterfly/source/css/style.css
View File

@@ -23,8 +23,7 @@
rgba(255, 255, 255, 0.0),
rgba(255, 255, 255, 0.3),
rgba(255, 255, 255, 0.6),
rgba(255, 255, 255, 0.7)),
url('/config/img/dog.jpg'); /* 鼠标悬停时显示的背景图片 */
rgba(255, 255, 255, 0.7)); /* 鼠标悬停时显示的背景图片 */
background-size: cover;
background-repeat: no-repeat;
opacity: 0.5;
@@ -37,8 +36,7 @@
rgba(24, 40, 72, .1),
rgba(35, 37, 58, .3),
rgba(35, 37, 58, .6),
rgba(24, 40, 72, .7)),
url('/config/img/dog.jpg'); /* 鼠标悬停时显示的背景图片 */
rgba(24, 40, 72, .7)); /* 鼠标悬停时显示的背景图片 */
background-size: cover;
background-repeat: no-repeat;
}
@@ -150,31 +148,6 @@
border-radius: 10px;
}
/* 古诗词卡片 */
#card-poem{
display: flex;
flex-direction: column;
padding: 0.5rem!important;
min-height: 130px;
background: linear-gradient(-45deg, rgba(255, 255, 255, .7),
rgba(255, 255, 255, .8),
rgba(255, 255, 255, .8),
rgba(255, 255, 255, .7))!important;
backdrop-filter: blur(10px);
}
[data-theme=dark] #card-poem{
display: flex;
flex-direction: column;
padding: 0.5rem!important;
min-height: 130px;
background: linear-gradient(-45deg, rgba(24, 40, 72, .7),
rgba(35, 37, 58, .8),
rgba(35, 37, 58, .8),
rgba(24, 40, 72, .7))!important;
backdrop-filter: blur(10px);
}
/*文章页面*/
.layout>#post {
background: linear-gradient(-45deg, rgba(255, 255, 255, .7),