Bugfixes

frontend/src/App.jsx

@@ -8,7 +8,7 @@ import DashboardTab from "./pages/DashboardTab.jsx";
 import EigenVermogenTab from "./pages/EigenVermogenTab.jsx";
 import SchuldTab from "./pages/SchuldTab.jsx";
 import VoortgangTab from "./pages/VoortgangTab.jsx";
-import { RED, PURPLE_LIGHT } from "./constants/index.js";
+import { RED } from "./constants/index.js";
 import { fmt } from "./utils/format.js";
 import { version } from "./version.js";
 import { useUpdateCheck } from "./hooks/useUpdateCheck.js";
@@ -86,10 +86,10 @@ function AppInner() {
             </div>
             <button onClick={() => { setSessionVerlopen(false); }} style={{
               width: "100%", padding: "14px",
-              background: "linear-gradient(135deg, #8b5cf6, #a855f7)",
+              background: T.accentGradient,
               border: "none", borderRadius: 12,
               color: "#fff", fontWeight: 700, fontSize: 15, cursor: "pointer",
-              boxShadow: "0 4px 16px rgba(139,92,246,0.4)",
+              boxShadow: T.cardShadow,
             }}>
               Opnieuw inloggen
             </button>
@@ -110,8 +110,8 @@ function AppInner() {
       }}>
         <div style={{
           width: 40, height: 40, borderRadius: "50%",
-          border: `3px solid rgba(139,92,246,0.2)`,
-          borderTop: `3px solid ${PURPLE_LIGHT}`,
+          border: `3px solid ${T.border}`,
+          borderTop: `3px solid ${T.accentTekst}`,
           animation: "spin 0.8s linear infinite",
         }} />
         <style>{`@keyframes spin { to { transform: rotate(360deg); } }`}</style>
@@ -242,7 +242,7 @@ function AppInner() {
             >
               <div style={{
                 width: 36, height: 36, borderRadius: "50%", overflow: "hidden", flexShrink: 0,
-                background: avatar ? "transparent" : "linear-gradient(135deg, #7c3aed, #a855f7)",
+                background: avatar ? "transparent" : T.accentGradient,
                 display: "flex", alignItems: "center", justifyContent: "center",
                 fontSize: 12, fontWeight: 800, color: "#fff",
                 border: `2px solid ${T.border}`,