The theme
Liquid Glass for Pelican
Works on its own with the built-in azure, lagoon and coral palette.
Availablev2.0.0Add-on for Liquid Glass
Liquid Glass
Color Editor
The companion add-on for the Liquid Glass theme. Everything happens in one window in the admin area: choose a palette or your own colours, adjust the glass, and the entire panel previews the result live.
- Liquid Glass
- Aurora
- Sunset
- Ocean
- Nebula
- Forest
- Rose
- Graphite
Requires Liquid Glass 2.6.0 or newer
This is an add-on. The Liquid Glass theme is sold separately and must be installed first.
Checkout, licence and downloads are handled by BuiltByBit.
Liquid Glass 2.6.0 or newerPelican Panel 1.0.0-rc.2Full compatibility
Try it here
Pick a palette, tune the glass.
This browser demo uses the same eight palettes and the same contrast formula as the add-on. In your panel, the change previews across every page, not just a card.
Palette demo
Runs in your browser. This is a demonstration, not the add-on itself.
SurvivalRunning
Memory
StartConsole
SurvivalRunning
Memory
StartConsole
The primary colour is below 4.5:1 on the light background. Use it for accents there rather than for text.
Export this palette
Uses the add-on's palette format, ready for Import palette JSON.
Features
A palette studio inside your admin area.
Everything happens in one settings window. Nothing is saved until you submit, so experimenting is safe.
01Palettes
- Eight palettes made for the glass: Liquid Glass, Aurora, Sunset, Ocean, Nebula, Forest, Rose and Graphite.
- Or set your own three accent colours. They drive the glass tint, glows, rims, active states and the drifting backdrop lights.
- Separate backgrounds for dark and light mode.
- Optional matching of Pelican's buttons, toggles and links to your primary colour.
02Glass controls
- Blur, saturation, accent tint and border opacity.
- Corner radius for cards and large surfaces.
03Live preview
- The whole panel updates as you edit. Nothing is saved until you click Submit.
- Glass preview cards in dark and light mode.
- Contrast ratio of your primary colour on each background, with a readability tip.
04Share and back up
- Export any palette as JSON and import it on another panel.
- Validated import: broken or foreign files are rejected with a clear message.
- Optional extra footer line for your brand.
- Settings live in a small JSON file, no database tables.
Screenshots
See it on a real panel.
Unretouched screenshots from a Pelican Panel demo installation. Servers, players and logs are demo data.
Complete your setup
Start with the theme.
The Color Editor is an add-on. It recolours Liquid Glass, so you need the theme first.
Add-on
Liquid Glass Color Editor
Needs Liquid Glass 2.6.0 or newer installed first.
Each product is a separate purchase on BuiltByBit. There is no bundle.
Requirements
Compatibility and installation.
Compatibility
- Requires
- Liquid Glass 2.6.0 or newer
- Pelican Panel
- 1.0.0-rc.2
- Tested with
- Laravel 13.38, Filament 5.10.2, PHP 8.4
- Storage
- JSON file inside the add-on
- Core files modified
- None
Installation overview
- 1Install the Liquid Glass theme first.
- 2Open Admin > Plugins, click Import and upload liquid-glass-colors.zip.
- 3Click Install, then open Settings next to Liquid Glass Color Editor.
Changelog
Recent releases.
- 4 changes
v2.0.0Major
Made for Liquid Glass 2
Eight palettes retuned for the redesigned theme, with glass preview cards and contrast ratios.
- 3 changes
- 4 changes
Do I need Liquid Glass to use the Color Editor?
Yes. The Color Editor is an add-on for the Liquid Glass theme 2.6.0 or newer, which is sold separately. It does not change the default Pelican theme.
Is anything saved while I preview a palette?
No. The panel previews your changes live, but nothing is stored until you click Submit. Closing the window restores your saved look.
Can I move a palette to another panel?
Yes. Generate an export, copy the JSON and paste it into Import palette JSON on the other panel. Footer text is never exported.
Will an update reset my colours?
No. Your saved colours are kept when you update the add-on.
Is the palette demo on this page the real add-on?
No. It is a browser demonstration that uses the same eight palettes and the same contrast formula. The real editor runs inside your Pelican admin area.
Get Liquid Glass Color Editor.
Pick a palette or your own colours, tune the glass and watch the whole panel change before you save. Requires Liquid Glass.
Checkout, licence and downloads are handled by BuiltByBit.
- Step 1
Buy on BuiltByBit
Checkout and payment are handled by BuiltByBit, the marketplace we sell through.
- Step 2
Download from your account
Download the archive from the product page while signed in to BuiltByBit. New versions are published on the same page.
- Step 3
Install and get help
Follow the installation guide. If anything is unclear, open a ticket on our Discord.