SowinskiBraeden/boker
1
0 Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix player win % and visual overhaul

Browse Source
This commit is contained in:
SowinskiBraeden committed 2026-09-05 19:19:46 -07:00
1 parent 1b9f9510ec
commit 5c09266d75
16 files changed
+3123 -1490
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

static/css/style.css
+1734 -564
View File
File diff suppressed because it is too large. Load diff
static/css/tokens.css
+76 -61
View File
@@ -1,88 +1,103 @@
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700;800&display=swap');
:root {
/* Core surfaces */
--bg: #0a0a0d;
--surface: #111115;
--surface-raised:#16161c;
--surface-head: #18181f;
--surface-sunk: #0d0d11;
--field: #1a1a22;
--field-alt: #1c1c25;
--bg: #101419;
--surface: #171D25;
--surface-raised:#202835;
--surface-head: #202835;
--surface-sunk: #0D1116;
--surface-2: #202835;
--field: #1D2530;
--field-alt: #26313E;
--panel: #171D25;
--panel-hover: #202835;
/* ---- borders / dividers ---- */
--border: #22222b;
--border-strong: #2a2a34;
--border-hi: #32323d;
--divider: #191921;
--slash: #383843;
--border: #2B3542;
--border-strong: #3A4655;
--border-hi: #505D6E;
--divider: #25303B;
--slash: #3A4655;
/* ---- text ---- */
--text: #f4f2f9;
--text-strong: #edeaf5;
--text-body: #e8e6ef;
--text-2: #bdbbc8;
--num: #b2b0bb;
--muted: #8c8a96;
--muted-2: #82808c;
--faint: #7a7885;
--faint-2: #72707d;
--faintest: #64626d;
--faintest-2: #55535e;
--text: #F2F0ED;
--text-strong: #F2F0ED;
--text-body: #C7CED8;
--text-2: #C7CED8;
--num: #A1ACBA;
--muted: #9AA5B4;
--muted-2: #8793A3;
--faint: #6E7A8A;
--faint-2: #647080;
--faintest: #576272;
--faintest-2: #4B5666;
/* Brand accent */
--accent: #9b8cf0;
--accent-ink: #12101e;
--accent-tint: #1f1d2e;
--accent-chip: #242137;
--accent-chip-bd:#383152;
--accent-a22: rgba(155,140,240,0.22);
--accent-a30: rgba(155,140,240,0.30);
/* Brand accent — muted purple */
--accent: #9B8FE3;
--accent-ink: #0d0b18;
--accent-tint: #211D36;
--accent-chip: #292442;
--accent-chip-bd:#4D4581;
--accent-a22: rgba(155,143,227,0.22);
--accent-a30: rgba(155,143,227,0.30);
/* Secondary accent — teal */
--accent2: #35C6B8;
--accent2-ink: #04211e;
--accent2-tint: rgba(53,198,184,0.12);
--accent2-tint-bd:rgba(53,198,184,0.34);
/* Tertiary accent — azure */
--accent3: #5AA2F5;
--accent3-ink: #041427;
--accent3-tint: rgba(90,162,245,0.12);
--accent3-tint-bd:rgba(90,162,245,0.34);
/* ---- semantic: poker value scale ---- */
--pos: #6fc093;
--pos-bar: #41815a;
--pos-tint: rgba(111,192,147,0.12);
--pos-tint-bd: rgba(111,192,147,0.30);
--neg: #e0758a;
--neg-bar: #9e445a;
--neg-tint: rgba(224,117,138,0.13);
--neg-tint-bd: rgba(224,117,138,0.32);
--owes: #e8829a;
--owes-tint: rgba(232,130,154,0.15);
--owes-tint-bd: rgba(232,130,154,0.40);
--pos: #58D18E;
--pos-bar: #379562;
--pos-tint: rgba(88,209,142,0.12);
--pos-tint-bd: rgba(88,209,142,0.30);
--neg: #F06F7A;
--neg-bar: #AC4550;
--neg-tint: rgba(240,111,122,0.12);
--neg-tint-bd: rgba(240,111,122,0.30);
--owes: #F06F7A;
--owes-tint: rgba(240,111,122,0.14);
--owes-tint-bd: rgba(240,111,122,0.34);
/* ---- semantic: cash-movement hues ---- */
--warn: #e0b15c;
--warn-tint: rgba(224,177,92,0.13);
--warn-tint-bd: rgba(224,177,92,0.32);
--rolled: #8f93c2;
--warn: #E0B85C;
--warn-tint: rgba(224,184,92,0.12);
--warn-tint-bd: rgba(224,184,92,0.30);
--rolled: #8FA4BB;
/* ---- medals ---- */
--rank-1: var(--accent);
--rank-2: #c2bcd0;
--rank-3: #a78bb0;
--rank-2: var(--accent2);
--rank-3: var(--accent3);
/* ---- chart line palette (top-N order) ---- */
--line-1: #9b8cf0; --line-2: #6fc093; --line-3: #e0b15c;
--line-4: #cf6f86; --line-5: #8f93c2;
--line-1: #9B8FE3; --line-2: #58D18E; --line-3: #E0B85C;
--line-4: #F06F7A; --line-5: #8FA4BB;
/* Elevation */
--shadow-sm: 0 1px 2px rgba(0,0,0,.28);
--shadow-md: 0 3px 12px rgba(0,0,0,.32), 0 1px 4px rgba(0,0,0,.24);
--shadow-lg: 0 10px 28px rgba(0,0,0,.38), 0 3px 10px rgba(0,0,0,.26);
--shadow-xl: 0 18px 48px rgba(0,0,0,.46), 0 6px 18px rgba(0,0,0,.30);
--shadow-sm: 0 1px 3px rgba(0,0,0,.38);
--shadow-md: 0 2px 10px rgba(0,0,0,.42), 0 1px 3px rgba(0,0,0,.28);
--shadow-lg: 0 8px 28px rgba(0,0,0,.46), 0 2px 8px rgba(0,0,0,.28);
--shadow-xl: 0 18px 48px rgba(0,0,0,.54), 0 4px 16px rgba(0,0,0,.32);
/* ---- glass panel effect ---- */
--glass-border: 1px solid rgba(255,255,255,.055);
--glass-bg: rgba(255,255,255,.02);
--glass-border: 1px solid var(--border);
--glass-bg: transparent;
/* ---- spacing scale (4pt) ---- */
--s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px;
--s6:24px; --s8:32px; --s10:40px; --s12:48px;
/* ---- radii ---- */
--r-pill:5px; --r-sm:7px; --r-md:9px; --r-lg:12px;
/* ---- radii — industrial, minimal rounding ---- */
--r-pill:4px; --r-sm:4px; --r-md:5px; --r-lg:6px;
/* ---- containers ---- */
--w-public:1320px;
@@ -91,6 +106,6 @@
--gutter: clamp(16px, 4vw, 40px);
/* ---- Chart.js backward compat (read as raw strings by JS) ---- */
--text-muted: #bdbbc8;
--line: #22222b;
--text-muted: #9AA5B4;
--line: #2B3542;
}