vincent/gerbeur
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v3: smooth card hover border back to 2px, in a softened accent

Browse Source 
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
khannurien
2026-09-19 20:11:44 +00:00
parent 7e9262d2b4
commit f7e7e68146
3 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/App.css
View File

@@ -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(--card-border); border: var(--card-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(--card-border); border: var(--card-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;
@@ -5265,7 +5265,7 @@ body.has-player .chat-fab {
} }
.journal-card:hover { .journal-card:hover {
border-color: var(--color-accent); border-color: var(--card-hover-border);
transform: translateY(-2px); transform: translateY(-2px);
box-shadow: var(--shadow-2); box-shadow: var(--shadow-2);
} }

6
src/themes/smooth.css
View File

@@ -89,6 +89,12 @@
--overlay-filter: blur(3px); --overlay-filter: blur(3px);
--modal-border: var(--color-border); --modal-border: var(--color-border);
--card-border: transparent; --card-border: transparent;
--card-border-width: 2px;
--card-hover-border: color-mix(
in srgb,
var(--color-accent) 50%,
var(--color-surface)
);
--tab-border: transparent; --tab-border: transparent;
--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);

1
src/tokens.css
View File

@@ -112,6 +112,7 @@
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-border: var(--color-border);
--card-border-width: var(--border-width);
--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);