v3: smooth keeps its uppercase accent-pill tabs and flat, borderless cards
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
@@ -3356,7 +3356,7 @@ body.has-player .chat-fab {
|
|||||||
/* ── Shared card skin (dump-card + playlist-card) ── */
|
/* ── Shared card skin (dump-card + playlist-card) ── */
|
||||||
.dump-card,
|
.dump-card,
|
||||||
.playlist-card {
|
.playlist-card {
|
||||||
border: var(--border-width) solid var(--color-border);
|
border: var(--border-width) solid var(--card-border);
|
||||||
border-radius: var(--radius-xl);
|
border-radius: var(--radius-xl);
|
||||||
background: var(--color-surface);
|
background: var(--color-surface);
|
||||||
box-shadow: var(--card-shadow);
|
box-shadow: var(--card-shadow);
|
||||||
@@ -5255,7 +5255,7 @@ body.has-player .chat-fab {
|
|||||||
position: relative;
|
position: relative;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
border: var(--border-width) solid var(--color-border);
|
border: var(--border-width) solid var(--card-border);
|
||||||
border-radius: var(--radius-xl);
|
border-radius: var(--radius-xl);
|
||||||
background: var(--color-surface);
|
background: var(--color-surface);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|||||||
@@ -85,18 +85,11 @@
|
|||||||
|
|
||||||
/* Component skins */
|
/* Component skins */
|
||||||
--header-bg: var(--color-bg);
|
--header-bg: var(--color-bg);
|
||||||
--card-shadow: var(--shadow-1);
|
|
||||||
--panel-ring: inset 0 0 0 1px var(--color-border);
|
|
||||||
--card-hover-border: color-mix(in srgb, var(--color-text) 24%, transparent);
|
|
||||||
--input-focus-bg: var(--color-surface);
|
--input-focus-bg: var(--color-surface);
|
||||||
--overlay-filter: blur(3px);
|
--overlay-filter: blur(3px);
|
||||||
--modal-border: var(--color-border);
|
--modal-border: var(--color-border);
|
||||||
|
--card-border: transparent;
|
||||||
--tab-border: transparent;
|
--tab-border: transparent;
|
||||||
--tab-active-bg: var(--color-accent-soft);
|
|
||||||
--tab-active-fg: var(--color-accent);
|
|
||||||
--tab-active-border: transparent;
|
|
||||||
--tab-text-transform: none;
|
|
||||||
--tab-tracking: 0;
|
|
||||||
--btn-primary-shadow: var(--shadow-1);
|
--btn-primary-shadow: var(--shadow-1);
|
||||||
--btn-primary-shadow-hover: var(--shadow-1);
|
--btn-primary-shadow-hover: var(--shadow-1);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -111,6 +111,7 @@
|
|||||||
/* ── Component skins ──
|
/* ── Component skins ──
|
||||||
Knobs for the handful of treatments themes disagree on. */
|
Knobs for the handful of treatments themes disagree on. */
|
||||||
--header-bg: var(--color-surface);
|
--header-bg: var(--color-surface);
|
||||||
|
--card-border: var(--color-border);
|
||||||
--card-shadow: 0 0 #0000;
|
--card-shadow: 0 0 #0000;
|
||||||
--panel-ring: 0 0 #0000;
|
--panel-ring: 0 0 #0000;
|
||||||
--card-hover-border: var(--color-accent);
|
--card-hover-border: var(--color-accent);
|
||||||
|
|||||||
Reference in New Issue
Block a user