Fix topbar earnings on all pages and theme label duplication

Author: GeiserX

app/static/css/style.css

@@ -288,9 +288,7 @@ img { max-width: 100%; }
 #theme-toggle .icon-moon { display: none; }
 :root[data-theme="light"] #theme-toggle .icon-sun { display: none; }
 :root[data-theme="light"] #theme-toggle .icon-moon { display: block; }
-/* Theme label text */
-#theme-toggle .theme-label::after { content: 'Light mode'; }
-:root[data-theme="light"] #theme-toggle .theme-label::after { content: 'Dark mode'; }
+/* Theme label text — set via JS updateLabel() */
 
 /* Avatar button + dropdown */
 .topbar-avatar-wrap {

app/static/js/app.js

@@ -149,6 +149,16 @@ const CP = (() => {
     } catch { /* keep defaults */ }
   }
 
+  async function loadTopbarEarnings() {
+    try {
+      await loadExchangeRates();
+      const data = await api('/api/earnings/summary');
+      setTextContent('topbar-total', formatCurrency(data.total || 0));
+    } catch {
+      setTextContent('topbar-total', formatCurrency(0));
+    }
+  }
+
   async function loadDashboard() {
     await loadExchangeRates();
     await Promise.all([
@@ -1650,6 +1660,9 @@ const CP = (() => {
     _displayCurrency = localStorage.getItem('cp-display-currency') || detectDefaultCurrency();
     initTopbarCurrency();
 
+    // Load topbar earnings on every page
+    loadTopbarEarnings();
+
     const page = document.body.dataset.page;
     switch (page) {
       case 'dashboard':