fix player win % and visual overhaul
This commit is contained in:
16 files changed
+3123
-1490
No files matched your search
+76
-61
@@ -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;
|
||||
}
|
||||
Reference in new issue
Block a user