Mirrors/ProxMenux
1
0
Fork 0
mirror of https://github.com/MacRimi/ProxMenux.git synced 2025-10-01 23:56:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update AppImage

Browse Source
This commit is contained in:
MacRimi
2025-09-28 22:57:15 +02:00
parent e404557d62
commit 38569ff7fc
3 changed files with 102 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
AppImage/app/globals.css
View File

@@ -4,6 +4,7 @@
@custom-variant dark (&:is(.dark *));
:root {
/* Proxmox light theme colors */
--background: oklch(1 0 0);
--foreground: oklch(0.145 0 0);
--card: oklch(1 0 0);
@@ -31,11 +32,10 @@
--radius: 0.625rem;
--sidebar: oklch(0.985 0 0);
--sidebar-foreground: oklch(0.145 0 0);
--header-bg: oklch(1 0 0);
--header-foreground: oklch(0.145 0 0);
}
.dark {
/* Proxmox dark theme with proper gray background (#2b2f36) */
--background: oklch(0.205 0.005 240); /* Proxmox dark gray #2b2f36 */
--foreground: oklch(0.985 0 0);
--card: oklch(0.235 0.005 240); /* Slightly lighter gray for cards #363c45 */
@@ -55,15 +55,12 @@
--border: oklch(0.335 0.005 240); /* More visible borders */
--input: oklch(0.285 0.005 240);
--ring: oklch(0.439 0 0);
/* Updated chart colors to be more vibrant and visible in dark mode */
--chart-1: oklch(0.65 0.2 220); /* Bright Blue */
--chart-2: oklch(0.65 0.2 140); /* Bright Green */
--chart-3: oklch(0.7 0.2 50); /* Bright Yellow */
--chart-4: oklch(0.65 0.2 300); /* Bright Purple */
--chart-5: oklch(0.65 0.2 20); /* Bright Orange */
--radius-sm: calc(var(--radius) - 4px);
--radius-md: calc(var(--radius) - 2px);
--radius-lg: var(--radius);
--radius-xl: calc(var(--radius) + 4px);
--sidebar: oklch(0.205 0 0);
--sidebar-foreground: oklch(0.985 0 0);
--sidebar-primary: oklch(0.488 0.243 264.376);
@@ -72,13 +69,12 @@
--sidebar-accent-foreground: oklch(0.985 0 0);
--sidebar-border: oklch(0.285 0.005 240);
--sidebar-ring: oklch(0.439 0 0);
/* Header is black only in dark mode */
--header-bg: oklch(0 0 0);
--header-foreground: oklch(1 0 0);
}
@theme inline {
--font-sans: var(--font-geist-sans);
--font-mono: var(--font-geist-mono);
--color-background: var(--background);
--color-foreground: var(--foreground);
--color-card: var(--card);
@@ -115,6 +111,9 @@
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
--color-sidebar-border: var(--sidebar-border);
--color-sidebar-ring: var(--sidebar-ring);
/* Custom header colors */
--color-header-bg: var(--header-bg);
--color-header-foreground: var(--header-foreground);
}
@layer base {
@@ -124,11 +123,14 @@
body {
@apply bg-background text-foreground;
}
}
/* Header styling that adapts to theme */
.header-bg {
background-color: var(--header-bg);
color: var(--header-foreground);
backdrop-filter: none; /* Remove any blur effects */
}
/* Custom scrollbar with better contrast */
::-webkit-scrollbar {
width: 6px;
@@ -198,4 +200,3 @@
padding: 0.125rem 0.5rem;
white-space: nowrap;
}
}

21
AppImage/app/layout.tsx
View File

@@ -9,8 +9,21 @@ import "./globals.css"
export const metadata: Metadata = {
title: "ProxMenux Monitor",
description: "Proxmox System Dashboard",
description: "Proxmox System Dashboard and Monitor",
generator: "v0.app",
manifest: "/manifest.json",
icons: {
icon: [
{ url: "/favicon-16x16.png", sizes: "16x16", type: "image/png" },
{ url: "/favicon-32x32.png", sizes: "32x32", type: "image/png" },
],
apple: [{ url: "/apple-touch-icon.png", sizes: "180x180", type: "image/png" }],
},
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" },
],
}
export default function RootLayout({
@@ -20,13 +33,13 @@ export default function RootLayout({
}>) {
return (
<html lang="en" suppressHydrationWarning>
<body className={`font-sans ${GeistSans.variable} ${GeistMono.variable}`}>
<Suspense fallback={null}>
<body className={`${GeistSans.variable} ${GeistMono.variable} antialiased`}>
<Suspense fallback={<div>Loading...</div>}>
<ThemeProvider attribute="class" defaultTheme="system" enableSystem disableTransitionOnChange>
{children}
</ThemeProvider>
</Suspense>
<Analytics />
</Suspense>
</body>
</html>
)

4
AppImage/app/page.tsx
View File

@@ -1,6 +1,6 @@
import { ProxmoxDashboard } from "../AppImage/components/proxmox-dashboard"
import { ProxmoxDashboard } from "../components/proxmox-dashboard"
export default function Page() {
export default function Home() {
return (
<main className="min-h-screen bg-background">
<ProxmoxDashboard />