vinzenz/hyperhive
vinzenz/hyperhive
Watch
0
0
Fork
You've already forked hyperhive
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(#1001): replace var(--mauve) with var(--purple) throughout dashboard.css

Browse source 
--mauve is not declared in base.css; the palette exposes the Catppuccin
Mocha mauve colour as --purple (#cba6f7). Affected rules:
  .btn-move colour + border
  .logs-back colour (back-link on logs page)
  .logs-tab.logs-tab-active text colour (issue #1001 — tab shows no state)
  border colour on a schedule input

Combined with the --surface1/2 fix from the previous commit, the active
log tab now shows a solid background (--border) with purple text (--purple).
This commit is contained in:
iris 2026-06-01 19:52:21 +02:00
commit e8d391be13
1 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

8
frontend/packages/dashboard/src/dashboard.css
View file

@ -1206,7 +1206,7 @@ ul form.inline { display: inline-block; }
/* M0V3 affordance (selection bar) — mauve reads as "structural
change" rather than the destructive red / amber chrome of
destroy / rebuild. See docs/web-ui.md::Selection bar. */
.btn-move { color: var(--mauve); border-color: var(--mauve); font-size: 0.75em; padding: 0.15em 0.5em; margin-left: 0.6em; }
.btn-move { color: var(--purple); border-color: var(--purple); font-size: 0.75em; padding: 0.15em 0.5em; margin-left: 0.6em; }
.btn-talk { color: var(--cyan); border-color: var(--cyan); }
.btn-spawn { color: var(--amber); border-color: var(--amber); }
.btn-fire-now { color: var(--mauve, #cba6f7); border-color: var(--mauve, #cba6f7); }
@ -1984,7 +1984,7 @@ body.logs-shell {
}
.logs-back {
color: var(--mauve);
color: var(--purple);
text-decoration: none;
font-size: 0.88em;
white-space: nowrap;
@ -2019,7 +2019,7 @@ body.logs-shell {
.logs-tab:hover { background: var(--border); color: var(--fg); }
.logs-tab.logs-tab-active {
background: var(--border);
color: var(--mauve);
color: var(--purple);
}
.logs-main {
@ -2459,7 +2459,7 @@ body.dashboard-shell.has-selection { padding-bottom: 4.5em; }
font-size: 0.75em;
background: var(--bg);
color: var(--fg);
border: 1px solid var(--mauve);
border: 1px solid var(--purple);
border-radius: 2px;
padding: 0.1em 0.3em;
max-width: 16em;