Mirrors/ProxMenux
1
0
Fork 0
mirror of https://github.com/MacRimi/ProxMenux.git synced 2025-10-02 16:16:19 +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

165
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,78 +123,80 @@
body {
@apply bg-background text-foreground;
}
.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;
}
::-webkit-scrollbar-track {
background: var(--background);
}
::-webkit-scrollbar-thumb {
background: var(--muted);
border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
background: var(--muted-foreground);
}
/* Better contrast for dark mode content */
.dark .metric-card {
background: var(--card);
border: 1px solid var(--border);
}
.dark .metric-value {
color: var(--foreground);
font-weight: 600;
}
.dark .metric-label {
color: var(--muted-foreground);
}
/* Fix chart axis visibility in dark mode */
.dark .recharts-cartesian-axis-tick-value {
fill: var(--muted-foreground) !important;
}
.dark .recharts-text {
fill: var(--muted-foreground) !important;
}
/* Improve server info layout in header - clean design without transparency */
.server-info {
display: flex;
align-items: center;
gap: 0.5rem;
padding: 0.25rem 0.75rem;
border-radius: 0.375rem;
border: 1px solid rgba(255, 255, 255, 0.2);
}
.dark .server-info {
border: 1px solid rgba(255, 255, 255, 0.1);
}
/* Better spacing for VM/LXC badges */
.vm-badges {
display: flex;
flex-wrap: wrap;
gap: 0.25rem;
align-items: center;
}
.vm-badge {
font-size: 0.75rem;
padding: 0.125rem 0.5rem;
white-space: nowrap;
}
}
/* Header styling that adapts to theme */
.header-bg {
background-color: var(--header-bg);
color: var(--header-foreground);
}
/* Custom scrollbar with better contrast */
::-webkit-scrollbar {
width: 6px;
}
::-webkit-scrollbar-track {
background: var(--background);
}
::-webkit-scrollbar-thumb {
background: var(--muted);
border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
background: var(--muted-foreground);
}
/* Better contrast for dark mode content */
.dark .metric-card {
background: var(--card);
border: 1px solid var(--border);
}
.dark .metric-value {
color: var(--foreground);
font-weight: 600;
}
.dark .metric-label {
color: var(--muted-foreground);
}
/* Fix chart axis visibility in dark mode */
.dark .recharts-cartesian-axis-tick-value {
fill: var(--muted-foreground) !important;
}
.dark .recharts-text {
fill: var(--muted-foreground) !important;
}
/* Improve server info layout in header - clean design without transparency */
.server-info {
display: flex;
align-items: center;
gap: 0.5rem;
padding: 0.25rem 0.75rem;
border-radius: 0.375rem;
border: 1px solid rgba(255, 255, 255, 0.2);
}
.dark .server-info {
border: 1px solid rgba(255, 255, 255, 0.1);
}
/* Better spacing for VM/LXC badges */
.vm-badges {
display: flex;
flex-wrap: wrap;
gap: 0.25rem;
align-items: center;
}
.vm-badge {
font-size: 0.75rem;
padding: 0.125rem 0.5rem;
white-space: nowrap;
}