yiqiu/BlackFruit-UI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: body 背景改为深色 #0A0C16，消除滚动闪白
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source 
- reset.css body background: #FFFFFF → #0A0C16
- theme.css body background: #FFFFFF → #0A0C16
- 修复 theme.css 被误删的规则（textarea/input）
- 滚动条颜色适配深色主题
This commit is contained in:
yiqiu
2026-03-18 18:13:08 +08:00
parent 0581515005
commit fcd7eff3e8
2 changed files with 80 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
common/reset.css
View File

@@ -34,8 +34,8 @@ h5 {
} }
body { body {
background-color: #FFFFFF; background-color: #0A0C16;
color: rgba(0, 0, 0, 0.90); color: rgba(220, 228, 240, 0.9);
font-size: 16px; font-size: 16px;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 400; font-weight: 400;

158
common/theme.css
View File

@@ -1,20 +1,20 @@
h1 { h1 {
font-size: 40px; font-size: 40px;
/* font-weight: bold; */ /* font-weight: bold; */
} }
h2 { h2 {
font-size: 32px; font-size: 32px;
} }
h3 { h3 {
font-size: 24px; font-size: 24px;
} }
h4 { h4 {
font-size: 22px; font-size: 22px;
} }
h5 { h5 {
font-size: 20px; font-size: 20px;
} }
@@ -23,39 +23,38 @@ h5 {
/* 全站主色：亮蓝偏青，科技感更强，和首页地球/轨迹保持一致 */ /* 全站主色：亮蓝偏青，科技感更强，和首页地球/轨迹保持一致 */
color: #38BDF8; color: #38BDF8;
} }
textarea { textarea {
resize: none; resize: none;
} }
body { body {
background-color: #FFFFFF; background-color: #0A0C16;
color: rgba(0, 0, 0, 0.90); color: rgba(220, 228, 240, 0.9);
font-size: 14px; font-size: 14px;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 400; font-weight: 400;
} }
input { input {
outline: none; outline: none;
} }
/* 盒子阴影 */ /* 盒子阴影 */
.box-shadow { .box-shadow {
background: #FFFFFF; background: #FFFFFF;
box-shadow: 0px 0px 16px rgba(52, 52, 52, 0.16); box-shadow: 0px 0px 16px rgba(52, 52, 52, 0.16);
} }
.box-shadow-light { .box-shadow-light {
background: #FFFFFF; background: #FFFFFF;
box-shadow: 0px 0px 8px rgba(52, 52, 52, 0.08); box-shadow: 0px 0px 8px rgba(52, 52, 52, 0.08);
} }
a { a {
color: #666; color: #999;
cursor: pointer; cursor: pointer;
text-decoration: none; text-decoration: none;
} }
@@ -72,32 +71,31 @@ a:hover {
.link-hover:hover { .link-hover:hover {
color: rgba(56, 189, 248, 1) !important; color: rgba(56, 189, 248, 1) !important;
} }
.title-desc { .title-desc {
color: rgba(0, 0, 0, 0.9); color: rgba(220, 228, 240, 0.8);
font-size: 14px; font-size: 14px;
} }
::-webkit-scrollbar-thumb {
::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.15);
background-color: rgba(0, 0, 0, 0.2); border: 1px solid rgba(255, 255, 255, 0.05);
border: 1px solid #fff; border-radius: 10px;
border-radius: 10px; }
}
::-webkit-scrollbar {
::-webkit-scrollbar { width: 6px;
width: 6px; height: 6px;
height: 6px; }
}
.animated {
.animated { animation-duration: .5s !important;
animation-duration: .5s !important; }
}
/* 按钮：统一改为无圆角，更贴近偏硬朗的科技风 */ /* 按钮：统一改为无圆角，更贴近偏硬朗的科技风 */
.btn { .btn {
padding: 8px 20px; padding: 8px 20px;
@@ -135,11 +133,11 @@ a:hover {
background: linear-gradient(135deg, #0EA5E9 0%, #4F46E5 100%); background: linear-gradient(135deg, #0EA5E9 0%, #4F46E5 100%);
box-shadow: 0 14px 36px rgba(56, 189, 248, 0.6); box-shadow: 0 14px 36px rgba(56, 189, 248, 0.6);
} }
.btn-normal:disabled { .btn-normal:disabled {
opacity: 0.4; opacity: 0.4;
} }
.btn-normal-light { .btn-normal-light {
color: rgba(15, 23, 42, 0.9); color: rgba(15, 23, 42, 0.9);
background: rgba(255, 255, 255, 0.95); background: rgba(255, 255, 255, 0.95);