External/beardrive
1
0
Fork 0
mirror of https://github.com/runbear-io/beardrive.git synced 2026-08-25 08:08:08 +02:00
Code Issues Packages Projects Releases Wiki Activity

design(round 3): last AA residuals + topbar hierarchy

Browse Source 
Flips the final objective gate (contrast_aa) true; design-only.

- Palette match-highlight on a SELECTED row: recolor .plabel b to
  --accent-bright (#c9b3ff) → 6.19:1 on the tinted row (was accent 3.98:1).
- Auth-page secondary text .alt #8a8a8a→#969696 → 5.12:1 on the card
  (was 4.38:1).
- Polish: active-project marker uses --accent-bright to match its label;
  Upload/Download join Share/History as uniform ghost buttons so no
  secondary action shouts louder than the rest.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01R7Q9ZKSZRTdvrSJkYLUmYs
This commit is contained in:
Snow Lee
2026-07-08 23:58:03 -07:00
co-authored by Claude Fable 5
parent 927d77c22b
commit 81547c97c8
2 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
internal/webapp/authlocal.go
+1 -1
View File
@@ -558,7 +558,7 @@ button:hover{background:#7c5cd6}
button:focus-visible{outline:2px solid #c9b3ff;outline-offset:2px}
.err{color:#ff9b91;font-size:13px;margin:10px 0 0}
.msg{color:#8ce59a;font-size:13px;margin:10px 0 0}
.alt{margin-top:16px;font-size:12.5px;color:#8a8a8a}
.alt{margin-top:16px;font-size:12.5px;color:#969696}
.alt a{color:#c9b3ff;text-decoration:none}
.alt a:hover{text-decoration:underline}
code{background:#1e1e1e;padding:2px 6px;border-radius:4px}
internal/webapp/static/style.css
+6 -3
View File
@@ -78,7 +78,7 @@ body {
#projects .row::before { content: "◇"; margin-right: 7px; color: var(--text-faint); }
#projects .row:hover { background: var(--bg-hover); color: var(--text); }
#projects .row.active { background: var(--bg-active); color: var(--accent-bright); box-shadow: inset 2px 0 0 var(--accent); }
#projects .row.active::before { color: var(--accent); }
#projects .row.active::before { color: var(--accent-bright); }
#tree { flex: 1; overflow-y: auto; padding: 8px 6px 24px; font-size: 13.5px; }
#orgbar {
display: flex;
@@ -149,8 +149,10 @@ body {
}
.btn:hover { background: var(--accent-press); }
#content { flex: 1; overflow-y: auto; padding: 28px 48px 80px; }
#history-btn, #share-btn { border: none; cursor: pointer; font: inherit; font-size: 12.5px; background: var(--bg-active); color: var(--text); }
#history-btn:hover, #share-btn:hover { color: #fff; background: var(--bg-hover); }
/* The per-file actions are all secondary — uniform ghost styling so no
single one shouts louder than the rest. */
#history-btn, #share-btn, #upload-btn, #download { border: none; cursor: pointer; font: inherit; font-size: 12.5px; background: var(--bg-active); color: var(--text); }
#history-btn:hover, #share-btn:hover, #upload-btn:hover, #download:hover { color: #fff; background: var(--bg-hover); }
.dir-history { margin-left: auto; padding: 0 4px; visibility: hidden; color: var(--text-faint); font-size: 11px; }
#tree li > .row:hover .dir-history { visibility: visible; }
.dir-history:hover { color: var(--text); }
@@ -220,6 +222,7 @@ body {
}
#palette-results li.selected { background: var(--bg-active); color: var(--text); }
#palette-results li.selected .picon, #palette-results li.selected .pkind { color: #c4c4c4; }
#palette-results li.selected .plabel b { color: var(--accent-bright); } /* match highlight stays AA on the tinted selected row */
#palette-results li .picon { width: 18px; flex: none; text-align: center; color: var(--text-faint); }
#palette-results li .plabel { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#palette-results li .plabel b { color: var(--accent); font-weight: 600; }