dark mode

client/src/modules/gantt/GanttPage.tsx

@@ -6,9 +6,11 @@ import type { GanttLinkDto, GanttTaskDto } from "@mrp/shared";
 
 import { useAuth } from "../../auth/AuthProvider";
 import { api } from "../../lib/api";
+import { useTheme } from "../../theme/ThemeProvider";
 
 export function GanttPage() {
   const { token } = useAuth();
+  const { mode } = useTheme();
   const [tasks, setTasks] = useState<GanttTaskDto[]>([]);
   const [links, setLinks] = useState<GanttLinkDto[]>([]);
 
@@ -28,7 +30,11 @@ export function GanttPage() {
       <p className="text-xs font-semibold uppercase tracking-[0.24em] text-muted">Planning</p>
       <h3 className="mt-3 text-2xl font-bold text-text">SVAR Gantt Preview</h3>
       <p className="mt-2 text-sm text-muted">Theme-aware integration wrapper prepared for future manufacturing schedules and task dependencies.</p>
-      <div className="gantt-theme mt-6 overflow-hidden rounded-2xl border border-line/70 bg-page/70 p-4">
+      <div
+        className={`gantt-theme mt-6 overflow-hidden rounded-2xl border border-line/70 bg-page/70 p-4 ${
+          mode === "dark" ? "wx-willow-dark-theme" : "wx-willow-theme"
+        }`}
+      >
         <Gantt
           tasks={tasks.map((task) => ({
             ...task,

client/src/modules/login/LoginPage.tsx

@@ -59,7 +59,7 @@ export function LoginPage() {
                 className="w-full rounded-2xl border border-line/70 bg-page px-4 py-3 text-text outline-none transition focus:border-brand"
               />
             </label>
-            {error ? <div className="rounded-2xl border border-red-300 bg-red-50 px-4 py-3 text-sm text-red-700">{error}</div> : null}
+            {error ? <div className="rounded-2xl border border-red-500/30 bg-red-500/10 px-4 py-3 text-sm text-red-200 dark:text-red-200">{error}</div> : null}
             <button
               type="submit"
               disabled={isSubmitting}
@@ -73,4 +73,3 @@ export function LoginPage() {
     </div>
   );
 }
-