Aether Theme

Aether Theme — Pterodactyl Blueprint extension (soft-blue glassmorphism, ported from chaeulso/astro)

🌌 Aether Theme A soft-blue glassmorphism theme for Pterodactyl Panel, ported from chaeulso/astro and packaged as a Blueprint extension. --- ✨ Features • 🪟 Custom Aether sidebar (Dashboard, Servers, Console, Files, Backups, Settings + admin + Account/Logout) — compact 256px, glassmorphic, animated active state • ☀️🌙 Animated sky background — sun + clouds (light) / stars + moon + nebulae (dark) on z-index 1 • 🎨 Editable branding — name, tagline, logo, accent color, glass blur, card radius (live from admin) • 🌗 Full dark mode — auto-detect (prefers-color-scheme), user toggle (sun/moon FAB), localStorage persist • 📊 Node stats widget — select which nodes to track in admin, see live CPU/memory/disk on the dashboard • 🖥️ Full-page live preview at /admin/extensions/aether/preview — Kimi K3-style dashboard with sparklines, stat grid, server cards, activity feed • 🎮 Server modal with live CPU graph + editable fields (identity, startup, resources, behaviour, danger zone) • 🧊 Full panel remake — every Pterodactyl component (stat blocks, status indicators, server rows, content boxes, modals) gets Aether glass styling — panels are visible (not transparent everywhere) • 🚫 Pterodactyl topbar removed — 3 layers: CSS selector kill, DOM walker by class hash, MutationObserver + polling • 🍔 Hamburger morphs into N letter — top bar rotates 31°, middle hides, bottom stays put • 🏷️ Injected top bar on dashboard — brand title, quick stats inline, search, notifications, refresh, avatar • 🪄 Login page fully Aether branded — soft-blue gradient background, glassmorphic card with glow orbs, brand mark, animated background --- 📦 Installation 1. Download the latest aether.blueprint from the Releases page (or build it yourself — see below) 2. In your Pterodactyl panel, go to Admin → Extensions and click Upload 3. Drop the .blueprint file, click Install 4. Open Admin → Extensions → Aether Theme to configure branding, accent, default theme, and node tracking 5. Reload the panel > Target: Blueprint beta-2026-06 (Pterodactyl 1.11+) --- 🛠️ Build from source The build.sh script zips the source tree into a flat .blueprint file (no wrapper folder, all paths at zip root as Blueprint expects). --- 🗂️ Project layout --- ⚙️ Configuration All settings are stored in storage/framework/cache/data/aether/settings.json and are editable from the admin page: | Setting | Type | Default | Description | |---|---|---|---| | brandName | string | Aether | Brand name shown in sidebar + login | | brandTagline | string | Game Panel | Tagline under brand name | | brandLogo | URL/file | empty | Square logo image (overrides default sidebar mark) | | logo | URL/file | empty | Pterodactyl chrome logo (header) | | loginLogoStyle | enum | default | default (built-in Aether SVG) or custom (upload your own) | | loginLogo | URL/file | empty | Custom logo for the login page (when style = custom) | | loginTitle | string | Welcome back | Heading on the login card | | loginSubtitle | string | Sign in to manage your game servers | Subheading under the title | | accent | preset id | sky | sky, indigo, cyan, violet, mint, rose, amber, or custom | | accent1 / accent2 | hex | empty | Custom accent colors (when accent = custom) | | defaultTheme | mode | auto | auto / light / dark — initial theme for new visitors | | glassBlur | px | 20 | Backdrop blur strength | | radiusCard | px | 24 | Card border radius | | showNodeStats | bool | false | Show live node stats widget on dashboard | | trackedNodes | int[] | [] | Pterodactyl node IDs to track | --- 🧪 Tested on • Pterodactyl Panel 1.11.5 • Blueprint beta-2026-06 • Chrome / Edge / Firefox (modern, supports color-mix, backdrop-filter) • Both light and dark mode --- 🤝 Credits • Original Aether design: chaeulso/astro • Pterodactyl Panel: pterodactyl/panel • Blueprint framework: BlueprintFramework/framework --- 📄 License MIT — do whatever, but attribution is nice.