diff --git a/site-web/forgium-theme.css b/site-web/forgium-theme.css new file mode 100644 index 0000000..181d2a5 --- /dev/null +++ b/site-web/forgium-theme.css @@ -0,0 +1,204 @@ +/* ================================================================ + FORGIUM CYBER-THEME POUR PTERODACTYL (100% IN-HOUSE RESKIN) + Architecture Haute Performance - AMD Ryzen 7 3700X + ================================================================ */ + +@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap'); + +:root { + --bg-dark-oled: #030712 !important; + --bg-panel: #070d1c !important; + --bg-card: rgba(13, 22, 41, 0.85) !important; + --bg-card-hover: rgba(20, 35, 66, 0.9) !important; + --accent-cyan: #38bdf8 !important; + --accent-blue: #2563eb !important; + --accent-glow: rgba(56, 189, 248, 0.3) !important; + --border-forgium: rgba(56, 189, 248, 0.18) !important; + --border-hover: rgba(56, 189, 248, 0.5) !important; + --text-primary: #f8fafc !important; + --text-secondary: #94a3b8 !important; +} + +/* 1. TYPOGRAPHIE GLOBALE ET FOND OLED */ +html, body, #app { + font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif !important; + background-color: var(--bg-dark-oled) !important; + background-image: + radial-gradient(circle at 10% 10%, rgba(56, 189, 248, 0.07) 0%, transparent 40%), + radial-gradient(circle at 90% 90%, rgba(37, 99, 235, 0.07) 0%, transparent 40%) !important; + background-attachment: fixed !important; + color: var(--text-primary) !important; +} + +/* 2. NAVIGATION ET NAVBAR SUPÉRIEURE */ +header, nav, [class*="NavigationBar__"], [class*="SubNavigation__"] { + background: rgba(7, 13, 28, 0.88) !important; + backdrop-filter: blur(16px) !important; + -webkit-backdrop-filter: blur(16px) !important; + border-bottom: 1px solid var(--border-forgium) !important; + box-shadow: 0 4px 25px rgba(0, 0, 0, 0.5) !important; +} + +/* Remplacement du logo Pterodactyl standard par le logo officiel Forgium */ +[class*="NavigationBar__Logo"] svg, +[class*="Navigation__Logo"] svg, +header svg[class*="h-9"] { + display: none !important; +} + +[class*="NavigationBar__Logo"], +[class*="Navigation__Logo"], +header a[href="/"] { + position: relative !important; + display: flex !important; + align-items: center !important; + gap: 0.6rem !important; + font-size: 1.15rem !important; + font-weight: 800 !important; + color: #ffffff !important; + text-decoration: none !important; +} + +[class*="NavigationBar__Logo"]::before, +[class*="Navigation__Logo"]::before, +header a[href="/"]::before { + content: '' !important; + display: inline-block !important; + width: 32px !important; + height: 32px !important; + background: url('/logo-forgium.svg') no-repeat center center !important; + background-size: contain !important; +} + +[class*="NavigationBar__Logo"]::after, +[class*="Navigation__Logo"]::after, +header a[href="/"]::after { + content: 'FORGIUM' !important; + font-family: 'Plus Jakarta Sans', sans-serif !important; + font-weight: 800 !important; + letter-spacing: -0.5px !important; + color: #ffffff !important; +} + +/* 3. CARTES DES SERVEURS (DASHBOARD) */ +[class*="ServerRow__"], +[class*="ServerCard__"], +[class*="style__ServerCard"], +.server-row { + background: var(--bg-card) !important; + border: 1px solid var(--border-forgium) !important; + border-radius: 14px !important; + backdrop-filter: blur(12px) !important; + transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important; + overflow: hidden !important; +} + +[class*="ServerRow__"]:hover, +[class*="ServerCard__"]:hover { + border-color: var(--border-hover) !important; + transform: translateY(-3px) !important; + box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4), 0 0 20px var(--accent-glow) !important; +} + +/* 4. CONSOLE ET TERMINAL */ +[class*="Console__"], +[class*="ServerConsole__"], +.terminal, .xterm { + font-family: 'JetBrains Mono', monospace !important; + background: #02040a !important; + border: 1px solid var(--border-forgium) !important; + border-radius: 12px !important; + box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.8), 0 8px 30px rgba(0, 0, 0, 0.5) !important; +} + +.xterm-viewport { + background: #02040a !important; +} + +/* 5. BOUTONS D'ALIMENTATION (POWER BUTTONS) */ +button[class*="Button__"], +.btn { + border-radius: 8px !important; + font-family: 'Plus Jakarta Sans', sans-serif !important; + font-weight: 600 !important; + transition: all 0.2s ease !important; +} + +/* Bouton Démarrer (Start) vert néon Forgium */ +button:has(svg[data-icon="play"]), +button[class*="start"], +button[class*="green"] { + background: #10b981 !important; + color: #000000 !important; + border: none !important; + font-weight: 700 !important; +} +button:has(svg[data-icon="play"]):hover { + box-shadow: 0 0 15px rgba(16, 185, 129, 0.4) !important; + filter: brightness(1.1) !important; +} + +/* Bouton Redémarrer (Restart) orange ambre */ +button:has(svg[data-icon="redo"]), +button:has(svg[data-icon="rotate-right"]), +button[class*="restart"] { + background: #f59e0b !important; + color: #000000 !important; + border: none !important; + font-weight: 700 !important; +} + +/* Bouton Arrêter (Stop) rouge néon */ +button:has(svg[data-icon="stop"]), +button[class*="stop"], +button[class*="red"] { + background: #f43f5e !important; + color: #ffffff !important; + border: none !important; + font-weight: 700 !important; +} + +/* 6. GESTIONNAIRE DE FICHIERS ET MONACO EDITOR */ +[class*="FileManager__"], +[class*="FileRow__"] { + background: rgba(10, 16, 31, 0.6) !important; + border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important; +} +[class*="FileRow__"]:hover { + background: rgba(56, 189, 248, 0.08) !important; +} + +/* 7. SUPPRESSION STRICTE DES FILIGRANES ET MENTIONS PTERODACTYL */ +[class*="Footer__"], +footer p:has(a[href*="pterodactyl.io"]) { + display: none !important; +} + +/* Footer Forgium Signature */ +body::after { + content: "Forgium Cloud • Infrastructure Dédiée Haute Performance • AMD Ryzen 7 3700X"; + display: block; + text-align: center; + padding: 1.5rem 0; + font-size: 0.75rem; + color: var(--text-secondary); + font-family: 'JetBrains Mono', monospace; + border-top: 1px solid rgba(255, 255, 255, 0.04); + background: #020409; +} + +/* 8. BARRE DE DÉFILEMENT PERSONNALISÉE (SCROLLBAR) */ +::-webkit-scrollbar { + width: 6px; + height: 6px; +} +::-webkit-scrollbar-track { + background: #030712; +} +::-webkit-scrollbar-thumb { + background: rgba(56, 189, 248, 0.25); + border-radius: 4px; +} +::-webkit-scrollbar-thumb:hover { + background: var(--accent-cyan); +}