diff --git a/apps/explorer-web/index.html b/apps/explorer-web/index.html index 9e4dc89d..d43666f8 100644 --- a/apps/explorer-web/index.html +++ b/apps/explorer-web/index.html @@ -5,9 +5,12 @@ AITBC Explorer + +
+ diff --git a/apps/explorer-web/public/css/layout.css b/apps/explorer-web/public/css/layout.css index 421624e2..8f13aa31 100644 --- a/apps/explorer-web/public/css/layout.css +++ b/apps/explorer-web/public/css/layout.css @@ -373,3 +373,8 @@ color: rgba(244, 246, 251, 0.7); font-size: 0.9rem; } + +/* Global Header spacing fix */ +.page { + margin-top: 80px; /* Make space for the fixed global header */ +} diff --git a/apps/explorer-web/public/css/theme.css b/apps/explorer-web/public/css/theme.css index 49ad912d..b48a7d6b 100644 --- a/apps/explorer-web/public/css/theme.css +++ b/apps/explorer-web/public/css/theme.css @@ -36,3 +36,33 @@ --color-border-strong: rgba(142, 249, 208, 0.24); --color-focus-ring: rgba(142, 249, 208, 0.65); } + +/* Light Mode Overrides (triggered by global-header.js) */ +html[data-theme='light'], +body.light { + color-scheme: light; + --color-bg: #f9fafb; + --color-surface: #ffffff; + --color-surface-muted: #f3f4f6; + --color-border: #e5e7eb; + --color-border-strong: #d1d5db; + --color-text-primary: #111827; + --color-text-secondary: #4b5563; + --color-text-muted: #6b7280; + --color-primary: #2563eb; + --color-primary-hover: rgba(37, 99, 235, 0.1); + --color-focus-ring: rgba(37, 99, 235, 0.5); + --color-placeholder: #9ca3af; + --color-table-even: #f9fafb; + --color-table-head: #f3f4f6; + --color-shadow-soft: rgba(0, 0, 0, 0.05); +} + +html[data-theme='light'][data-mode="live"], +body.light[data-mode="live"] { + --color-primary: #059669; + --color-primary-hover: rgba(5, 150, 105, 0.1); + --color-border: rgba(5, 150, 105, 0.2); + --color-border-strong: rgba(5, 150, 105, 0.3); + --color-focus-ring: rgba(5, 150, 105, 0.5); +} diff --git a/apps/explorer-web/src/main.ts b/apps/explorer-web/src/main.ts index 94336b6a..c198a820 100644 --- a/apps/explorer-web/src/main.ts +++ b/apps/explorer-web/src/main.ts @@ -61,7 +61,6 @@ function render(): void { const page = routes[normalizedPath] ?? null; root.innerHTML = ` - ${siteHeader(page?.title ?? "Explorer")}
${(page ?? notFoundPageConfig).render()}
${siteFooter()} `;