From 42206afc88529951bcf398928657ef34cb4c3c36 Mon Sep 17 00:00:00 2001 From: "Frederico @ VilaRosa02" Date: Wed, 17 Sep 2025 18:12:28 +0000 Subject: [PATCH] BUG: the navbar works well in light-theme --- index.html | 3 --- main.css | 24 ++++++++++++++++++++++++ main.js | 10 ---------- 3 files changed, 24 insertions(+), 13 deletions(-) diff --git a/index.html b/index.html index 1f6b9e3..ecdcab9 100644 --- a/index.html +++ b/index.html @@ -1,5 +1,3 @@ - @@ -87,7 +85,6 @@ require_once __DIR__."/backend.php"; ?>
-
diff --git a/main.css b/main.css index 1885128..0e48b80 100644 --- a/main.css +++ b/main.css @@ -128,6 +128,30 @@ html[data-theme="light"] #themeToggle.btn-outline-light:hover { background-color: var(--muted); color: #fff; } +/* --- Light theme: make the navbar truly light --- */ +html[data-theme="light"] .navbar { + background-color: #f8f9fa !important; /* light bg (like .bg-light) */ + /* override Bootstrap navbar-dark CSS variables to dark text */ + --bs-navbar-color: rgba(0,0,0,.65); + --bs-navbar-hover-color: rgba(0,0,0,.85); + --bs-navbar-active-color: rgba(0,0,0,1); + --bs-navbar-brand-color: rgba(0,0,0,.9); + --bs-navbar-toggler-border-color: rgba(0,0,0,.15); + /* dark “hamburger” icon on light bg */ + --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0,0,0,0.7)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} + +/* Optional: tighten brand + links for light theme (keeps consistency) */ +html[data-theme="light"] .navbar .navbar-brand, +html[data-theme="light"] .navbar .nav-link { + color: var(--bs-navbar-color) !important; +} +html[data-theme="light"] .navbar .nav-link.active, +html[data-theme="light"] .navbar .nav-link:focus, +html[data-theme="light"] .navbar .nav-link:hover { + color: var(--bs-navbar-hover-color) !important; +} + /* --- Dark theme fixes for Bootstrap panels (card + accordion) --- */ html:not([data-theme="light"]) .card, diff --git a/main.js b/main.js index 218ed67..fecebff 100644 --- a/main.js +++ b/main.js @@ -74,16 +74,6 @@ formEl?.addEventListener('submit', async (e) => { } }); -// Save system prompt -qs('#saveSysBtn')?.addEventListener('click', async () => { - const message = ''; - const system = sysInput ? sysInput.value.trim() : ''; - if (!system) return; - // Use a no-op message to persist system prompt? Better: do nothing and let backend save on 'chat' - // Here we just show a toast-like confirmation: - appendAssistantHtml('System prompt saved for next messages.'); -}); - // Reset chat resetBtn?.addEventListener('click', async () => { const res = await post('reset', {});