hacklab/T-HUB
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

style: acampada26s.net palette, Anton titles and T-HUB logo

Browse source 
Black/white/neon (#00e5ff) on the existing dark base, h1/h2 in Anton
uppercase with the neon offset used on acampada26s.net. Neon fills get
dark text. The public submission page and the control-room focus ring
follow the same accent. Anton ships under the SIL OFL (license copied
next to the font). New logo in docs/brand/t-hub.svg, also the favicon.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
hacklab 2026-10-15 14:15:03 +02:00
parent 206306e5e2
commit d2a4209b0a
9 changed files with 264 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

48
apps/web/src/app/globals.css
View file

@ -1,17 +1,25 @@
@import "tailwindcss";
/* Anton (SIL OFL 1.1, public/fonts/Anton-OFL.txt) — same title face as acampada26s.net. */
@font-face {
font-family: "Anton";
src: url("/fonts/anton.woff2") format("woff2");
font-display: swap;
}
@theme {
--color-bg: oklch(0.11 0.008 25);
--color-surface: oklch(0.15 0.01 25);
--color-surface-2: oklch(0.19 0.012 25);
--color-border: oklch(0.26 0.02 25);
--color-border-subtle: oklch(0.22 0.015 25);
--color-text: oklch(0.93 0.005 25);
--color-text-dim: oklch(0.62 0.02 25);
--color-text-faint: oklch(0.46 0.02 25);
--color-accent: #ff1610;
--color-accent-hover: #e3130e;
--color-accent-dim: rgb(255 22 16 / 0.15);
/* T-HUB: the acampada26s.net palette (black, white, neon) on a dark base. */
--color-bg: #000;
--color-surface: #0d0d0d;
--color-surface-2: #181818;
--color-border: #3d3d3d;
--color-border-subtle: #262626;
--color-text: #fff;
--color-text-dim: #b3b3b3;
--color-text-faint: #808080;
--color-accent: #00e5ff;
--color-accent-hover: #5cefff;
--color-accent-dim: rgb(0 229 255 / 0.15);
--color-live: oklch(0.72 0.19 145);
--color-warn: oklch(0.78 0.16 85);
--color-danger: oklch(0.55 0.24 15);
@ -20,6 +28,7 @@
--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
--font-mono: ui-monospace, "SF Mono", Menlo, monospace;
--font-title: "Anton", Impact, "Arial Narrow", sans-serif;
--radius-sm: 0.375rem;
--radius-md: 0.5rem;
@ -55,6 +64,23 @@ body {
html, body { max-width: 100%; }
/* Titles as on acampada26s.net: Anton, uppercase, hard neon offset. */
h1, h2 {
font-family: var(--font-title);
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.01em;
}
h1 {
text-shadow: 0.04em 0.04em 0 var(--color-accent);
}
/* Neon fills need dark text; unlayered so it outranks the text-white utility. */
.bg-accent.text-white,
.bg-accent .text-white {
color: #000;
}
@media (max-width: 1023px) {
body { overflow-x: hidden; }
[data-mobile-main] :is(button, a[href], input, select, textarea, [role="tab"]) {