Abyss Theme plugin screenshot
Dark mode ready
Multilingual support
Supports v5.x

Abyss Theme

Aesthetic light on eyes Abyss theme for Filament apps

Tags: Theme Panels
Supported versions:
4.x
Osama Nagi avatar Author: Osama Nagi

Documentation

Latest Version on Packagist GitHub Tests Action Status GitHub Code Style Action Status Total Downloads

Aesthetic Abyss theme for FilamentPHP.

Dashboard Light and Dark

#Installation

You can install the package via composer:

composer require osamanagi/filament-abyss-theme

Add a new item to the input array of your vite.config.js file:

'vendor/osamanagi/filament-abyss-theme/resources/css/theme.css';

Run:

npm run build

Register the plugin on your panel (e.g. /app/Providers/Filament/AdminPanelProvider.php):

use Nagi\FilamentAbyssTheme\FilamentAbyssThemePlugin;

$panel
  ->plugin(FilamentAbyssThemePlugin::make())

You're all set!


Dashboard Light Dashboard Dark
Dashboard Light Dashboard Dark

#User Menu

User Menu Light User Menu Dark
User Menu Light User Menu Dark

#Product

Create Product Light Create Product Dark
Create Product Light Create Product Dark

#Notification

Notification Light Notification Dark
Notification Light Notification Dark

#Order

Order List Light Order List Dark Create Order Light Create Order Dark
Order List Light Order List Dark Create Order Light Create Order Dark

#Changelog

Please see CHANGELOG for more information on what has changed recently.

#Contributing

Please see CONTRIBUTING for details.

#Security Vulnerabilities

Please review our security policy on how to report security vulnerabilities.

#Credits

#License

The MIT License (MIT). Please see License File for more information.

The author

Osama Nagi avatar Author: Osama Nagi

Osama Nagi is a software engineer and open-source enthusiast. He is exploring new technologies and sharing his knowledge with the community.

Plugins
1
Stars
14