From 1706283a45a4ba4b6124f269971c559cc3b80e15 Mon Sep 17 00:00:00 2001 From: RiseForever Date: Wed, 12 Aug 2026 10:08:28 +0800 Subject: [PATCH] =?UTF-8?q?=E9=85=8D=E8=89=B2=E5=BE=AE=E8=B0=83?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/links/index.astro | 2 +- src/styles/shortcodes.css | 9 ++++++--- 2 files changed, 7 insertions(+), 4 deletions(-) diff --git a/src/pages/links/index.astro b/src/pages/links/index.astro index 1cd0c43..b14b5c9 100644 --- a/src/pages/links/index.astro +++ b/src/pages/links/index.astro @@ -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-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); } - .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; } .links-content { margin-top: 2rem; } .links-content .links-nested-card { margin-block: 1rem; } diff --git a/src/styles/shortcodes.css b/src/styles/shortcodes.css index 9ff1637..3881346 100644 --- a/src/styles/shortcodes.css +++ b/src/styles/shortcodes.css @@ -243,15 +243,18 @@ } .shortcode-tab-list button { cursor: pointer; - padding: 0.4rem 0.7rem; + padding: 0.4rem 0.75rem; border: 0; + border-radius: var(--radius-xs); background: transparent; color: var(--color-muted); + transition: background-color 150ms ease, color 150ms ease; } .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); font-weight: 600; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .shortcode-tabs [role="tabpanel"] { padding: 0.8rem 1rem; @@ -339,7 +342,7 @@ line-height: 1.25; } .shortcode-tool-description { - color: var(--color-muted); + color: color-mix(in srgb, var(--color-text) 82%, var(--color-muted)); font-size: 0.78rem; line-height: 1.3; }