richiexec/amber-backend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Make the reset link look like it belongs

Browse source 
Every other interactive element on the account page is amber; the browser
default made this one blue and underlined, which reads as something pasted in
from another site — not the impression to give somebody who already thinks they
have lost their account.

Spotted in a screenshot of the rendered page, not in the markup.
This commit is contained in:
Claude 2026-09-05 19:08:37 +02:00
parent fb59f504fe
commit eaff4abbca
1 changed files with 6 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
pb_public/index.html
View file

@ -25,6 +25,12 @@
width:100%; padding:12px; border-radius:10px; border:1px solid var(--line); width:100%; padding:12px; border-radius:10px; border:1px solid var(--line);
background:var(--bg); color:var(--fg); font-size:15px; } background:var(--bg); color:var(--fg); font-size:15px; }
input:focus, select:focus { outline:2px solid var(--amber); border-color:transparent; } input:focus, select:focus { outline:2px solid var(--amber); border-color:transparent; }
/* Every other interactive thing on this page is amber. A browser-default blue
underlined link in the middle of it reads as something pasted in from
another site, which is not what you want somebody to think while they are
already worried they have lost their account. */
a { color:var(--amber); text-decoration:none; }
a:hover, a:focus-visible { text-decoration:underline; }
.row { display:flex; gap:10px; } .row > * { flex:1; min-width:0; } .row { display:flex; gap:10px; } .row > * { flex:1; min-width:0; }
.hint { font-size:12px; color:var(--muted); margin:5px 0 0; line-height:1.45; } .hint { font-size:12px; color:var(--muted); margin:5px 0 0; line-height:1.45; }
.check { display:flex; gap:10px; align-items:flex-start; margin-top:14px; .check { display:flex; gap:10px; align-items:flex-start; margin-top:14px;