配色微调
This commit is contained in:
@@ -75,7 +75,7 @@ if (!sections[0].links.length && !sections[0].contentLines.some((line) => line.t
|
|||||||
.link-copy h3 { margin: 0; font-size: 1rem; font-weight: 600; line-height: 1.45; }
|
.link-copy h3 { margin: 0; font-size: 1rem; font-weight: 600; line-height: 1.45; }
|
||||||
.link-name { display: inline; color: var(--color-accent); text-decoration: none; }
|
.link-name { display: inline; color: var(--color-accent); text-decoration: none; }
|
||||||
:global(:root[data-theme='sunset']) .link-name { color: color-mix(in srgb, var(--color-accent-strong) 82%, black); }
|
:global(:root[data-theme='sunset']) .link-name { color: color-mix(in srgb, var(--color-accent-strong) 82%, black); }
|
||||||
.link-description, .link-note { margin: .2rem 0 0; color: var(--color-muted); font-size: .88rem; }
|
.link-description, .link-note { margin: .2rem 0 0; color: color-mix(in srgb, var(--color-text) 82%, var(--color-muted)); font-size: .88rem; }
|
||||||
.link-note { font-size: .86rem; }
|
.link-note { font-size: .86rem; }
|
||||||
.links-content { margin-top: 2rem; }
|
.links-content { margin-top: 2rem; }
|
||||||
.links-content .links-nested-card { margin-block: 1rem; }
|
.links-content .links-nested-card { margin-block: 1rem; }
|
||||||
|
|||||||
@@ -243,15 +243,18 @@
|
|||||||
}
|
}
|
||||||
.shortcode-tab-list button {
|
.shortcode-tab-list button {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
padding: 0.4rem 0.7rem;
|
padding: 0.4rem 0.75rem;
|
||||||
border: 0;
|
border: 0;
|
||||||
|
border-radius: var(--radius-xs);
|
||||||
background: transparent;
|
background: transparent;
|
||||||
color: var(--color-muted);
|
color: var(--color-muted);
|
||||||
|
transition: background-color 150ms ease, color 150ms ease;
|
||||||
}
|
}
|
||||||
.shortcode-tab-list button[aria-selected="true"] {
|
.shortcode-tab-list button[aria-selected="true"] {
|
||||||
background: var(--color-bg);
|
background: color-mix(in srgb, var(--color-accent) 12%, var(--color-surface));
|
||||||
color: var(--color-accent);
|
color: var(--color-accent);
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||||
}
|
}
|
||||||
.shortcode-tabs [role="tabpanel"] {
|
.shortcode-tabs [role="tabpanel"] {
|
||||||
padding: 0.8rem 1rem;
|
padding: 0.8rem 1rem;
|
||||||
@@ -339,7 +342,7 @@
|
|||||||
line-height: 1.25;
|
line-height: 1.25;
|
||||||
}
|
}
|
||||||
.shortcode-tool-description {
|
.shortcode-tool-description {
|
||||||
color: var(--color-muted);
|
color: color-mix(in srgb, var(--color-text) 82%, var(--color-muted));
|
||||||
font-size: 0.78rem;
|
font-size: 0.78rem;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user