secubox/secubox-deb
1
0
Fork 0
mirror of https://github.com/CyberMind-FR/secubox-deb.git synced 2026-07-29 09:14:33 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

feat(webui): extend hybrid-dark overlay to remaining custom panels

Browse Source 
Apply the /shared/hybrid-dark.css overlay + hybrid-dark body class to the 10
non-crt-light panels the fleet pass skipped (soc, waf, threat-analyst, health,
security-posture, webradio, master-link, metoblizer, proxypac, sentinelle) via
a universal inject-before-</head> + body-class swap. Flagships (certs/wireguard/
users/nac) stay bespoke; frigate is a redirect stub (left as-is).
This commit is contained in:
CyberMind-FR 2026-07-10 08:56:47 +02:00
parent 3197f866e4
commit 94021e982d
10 changed files with 20 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/secubox-hub/www/health/index.html
View File

@ -15,8 +15,9 @@
<link rel="stylesheet" href="/shared/design-tokens.css">
<link rel="stylesheet" href="/shared/sidebar.css">
<link rel="stylesheet" href="health.css">
<link rel="stylesheet" href="/shared/hybrid-dark.css">
</head>
<body class="module-root">
<body class="module-root hybrid-dark">
<nav class="sidebar" id="sidebar"></nav>
<main class="main">
<header class="page">

3
packages/secubox-metoblizer/www/metoblizer/index.html
View File

@ -51,8 +51,9 @@
.stat-value { font-size: 2rem; font-weight: bold; color: var(--cyber-cyan); }
.stat-label { font-size: 0.85rem; color: var(--text-muted); }
</style>
<link rel="stylesheet" href="/shared/hybrid-dark.css">
</head>
<body>
<body class="hybrid-dark">
<div class="container">
<header class="page-header">
<h1>Metoblizer</h1>

3
packages/secubox-p2p/www/master-link/index.html
View File

@ -79,8 +79,9 @@
.role-master { background: var(--phosphor-dim); color: var(--accent); border: 1px solid var(--accent); }
.role-sub-master { background: rgba(99, 102, 241, 0.1); color: #6366f1; border: 1px solid #6366f1; }
</style>
<link rel="stylesheet" href="/shared/hybrid-dark.css">
</head>
<body>
<body class="hybrid-dark">
<div class="container">
<header>
<div class="logo">

5
packages/secubox-proxypac/www/proxypac/index.html
View File

@ -1,6 +1,7 @@
<!DOCTYPE html>
<html lang="fr"><head><meta charset="utf-8"><title>ProxyPAC</title></head>
<body>
<html lang="fr"><head><meta charset="utf-8"><title>ProxyPAC</title> <link rel="stylesheet" href="/shared/hybrid-dark.css">
</head>
<body class="hybrid-dark">
<h1>ProxyPAC — routage mesh</h1>
<h2>Règles actives</h2><ul id="rules"></ul>
<h2>Ajouter un override</h2>

3
packages/secubox-security-posture/www/security-posture/index.html
View File

@ -18,8 +18,9 @@
<link rel="stylesheet" href="/shared/design-tokens.css">
<link rel="stylesheet" href="/shared/sidebar.css">
<link rel="stylesheet" href="posture.css">
<link rel="stylesheet" href="/shared/hybrid-dark.css">
</head>
<body class="module-wall">
<body class="module-wall hybrid-dark">
<nav class="sidebar" id="sidebar"></nav>
<main class="main">
<header class="page">

3
packages/secubox-sentinelle-gsm/www/sentinelle/index.html
View File

@ -17,8 +17,9 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="sentinelle.css">
<link rel="stylesheet" href="/shared/hybrid-dark.css">
</head>
<body>
<body class="hybrid-dark">
<!-- Canonical SecuBox global menu bar — injected by /shared/sidebar.js
(position:fixed, top:0, height:48px, z-index:998). The CSS already

3
packages/secubox-soc/www/soc/index.html
View File

@ -627,8 +627,9 @@
50% { opacity: 0.6; transform: scale(1.1); }
}
</style>
<link rel="stylesheet" href="/shared/hybrid-dark.css">
</head>
<body>
<body class="hybrid-dark">
<nav class="sidebar" id="sidebar"></nav>
<!-- SIDEBAR -->

3
packages/secubox-threat-analyst/www/threat-analyst/index.html
View File

@ -221,8 +221,9 @@
.diag .ok { color: var(--root-main); font-weight: 700; }
.diag .bad { color: var(--boot-main); font-weight: 700; }
</style>
<link rel="stylesheet" href="/shared/hybrid-dark.css">
</head>
<body class="module-wall">
<body class="module-wall hybrid-dark">
<nav class="sidebar" id="sidebar"></nav>
<main class="main">

3
packages/secubox-waf/www/waf/index.html
View File

@ -511,8 +511,9 @@
@media (max-width: 1200px) { .stats-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 768px) { .main { margin-left: 0; } .grid-2, .grid-3 { grid-template-columns: 1fr; } .stats-grid { grid-template-columns: repeat(2, 1fr); } }
</style>
<link rel="stylesheet" href="/shared/hybrid-dark.css">
</head>
<body>
<body class="hybrid-dark">
<nav class="sidebar" id="sidebar"></nav>
<script src="/shared/sidebar.js"></script>
<main class="main">

1
packages/secubox-webradio/www/webradio/index.html
View File

@ -577,6 +577,7 @@
color: var(--p31-dim, #006622);
}
</style>
<link rel="stylesheet" href="/shared/hybrid-dark.css">
</head>
<body class="crt-light hybrid-dark">
<nav class="sidebar" id="sidebar"></nav>