Fix task board contrast

public/app.js

@@ -109,15 +109,15 @@ function normalizeTask(task) {
 
 function renderApp() {
   app.innerHTML = `
-    <section class="shell">
+    <section class="shell ${state.view === "board" ? "board-mode" : "settings-mode"}">
       <aside class="sidebar">
         <div class="brand">
           <div class="brand-mark">MC</div>
-          <div><strong>MAXI</strong><span>mc.texisoft.com</span></div>
+          <div class="brand-copy"><strong>MAXI</strong><span>mc.texisoft.com</span></div>
         </div>
         <nav class="nav">
-          <button data-view="board" class="${state.view === "board" ? "active" : ""}">Task Board <i>${state.tasks.length}</i></button>
-          <button data-view="settings" class="${state.view === "settings" ? "active" : ""}">Settings</button>
+          <button data-view="board" class="${state.view === "board" ? "active" : ""}" title="Task Board"><span class="nav-label">Task Board</span><i>${state.tasks.length}</i></button>
+          <button data-view="settings" class="${state.view === "settings" ? "active" : ""}" title="Settings"><span class="nav-label">Settings</span></button>
         </nav>
         <div class="sidebar-bottom">
           <button id="logout">Abmelden</button>