Navbar dark theme,miami bg

src/components/Navbar.tsx

@@ -40,14 +40,16 @@ export function Navbar() {
   });
 
   return (
-    <BootstrapNavbar expand="lg" className="bg-body-tertiary" fixed="top">
+    <BootstrapNavbar expand="lg" className="bg-body-tertiary" fixed="top" data-bs-theme="dark">
+      {/* 修改navbar为dark */}
       <Container>
         <BootstrapNavbar.Brand>
           {import.meta.env.VITE_TEAM_NAME}
         </BootstrapNavbar.Brand>
         <BootstrapNavbar.Toggle aria-controls="basic-navbar-nav" />
         <BootstrapNavbar.Collapse id="basic-navbar-nav">
-          <Nav className="left-aligned">{pages}</Nav>
+          <Nav className="left-aligned" data-bs-theme="dark">{pages}</Nav>
+          {/* 修改了dropdown的颜色为dark */}
         </BootstrapNavbar.Collapse>
       </Container>
     </BootstrapNavbar>

src/containers/App/App.css

@@ -14,6 +14,14 @@ body {
   background-color: #45b06cff;
 }
 
+.bg-miami {
+  background-image: url('/src/asset/miami.jpg'); /* 背景图片路径 */
+  background-size: cover;        /* 使背景图片覆盖整个容器 */
+  background-position: center;   /* 居中对齐背景图片 */
+  background-repeat: no-repeat;  /* 防止背景图片重复 */
+  background-attachment: fixed;  /* 固定背景图片，使其在滚动时不移动 */
+}
+
 /* CALLOUT */
 .bd-callout {
   padding: 1.25rem;