feat: Refactor layout and styles for StopList and related components; add ThemeColorManager for dynamic theme support

2 files changed, 2 insertions, 1 deletions

diff --git a/src/frontend/app/components/layout/AppShell.tsx b/src/frontend/app/components/layout/AppShell.tsx
index d0c0121..e0559ac 100644
--- a/src/frontend/app/components/layout/AppShell.tsx
+++ b/src/frontend/app/components/layout/AppShell.tsx
@@ -2,6 +2,7 @@ import React, { useState } from "react";
 import { Outlet } from "react-router";
 import { PageTitleProvider, usePageTitleContext } from "~/contexts/PageTitleContext";
 import NavBar from "../NavBar";
+import { ThemeColorManager } from "../ThemeColorManager";
 import "./AppShell.css";
 import { Drawer } from "./Drawer";
 import { Header } from "./Header";
@@ -12,6 +13,7 @@ const AppShellContent: React.FC = () => {
 
   return (
     <div className="app-shell">
+      <ThemeColorManager />
       <Header
         className="app-shell__header"
         title={title}
diff --git a/src/frontend/app/components/layout/Header.css b/src/frontend/app/components/layout/Header.css
index c95226f..4ff492e 100644
--- a/src/frontend/app/components/layout/Header.css
+++ b/src/frontend/app/components/layout/Header.css
@@ -4,7 +4,6 @@
   justify-content: space-between;
   padding: 0.5rem 1rem;
   background-color: var(--background-color);
-  border-bottom: 1px solid var(--border-color);
   height: 60px;
   box-sizing: border-box;
   width: 100%;