Glassmorphism UI Theme for Flarum

A production-ready Flarum 1.8.x theme extension that delivers a modern glassmorphism look. Expect frosted panels, pastel gradients, and smooth micro-interactions that stay lightweight and responsive across devices.

Features

• Soft glass surfaces with backdrop blur, translucent borders, and ambient shadows.
• Gradient-driven background and accent palette for a vibrant yet calm appearance.
• Enhanced buttons, discussion cards, composer, and post bodies with subtle hover animations.
• Mobile-friendly tweaks to keep the layout comfortable on small screens.
• Works with the existing Font Awesome icons bundled with Flarum.

Requirements

• Flarum 1.8.11 (compatible with Flarum 1.8.x).
• PHP 8.1+ (matches Flarum 1.8 requirements).

Installation

Because this repository is VCS-based, point Composer to it directly:

composer config repositories.xinzore-glass-theme vcs https://github.com/xinzore/flarum-glass-theme
composer require xinzore/flarum-glass-theme:*@stable

After installation, enable Glassmorphism UI Theme from the Flarum admin panel.

Configuration and customization

You can quickly adjust the visual identity by editing the LESS variables at the top of resources/less/forum.less:

• @accent, @accent-2, and @accent-3 control the primary, secondary, and tertiary accent hues.
• @glass-bg, @glass-border, and @glass-blur set the translucency and blur strength for cards and panels.
• @text-light and @text-muted tweak legibility against dark glass surfaces.

Once updated, clear Flarum's cache to rebuild assets:

php flarum cache:clear

Updating

composer update xinzore/flarum-glass-theme
php flarum cache:clear

Development Notes

• Styles live in resources/less/forum.less and are compiled by Flarum's asset pipeline.
• The admin panel receives matching accents in resources/less/admin.less.
• Translation strings reside in locale/en.yml for easy extension of future settings.
• The empty src/.gitkeep ensures PSR-4 autoloading has a dedicated namespace root if you later add PHP classes.

License

MIT © 2024 Xinzore