2022 主题bug修复
This commit is contained in:
Vaica committed
1 parent
a6b1098d60
commit
56ea059fc0
16 files changed
+1357
-334
No files matched your search
@@ -40,10 +40,22 @@ html {
|
||||
[data-theme="dark"] body {
|
||||
color: var(--text-content-dark-color);
|
||||
background-color: var(--background-dark-color);
|
||||
background-image: none !important;
|
||||
background-repeat: initial !important;
|
||||
background-size: initial !important;
|
||||
background-attachment: initial !important;
|
||||
background-image: url(/image/background/deno.webp) !important;
|
||||
background-repeat: round !important;
|
||||
background-size: contain !important;
|
||||
background-attachment: fixed !important;
|
||||
}
|
||||
|
||||
[data-theme="dark"] body::before {
|
||||
content: '';
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
pointer-events: none;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
[data-theme="dark"] .main {
|
||||
@@ -219,6 +231,11 @@ code::-webkit-scrollbar {
|
||||
border-radius: 4px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
|
||||
.code-fold-container.collapsed {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.code-fold-container.collapsed .highlight,
|
||||
@@ -257,10 +274,16 @@ code::-webkit-scrollbar {
|
||||
}
|
||||
|
||||
.code-fold-container:not(.collapsed) .code-expand-btn {
|
||||
position: sticky;
|
||||
bottom: 10px;
|
||||
margin: 10px auto 0;
|
||||
transform: none;
|
||||
position: absolute !important;
|
||||
bottom: 10px !important;
|
||||
left: 50% !important;
|
||||
margin: 0 !important;
|
||||
transform: translateX(-50%) !important;
|
||||
display: flex !important;
|
||||
justify-content: center !important;
|
||||
align-items: center !important;
|
||||
width: auto !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
/* Button Pill Style */
|
||||
@@ -5400,88 +5423,103 @@ html[data-theme="light"] .atk-loading-spinner svg circle {
|
||||
|
||||
|
||||
|
||||
/* Link Card - only in post content */
|
||||
/* Link Card - Minimal Black/White Style */
|
||||
a.link-card {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
padding: 12px 16px;
|
||||
padding: 14px 16px;
|
||||
margin: 1rem 0;
|
||||
border: 1px solid rgba(0, 0, 0, 0.08);
|
||||
border-radius: 12px;
|
||||
background: linear-gradient(135deg, rgba(0, 0, 0, 0.015), rgba(0, 0, 0, 0.005));
|
||||
background: rgba(255, 255, 255, 0.85);
|
||||
text-decoration: none !important;
|
||||
color: #1e1e1e;
|
||||
color: #1a1a1a;
|
||||
font-size: 14px;
|
||||
line-height: 1.5;
|
||||
max-width: 100%;
|
||||
transition: all 0.2s ease;
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
|
||||
transition: all 0.25s ease;
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
|
||||
}
|
||||
a.link-card:hover {
|
||||
border-color: rgba(0, 0, 0, 0.15);
|
||||
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
|
||||
transform: translateY(-1px);
|
||||
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
|
||||
transform: translateY(-2px);
|
||||
text-decoration: none !important;
|
||||
}
|
||||
a.link-card .link-card-icon {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
border-radius: 5px;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
border-radius: 8px;
|
||||
flex-shrink: 0;
|
||||
object-fit: contain;
|
||||
object-fit: cover;
|
||||
background: #f5f5f5;
|
||||
padding: 4px;
|
||||
transition: all 0.25s ease;
|
||||
}
|
||||
a.link-card:hover .link-card-icon {
|
||||
background: #eee;
|
||||
}
|
||||
a.link-card .link-card-body {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1px;
|
||||
gap: 2px;
|
||||
}
|
||||
a.link-card .link-card-title {
|
||||
font-weight: 500;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
font-size: 13.5px;
|
||||
color: rgba(30, 30, 30, 0.92);
|
||||
font-size: 14px;
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a.link-card .link-card-url {
|
||||
font-size: 11px;
|
||||
color: rgba(30, 30, 30, 0.45);
|
||||
color: #666;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'SF Mono', Monaco, monospace;
|
||||
}
|
||||
a.link-card .link-card-arrow {
|
||||
flex-shrink: 0;
|
||||
color: rgba(30, 30, 30, 0.3);
|
||||
font-size: 13px;
|
||||
transition: color 0.2s;
|
||||
color: #999;
|
||||
font-size: 14px;
|
||||
transition: all 0.25s ease;
|
||||
}
|
||||
a.link-card:hover .link-card-arrow {
|
||||
color: rgba(30, 30, 30, 0.6);
|
||||
color: #333;
|
||||
transform: translateX(2px);
|
||||
}
|
||||
[data-theme="dark"] a.link-card {
|
||||
border-color: rgba(148, 163, 184, 0.15);
|
||||
background: linear-gradient(135deg, rgba(30, 41, 59, 0.7), rgba(15, 23, 42, 0.5));
|
||||
color: #e2e8f0;
|
||||
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
|
||||
border-color: rgba(255, 255, 255, 0.08);
|
||||
background: rgba(30, 30, 30, 0.85);
|
||||
color: #e5e5e5;
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
[data-theme="dark"] a.link-card:hover {
|
||||
border-color: rgba(148, 163, 184, 0.3);
|
||||
border-color: rgba(255, 255, 255, 0.15);
|
||||
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
[data-theme="dark"] a.link-card .link-card-icon {
|
||||
background: #2a2a2a;
|
||||
}
|
||||
[data-theme="dark"] a.link-card:hover .link-card-icon {
|
||||
background: #333;
|
||||
}
|
||||
[data-theme="dark"] a.link-card .link-card-title {
|
||||
color: rgba(226, 232, 240, 0.96);
|
||||
color: #e5e5e5;
|
||||
}
|
||||
[data-theme="dark"] a.link-card .link-card-url {
|
||||
color: rgba(226, 232, 240, 0.4);
|
||||
color: #888;
|
||||
}
|
||||
[data-theme="dark"] a.link-card .link-card-arrow {
|
||||
color: rgba(226, 232, 240, 0.3);
|
||||
color: #666;
|
||||
}
|
||||
[data-theme="dark"] a.link-card:hover .link-card-arrow {
|
||||
color: rgba(226, 232, 240, 0.6);
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
/* Reward System */
|
||||
@@ -5886,3 +5924,10 @@ a.link-card:hover .link-card-arrow {
|
||||
border: none;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
/* 移动端隐藏阅读时间 */
|
||||
@media (max-width: 768px) {
|
||||
.meta-item-reading-time {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user