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

修复夜间

Browse Source
This commit is contained in:
biss
2026-06-20 10:17:59 +08:00 Unverified
parent 72143f35af
commit c87955a03f
1 changed files with 97 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/site.css
+97 -62
View File
@@ -21,12 +21,12 @@
color-scheme: dark;
--bg: #0b1014;
--surface: #141b21;
--text: #e7edf0;
--muted: #9ba9b1;
--line: rgba(166, 184, 194, 0.2);
--accent: #7dd3c7;
--text: #eef4f6;
--muted: #b6c3c9;
--line: rgba(181, 198, 207, 0.28);
--accent: #8be0d5;
--accent-strong: #b7e7d4;
--shadow: 0 18px 52px rgba(0, 0, 0, 0.36);
--shadow: 0 18px 52px rgba(0, 0, 0, 0.44);
}
* {
@@ -632,7 +632,7 @@ a {
:root[data-theme='dark'] .custom-context-menu {
border-color: rgba(166, 184, 194, 0.2);
color: #d8e5e2;
color: #e2ecef;
background:
linear-gradient(145deg, rgba(27, 39, 47, 0.9), rgba(10, 17, 22, 0.82)),
rgba(14, 22, 28, 0.84);
@@ -643,8 +643,8 @@ a {
:root[data-theme='dark'] .context-menu-nav :where(a, button) {
border-color: rgba(166, 184, 194, 0.16);
color: #b7c3c8;
background: rgba(255, 255, 255, 0.06);
color: #c7d4d9;
background: rgba(255, 255, 255, 0.08);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
@@ -659,7 +659,7 @@ a {
}
:root[data-theme='dark'] .custom-context-menu i {
color: #a8b5ba;
color: #c1cdd2;
}
.hero {
@@ -843,6 +843,8 @@ a {
}
.page-header-eyebrow {
position: relative;
z-index: 1;
margin: 0 0 8px;
color: var(--accent);
font-size: 0.86rem;
@@ -851,6 +853,8 @@ a {
.page-header-card h1,
.content-wrap .page-header-card h1 {
position: relative;
z-index: 1;
margin: 0;
color: #20242a;
font-size: clamp(2rem, 5vw, 3.6rem);
@@ -858,6 +862,8 @@ a {
}
.page-header-subtitle {
position: relative;
z-index: 1;
max-width: 620px;
margin: 12px 0 0;
color: var(--muted);
@@ -3434,48 +3440,50 @@ meting-js {
:root[data-theme='dark'] #talk:empty::before,
:root[data-theme='dark'] #talk .talk_item {
border-color: rgba(174, 205, 197, 0.18);
border-color: rgba(181, 198, 207, 0.24);
background:
radial-gradient(circle at 14% 0%, rgba(114, 222, 210, 0.1), transparent 34%),
linear-gradient(145deg, rgba(28, 43, 47, 0.82), rgba(12, 22, 25, 0.72)),
rgba(17, 28, 31, 0.74);
radial-gradient(circle at 14% 0%, rgba(139, 224, 213, 0.1), transparent 34%),
linear-gradient(145deg, rgba(22, 32, 39, 0.92), rgba(8, 14, 19, 0.86)),
rgba(12, 19, 25, 0.88);
box-shadow: var(--shadow);
}
:root[data-theme='dark'] #talk .talk_item .talk_content {
color: #dce9e6;
color: var(--text);
}
:root[data-theme='dark'] #talk .talk_item .talk_bottom span.talk_tag,
:root[data-theme='dark'] #talk .talk_item .talk_bottom span.location_tag,
:root[data-theme='dark'] #talk .talk_item .talk_content .shuoshuo-external-link {
border-color: rgba(114, 222, 210, 0.2);
background: rgba(114, 222, 210, 0.1);
border-color: rgba(139, 224, 213, 0.28);
color: #e6f4f6;
background: rgba(139, 224, 213, 0.13);
}
:root[data-theme='dark'] #talk .talk_meta,
:root[data-theme='dark'] #talk .talk_item .talk_bottom {
border-color: rgba(174, 205, 197, 0.2);
border-color: rgba(181, 198, 207, 0.26);
color: var(--muted);
}
:root[data-theme='dark'] .hero-talk {
border-color: rgba(174, 205, 197, 0.18);
border-color: rgba(181, 198, 207, 0.24);
background:
linear-gradient(135deg, rgba(28, 43, 47, 0.58), rgba(12, 22, 25, 0.38)),
rgba(17, 28, 31, 0.34);
linear-gradient(135deg, rgba(22, 32, 39, 0.78), rgba(8, 14, 19, 0.72)),
rgba(12, 19, 25, 0.74);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.1),
0 18px 46px rgba(0, 0, 0, 0.2);
0 18px 46px rgba(0, 0, 0, 0.34);
}
:root[data-theme='dark'] .hero-talk .item {
border-top-color: rgba(174, 205, 197, 0.16);
color: #dce9e6;
border-top-color: rgba(181, 198, 207, 0.22);
color: var(--text);
}
:root[data-theme='dark'] .hero-talk-head a {
border-color: rgba(114, 222, 210, 0.2);
background: rgba(114, 222, 210, 0.1);
border-color: rgba(139, 224, 213, 0.28);
background: rgba(139, 224, 213, 0.13);
}
.external-redirect {
@@ -3732,11 +3740,11 @@ meting-js {
}
:root[data-theme='dark'] .external-redirect-panel {
border-color: rgba(174, 205, 197, 0.18);
border-color: rgba(181, 198, 207, 0.24);
background:
radial-gradient(circle at 14% 0%, rgba(114, 222, 210, 0.1), transparent 34%),
linear-gradient(145deg, rgba(28, 43, 47, 0.82), rgba(12, 22, 25, 0.72)),
rgba(17, 28, 31, 0.74);
radial-gradient(circle at 14% 0%, rgba(139, 224, 213, 0.1), transparent 34%),
linear-gradient(145deg, rgba(22, 32, 39, 0.92), rgba(8, 14, 19, 0.86)),
rgba(12, 19, 25, 0.88);
box-shadow: var(--shadow);
}
@@ -3747,18 +3755,18 @@ meting-js {
:root[data-theme='dark'] .external-redirect-target,
:root[data-theme='dark'] .external-redirect-button {
border-color: rgba(114, 222, 210, 0.22);
background: rgba(114, 222, 210, 0.1);
border-color: rgba(139, 224, 213, 0.28);
background: rgba(139, 224, 213, 0.13);
}
:root[data-theme='dark'] .external-redirect-target code {
color: #dce9e6;
color: var(--text);
}
:root[data-theme='dark'] .native-feature-grid section,
:root[data-theme='dark'] .friend-link-card {
border-color: rgba(114, 222, 210, 0.2);
background: rgba(114, 222, 210, 0.1);
border-color: rgba(139, 224, 213, 0.26);
background: rgba(139, 224, 213, 0.12);
}
:root[data-theme='dark'] .friend-link-card strong {
@@ -3929,11 +3937,11 @@ meting-js {
.pagination-link,
.pagination-number
) {
border-color: rgba(166, 184, 194, 0.18);
border-color: rgba(181, 198, 207, 0.24);
background:
radial-gradient(circle at 14% 0%, rgba(125, 211, 199, 0.08), transparent 34%),
linear-gradient(145deg, rgba(24, 34, 42, 0.84), rgba(10, 17, 22, 0.76)),
rgba(14, 22, 28, 0.78);
radial-gradient(circle at 14% 0%, rgba(139, 224, 213, 0.1), transparent 34%),
linear-gradient(145deg, rgba(22, 32, 39, 0.92), rgba(8, 14, 19, 0.86)),
rgba(12, 19, 25, 0.88);
box-shadow: var(--shadow);
}
@@ -3964,6 +3972,24 @@ meting-js {
color: #edf7f5;
}
:root[data-theme='dark'] .page-header-eyebrow {
color: #a8f1e8;
text-shadow: 0 1px 14px rgba(0, 0, 0, 0.38);
}
:root[data-theme='dark'] .page-header-card h1,
:root[data-theme='dark'] .content-wrap .page-header-card h1 {
color: #f5fbfc;
text-shadow:
0 2px 16px rgba(0, 0, 0, 0.72),
0 0 1px rgba(245, 251, 252, 0.92);
}
:root[data-theme='dark'] .page-header-subtitle {
color: #d3e0e5;
text-shadow: 0 1px 12px rgba(0, 0, 0, 0.48);
}
:root[data-theme='dark'] :where(
.notice-card p,
#welcome-info,
@@ -3974,16 +4000,20 @@ meting-js {
.profile-links,
.footer-contact p
) {
color: var(--muted);
color: #c4d0d5;
}
:root[data-theme='dark'] .chart-legend-item {
border-color: rgba(166, 184, 194, 0.16);
background: rgba(255, 255, 255, 0.05);
border-color: rgba(181, 198, 207, 0.22);
background: rgba(255, 255, 255, 0.08);
}
:root[data-theme='dark'] .calendar-grid {
color: #c2d2dc;
}
:root[data-theme='dark'] .pie-chart-track {
stroke: rgba(166, 184, 194, 0.16);
stroke: rgba(181, 198, 207, 0.22);
}
:root[data-theme='dark'] .line-chart-dot {
@@ -3991,7 +4021,7 @@ meting-js {
}
:root[data-theme='dark'] .site-info-list div {
border-top-color: rgba(174, 205, 197, 0.16);
border-top-color: rgba(181, 198, 207, 0.22);
}
:root[data-theme='dark'] :where(
@@ -4001,9 +4031,9 @@ meting-js {
.post-copyright-action,
.post-copyright-icon
) {
border-color: rgba(125, 211, 199, 0.22);
border-color: rgba(139, 224, 213, 0.28);
color: var(--accent);
background: rgba(125, 211, 199, 0.1);
background: rgba(139, 224, 213, 0.13);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
@@ -4022,6 +4052,11 @@ meting-js {
background: var(--accent);
}
:root[data-theme='dark'] .pagination-link.is-disabled {
color: rgba(198, 211, 218, 0.72);
background: rgba(255, 255, 255, 0.08);
}
:root[data-theme='dark'] .article-header {
border-bottom-color: var(--line);
}
@@ -4037,20 +4072,20 @@ meting-js {
}
:root[data-theme='dark'] .prose .code-block {
border-color: rgba(125, 211, 199, 0.18);
border-color: rgba(139, 224, 213, 0.24);
background: rgba(5, 8, 12, 0.96);
box-shadow: 0 14px 32px rgba(0, 0, 0, 0.32);
}
:root[data-theme='dark'] .prose :not(pre) > code {
border-color: rgba(125, 211, 199, 0.22);
border-color: rgba(139, 224, 213, 0.3);
color: var(--accent);
background: rgba(125, 211, 199, 0.1);
background: rgba(139, 224, 213, 0.13);
}
:root[data-theme='dark'] .butterfly-note {
color: #dce9e6;
background: rgba(125, 211, 199, 0.08);
color: #e5eff1;
background: rgba(139, 224, 213, 0.11);
}
:root[data-theme='dark'] .butterfly-note--disabled {
@@ -4058,15 +4093,15 @@ meting-js {
}
:root[data-theme='dark'] .butterfly-hide-content {
color: #dce9e6;
color: #e5eff1;
}
:root[data-theme='dark'] .butterfly-hide-block__content {
border-left-color: rgba(125, 211, 199, 0.22);
border-left-color: rgba(139, 224, 213, 0.28);
}
:root[data-theme='dark'] .prose table {
color: #dce9e6;
color: #e5eff1;
}
:root[data-theme='dark'] .prose thead th {
@@ -4077,28 +4112,28 @@ meting-js {
}
:root[data-theme='dark'] .prose tbody tr:nth-child(even) td {
background: rgba(125, 211, 199, 0.06);
background: rgba(139, 224, 213, 0.09);
}
:root[data-theme='dark'] .prose tbody tr:hover td {
background: rgba(125, 211, 199, 0.1);
background: rgba(139, 224, 213, 0.14);
}
:root[data-theme='dark'] .prose :where(th, td) {
border-color: rgba(125, 211, 199, 0.12);
border-color: rgba(139, 224, 213, 0.18);
}
:root[data-theme='dark'] .site-footer {
color: rgba(199, 211, 216, 0.76);
color: rgba(218, 228, 232, 0.86);
background:
linear-gradient(180deg, rgba(10, 16, 21, 0.7), rgba(6, 10, 14, 0.9)),
rgba(7, 11, 15, 0.86);
linear-gradient(180deg, rgba(10, 16, 21, 0.82), rgba(6, 10, 14, 0.94)),
rgba(7, 11, 15, 0.92);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
:root[data-theme='dark'] .footer-socials a {
border-color: rgba(166, 184, 194, 0.18);
color: rgba(218, 234, 231, 0.82);
border-color: rgba(181, 198, 207, 0.24);
color: rgba(231, 240, 243, 0.9);
background:
linear-gradient(145deg, rgba(28, 40, 48, 0.8), rgba(10, 17, 22, 0.74)),
rgba(14, 22, 28, 0.74);
@@ -4108,7 +4143,7 @@ meting-js {
}
:root[data-theme='dark'] .footer-bottom {
border-top-color: rgba(166, 184, 194, 0.16);
border-top-color: rgba(181, 198, 207, 0.22);
}
@media (min-width: 960px) {