Add CyberVoidX Neon Cyberpunk Theme

cybervoidx/cybervoid.css

@@ -0,0 +1,153 @@
+/* =============================================
+   CyberVoidX v3.6 - COMPLETE FINAL VERSION
+   ============================================= */
+
+:root {
+  --neon-cyan: #00f5ff;
+  --neon-pink: #ff00cc;
+  --neon-purple: #c300ff;
+  --bg-panel: rgba(15, 15, 35, 0.82);
+  --bg-panel-strong: rgba(10, 10, 25, 0.96);
+  --text-main: #f5f7ff;
+  --text-muted: #a0a8cc;
+}
+
+/* ==================== BACKGROUND ==================== */
+html {
+  background-image: url('/Themes/AMPThemes/cybervoidx/bg.png') !important;
+  background-size: cover !important;
+  background-position: center center !important;
+  background-attachment: fixed !important;
+}
+
+body, .amp-page, #mainBody, #mainContentArea, #content, .bodyTab, .tabHeaderContainer {
+  background: transparent !important;
+  color: var(--text-main) !important;
+}
+
+body::before {
+  content: "";
+  position: fixed;
+  inset: 0;
+  background: linear-gradient(rgba(6,6,18,0.85), rgba(6,6,18,0.92)),
+              url('/Themes/AMPThemes/cybervoidx/bg.png') center/cover fixed !important;
+  z-index: -2;
+}
+
+body::after {
+  content: "";
+  position: fixed;
+  inset: 0;
+  background: radial-gradient(circle at 20% 30%, rgba(0,245,255,0.13), transparent 50%),
+              radial-gradient(circle at 80% 70%, rgba(255,0,204,0.11), transparent 50%);
+  z-index: -1;
+  pointer-events: none;
+}
+
+/* ==================== TOP BAR ==================== */
+#barTop {
+  background: rgba(10, 5, 25, 0.98) !important;
+  border-bottom: 3px solid var(--neon-pink) !important;
+  box-shadow: 0 4px 25px rgba(255,0,204,0.35) !important;
+  backdrop-filter: blur(12px);
+}
+
+/* ==================== SIDEBAR ==================== */
+#sideMenuContainer, .sideItemList {
+  background: var(--bg-panel-strong) !important;
+  border-right: 3px solid rgba(0,245,255,0.35) !important;
+  backdrop-filter: blur(16px);
+}
+
+#sideMenu a {
+  color: var(--text-muted) !important;
+  border-radius: 12px !important;
+  margin: 4px 8px !important;
+  transition: all 0.3s ease;
+}
+
+#sideMenu a:hover {
+  background: rgba(0,245,255,0.15) !important;
+  color: white !important;
+  transform: translateX(8px);
+}
+
+#sideMenu a.selected {
+  background: rgba(0,245,255,0.25) !important;
+  border-left: 5px solid var(--neon-cyan) !important;
+  color: white !important;
+  box-shadow: 0 0 25px rgba(0,245,255,0.4);
+}
+
+/* ==================== GLASS PANELS ==================== */
+.card, .panel, .modal-content, .StoreCard, .ServerEntry, .instanceCard, .datastoreItem,
+.settingsGroup .groupBody .settingContainer, .analyticsSection, .DisplayMetric, .well {
+  background: var(--bg-panel) !important;
+  backdrop-filter: blur(22px) brightness(112%) !important;
+  border: 1px solid rgba(0,245,255,0.25) !important;
+  border-radius: 18px !important;
+  box-shadow: 0 8px 32px rgba(0,0,0,0.7), 0 0 20px rgba(0,245,255,0.1) !important;
+  transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1) !important;
+}
+
+/* Strong Hover Animations */
+.card:hover, .panel:hover, .StoreCard:hover, .ServerEntry:hover, .instanceCard:hover, 
+.datastoreItem:hover, .settingsGroup .groupBody .settingContainer:hover {
+  transform: translateY(-14px) scale(1.035) !important;
+  box-shadow: 0 25px 60px rgba(0,0,0,0.7), 0 0 50px rgba(0,245,255,0.55) !important;
+  border-color: var(--neon-cyan) !important;
+}
+
+/* ==================== BUTTONS ==================== */
+button, .btn, input[type=button], input[type=submit] {
+  background: linear-gradient(180deg, rgba(0,245,255,0.3), rgba(0,180,220,0.25)) !important;
+  color: white !important;
+  border: 1px solid rgba(0,245,255,0.5) !important;
+  border-radius: 12px !important;
+  box-shadow: 0 0 20px rgba(0,245,255,0.4) !important;
+  transition: all 0.35s ease !important;
+}
+
+button:hover, .btn:hover {
+  background: linear-gradient(180deg, #00ffff, var(--neon-cyan)) !important;
+  color: #000 !important;
+  transform: translateY(-5px) scale(1.06) !important;
+  box-shadow: 0 0 45px rgba(0,245,255,0.85) !important;
+}
+
+/* ==================== INPUTS ==================== */
+input, textarea, select {
+  background: rgba(20,20,40,0.9) !important;
+  border: 1px solid rgba(0,245,255,0.25) !important;
+  color: white !important;
+  border-radius: 12px !important;
+}
+
+input:focus, textarea:focus, select:focus {
+  border-color: var(--neon-cyan) !important;
+  box-shadow: 0 0 25px rgba(0,245,255,0.5) !important;
+}
+
+/* ==================== CONSOLE & EXTRA ==================== */
+.console-output, .log-window, pre {
+  background: rgba(8,8,16,0.95) !important;
+  color: #bbffdd !important;
+  border: 1px solid rgba(0,245,255,0.2) !important;
+}
+
+.table thead th {
+  background: rgba(0,245,255,0.1) !important;
+  color: var(--neon-cyan) !important;
+}
+
+.tabHeader.active {
+  background: var(--neon-cyan) !important;
+  color: #000 !important;
+  box-shadow: 0 0 25px var(--neon-cyan) !important;
+}
+
+/* Scrollbar */
+::-webkit-scrollbar-thumb {
+  background: linear-gradient(var(--neon-cyan), var(--neon-pink));
+  box-shadow: 0 0 10px var(--neon-cyan);
+}

cybervoidx/info.json

@@ -0,0 +1,8 @@
+{
+  "Name": "CyberVoidX",
+  "Version": "3.6",
+  "UpdatedDate": "2026/05/19",
+  "Description": "Neon cyberpunk glassmorphism AMP theme with cyan/pink glow accents, dynamic hover animations, and immersive blurred UI panels.",
+  "Author": "Zerious-Tech",
+  "Tags": ["Neon", "Cyberpunk", "Glass", "Glassmorphism", "Futuristic"]
+}