import type { Metadata, Viewport } from "next"; import { JetBrains_Mono } from "next/font/google"; import "./globals.css"; const jetbrains = JetBrains_Mono({ subsets: ["latin"], display: "swap", variable: "--font-jetbrains", }); const noFlashScript = `(function(){try{var raw=localStorage.getItem("theme");var v="light";if(raw==="dark"||raw==="light"){v=raw}else{try{v=JSON.parse(raw).state.theme}catch(e){}}if(v==="dark"){document.documentElement.classList.add("dark-theme")}}catch(e){}})();`; export const viewport: Viewport = { width: "device-width", initialScale: 1, themeColor: [ { media: "(prefers-color-scheme: light)", color: "#f0f5fc" }, { media: "(prefers-color-scheme: dark)", color: "#20232c" }, ], }; export const metadata: Metadata = { title: "Server Dashboard", description: "My server dashboard", }; export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode; }>) { return (