From 92c574a2f415f50115831e4a125ce1ca95135be3 Mon Sep 17 00:00:00 2001 From: Christian Cleberg Date: Fri, 17 Apr 2026 19:51:24 -0500 Subject: revamp UI/UX with dark design system and modern layout MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Replace Bootstrap color utilities and legacy layout patterns with a cohesive dark-mode design system. Key changes: - CSS: full rewrite using custom property tokens (--bg, --surface, --accent, --text-muted, etc.), Inter font, glassmorphism modals (backdrop-filter + semi-transparent backgrounds), and a fixed pill-bar metric selector centered at the bottom of the viewport - Navbar: unified nav-icon-btn style for all icon buttons, removed the gradient-toggle collapse button, settings dropdown aligned end - Metric bar: promoted from Bootstrap collapse to always-visible fixed pill bar; metric-btn replaces btn; active-metric pre-applied to match default currentMetric - Modals: removed inline bg overrides, h4 → h5, custom close buttons (nav-icon-btn + SVG), btn-modal-primary / btn-modal-ghost / ref-btn replace Bootstrap color variants - Dropped Font Awesome dependency (all icons are inline SVGs) --- index.html | 184 +++++++++++++++++++++++++++++++++---------------------------- 1 file changed, 99 insertions(+), 85 deletions(-) (limited to 'index.html') diff --git a/index.html b/index.html index 1c49d94..0f9933f 100644 --- a/index.html +++ b/index.html @@ -24,17 +24,23 @@ - + + + + + + + - - -