diff --git a/AppImage/app/globals.css b/AppImage/app/globals.css index c21cb4d..8be1174 100644 --- a/AppImage/app/globals.css +++ b/AppImage/app/globals.css @@ -35,8 +35,8 @@ } .dark { - /* Proxmox dark theme with proper gray background (#2b2f36) */ - --background: #2b2f36; /* Proxmox dark gray */ + /* Updated Proxmox dark theme with consistent gray background throughout */ + --background: #2b2f36; /* Proxmox dark gray applied everywhere */ --foreground: #ffffff; --card: #363c45; /* Slightly lighter gray for cards */ --card-foreground: #ffffff; @@ -69,8 +69,8 @@ --sidebar-accent-foreground: #ffffff; --sidebar-border: #4a5058; --sidebar-ring: #6b7280; - /* Header is black only in dark mode */ - --header-bg: #000000; + /* Header now uses same background as body for consistency */ + --header-bg: #2b2f36; --header-foreground: #ffffff; } @@ -125,7 +125,7 @@ } } -/* Header styling that adapts to theme */ +/* Header styling now uses consistent background color */ .header-bg { background-color: var(--header-bg); color: var(--header-foreground); diff --git a/AppImage/app/layout.tsx b/AppImage/app/layout.tsx index 27a5ad7..8dadbef 100644 --- a/AppImage/app/layout.tsx +++ b/AppImage/app/layout.tsx @@ -3,7 +3,7 @@ import type { Metadata } from "next" import { GeistSans } from "geist/font/sans" import { GeistMono } from "geist/font/mono" import { Analytics } from "@vercel/analytics/next" -import { ThemeProvider } from "@/components/theme-provider" +import { ThemeProvider } from "../components/theme-provider" import { Suspense } from "react" import "./globals.css" @@ -22,7 +22,7 @@ export const metadata: Metadata = { viewport: "width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no", themeColor: [ { media: "(prefers-color-scheme: light)", color: "#ffffff" }, - { media: "(prefers-color-scheme: dark)", color: "#1a1a1a" }, + { media: "(prefers-color-scheme: dark)", color: "#2b2f36" }, ], } @@ -33,9 +33,9 @@ export default function RootLayout({ }>) { return ( -
+