fix: CSS variables neu-*, WebSocket token, thème initial

- CSS: remplace var(--bg-*)/var(--text-*)/var(--accent-*)/var(--color-*)
  par les vraies variables --neu-* (neu-bg, neu-surface, neu-text, neu-primary…)
- CSS: supprime body{overflow:hidden} qui bloquait le scroll
- CSS: .auth-layout déplacé dans neu.css pour login/install
- WS: ajoute ?token= aux connexions /ws/proxmox (dashboardPage + proxmoxPage)
- HTML: script inline pour appliquer data-theme avant Alpine (évite FOUC)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
enzo 2026-03-21 16:39:23 +01:00
parent 2098c80ec1
commit 562eff8863
10 changed files with 142 additions and 133 deletions

View file

@ -1,6 +1,7 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<script>(function(){document.documentElement.setAttribute("data-theme",localStorage.getItem("pxp_theme")||"dark")})()</script>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>ProxmoxPanel — Connexion</title>
@ -75,7 +76,7 @@
}
.logo-icon {
font-size: 3rem;
color: var(--accent-primary);
color: var(--neu-primary);
}
.auth-title {
font-size: 1.5rem;
@ -84,7 +85,7 @@
}
.auth-subtitle {
font-size: 0.875rem;
color: var(--text-secondary);
color: var(--neu-text-muted);
margin: 0;
}
.auth-form {
@ -100,15 +101,15 @@
.form-label {
font-size: 0.875rem;
font-weight: 600;
color: var(--text-secondary);
color: var(--neu-text-muted);
}
.form-error {
background: rgba(239,68,68,0.1);
border: 1px solid var(--color-error, #ef4444);
border: 1px solid var(--neu-danger);
border-radius: 0.5rem;
padding: 0.75rem;
font-size: 0.875rem;
color: var(--color-error, #ef4444);
color: var(--neu-danger);
}
.auth-submit {
width: 100%;