echo/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

cache-bust css via content-hash ?v; keycap button style

Browse source
This commit is contained in:
Jean Chevronnet 2026-08-31 01:35:59 +00:00
parent c3c9e08a9e
commit 55c6685df1
No known key found for this signature in database
GPG key ID: 439666D63A9477E4
4 changed files with 47 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

14
static/style.css
View file

@ -1,6 +1,6 @@
/* echoIRCd — teal is echo's own colour. Light by default; dark via [data-theme]. */
:root{
--teal:#12a594; --teal-d:#0e8577; --teal-dd:#0a6a5f; --teal-t:#e7f6f3;
--teal:#12a594; --teal-d:#0e8577; --teal-dd:#0a6a5f; --teal-t:#e7f6f3; --teal-edge:#0a6a5f;
--ink:#1b2733; --muted:#5c6773; --faint:#8b95a0;
--line:#e4e8eb; --line2:#d8dee2; --bg:#f5f6f7; --card:#ffffff; --panel:#fbfcfd;
--code-bg:#132430; --code-fg:#e7edf0; --cmd:#6fe0cf;
@ -12,7 +12,7 @@
--wrap:1080px;
}
:root[data-theme="dark"]{
--teal:#15b6a3; --teal-d:#48d8c4; --teal-dd:#7de9db; --teal-t:#0f2d29;
--teal:#15b6a3; --teal-d:#48d8c4; --teal-dd:#7de9db; --teal-t:#0f2d29; --teal-edge:#0b8474;
--ink:#e3ece8; --muted:#93a8a1; --faint:#66807a;
--line:#1b2e29; --line2:#26403a; --bg:#0b1614; --card:#132622; --panel:#0f1e1b;
--purple-line:#4f5a7a; --purple-fg:#bfc7ee; --purple-bg:#182034; --bq-fg:#8fe6d8;
@ -36,12 +36,14 @@ code{font-family:var(--mono);font-size:.9em;background:rgba(18,165,148,.09);colo
.mono-line{font-family:var(--mono);color:var(--muted)}
/* buttons */
.btn{display:inline-block;font-weight:600;font-size:.95rem;padding:.6rem 1.25rem;border-radius:6px;border:1.5px solid transparent;transition:background .14s ease,border-color .14s ease,color .14s ease}
.btn{display:inline-flex;align-items:center;gap:.45rem;font-weight:600;font-size:.95rem;letter-spacing:.005em;padding:.58rem 1.25rem;border-radius:5px;border:1.5px solid transparent;cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease,box-shadow .09s ease,transform .09s ease}
.btn:hover{text-decoration:none}
.btn-primary{background:var(--teal);border-color:var(--teal);color:#fff}
.btn-primary{background:var(--teal);border-color:var(--teal);color:#fff;box-shadow:0 3px 0 var(--teal-edge),inset 0 1px 0 rgba(255,255,255,.2)}
.btn-primary:hover{background:var(--teal-d);border-color:var(--teal-d)}
.btn-ghost{border-color:var(--line2);color:var(--ink);background:transparent}
.btn-ghost:hover{border-color:var(--teal);color:var(--teal-d);background:var(--teal-t)}
.btn-primary:active{transform:translateY(2px);box-shadow:0 1px 0 var(--teal-edge),inset 0 1px 0 rgba(255,255,255,.15)}
.btn-ghost{border-color:var(--teal);color:var(--teal-d);background:transparent}
.btn-ghost:hover{background:var(--teal-t);color:var(--teal-dd)}
.btn-ghost:active{transform:translateY(1px)}
/* top bar (teal in both themes) */
.topbar{background:var(--teal);color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 12px -6px rgba(0,0,0,.35)}