Match navigation button backgrounds to theme

README.md

@@ -1,9 +1,9 @@
-<table>
-  <tr>
-    <td width="140"><img src="app/assets/logo.png" alt="ICRA Logo" width="120"/></td>
-    <td>**ICRA** (Interactive Color Range Analyzer) is a Tkinter-based desktop tool for highlighting customised colour ranges in images. Load a single photo or an entire folder, fine-tune hue/saturation/value sliders, and export overlays complete with quick statistics.</td>
-  </tr>
-</table>
+<p>
+  <img src="app/assets/logo.png" alt="ICRA Logo" width="120" style="float:left; margin-right:16px;"/>
+  <strong>ICRA</strong> (Interactive Color Range Analyzer) is a Tkinter-based desktop tool for highlighting customised colour ranges in images. Load a single photo or an entire folder, fine-tune hue/saturation/value sliders, and export overlays complete with quick statistics.
+</p>
+
+<div style="clear: both;"></div>
 
 ## Features
 - Two synced previews (original + overlay)
@@ -19,11 +19,11 @@
 - Tkinter (install separately on some Linux distros)
 
 ## Setup with uv (Windows PowerShell)
-```powershell
+```bash
 git clone https://git.lukasmahler.de/lm/ICRA.git
 cd ICRA
 uv venv
-.\.venv\Scripts\Activate
+source .venv/Scripts/activate
 uv pip install .
 uv run icra
 ```

app/gui/ui.py

@@ -448,9 +448,10 @@ class UIBuilderMixin:
 
     def _navigation_palette(self) -> dict[str, str]:
         is_dark = getattr(self, "theme", "light") == "dark"
-        if is_dark:
-            return {"bg": "#26262a", "fg": "#f5f5f5"}
-        return {"bg": "#e8e8ee", "fg": "#1f1f1f"}
+        default_bg = "#0f0f10" if is_dark else "#ededf2"
+        bg = self.root.cget("bg") if hasattr(self.root, "cget") else default_bg
+        fg = "#f5f5f5" if is_dark else "#1f1f1f"
+        return {"bg": bg, "fg": fg}
 
     def _refresh_toolbar_buttons_theme(self) -> None:
         if not getattr(self, "_toolbar_buttons", None):