juniyasyos/dash-stack-theme-juniyasyos

DashStack theme for filament php

Fund package maintenance!
Fa-BRAIK

Installs: 0

Dependents: 0

Suggesters: 0

Security: 0

Stars: 0

Watchers: 0

Forks: 4

Language:CSS

v1.2.0 2025-03-15 17:14 UTC

This package is auto-updated.

Last update: 2025-03-15 17:22:52 UTC


README

GitHub License Packagist Version PhpStan Level PHPStan Laravel Pint PHPUnit

Dash Stack Theme Light/Dark

Tested on Filamentphp demo app

Acknowledgements

Name based and Design inspired from DashStack Theme. Big thanks for Seju for this amazing design.

Documentation

Installation

Step 1: Install this package using composer:

composer require juniyasyos/dash-stack-theme-juniyasyos

Step 2: Run install command:

Running this command will install required npm packages (If they're not already installed), and it will publish its assets as well.

php artisan filament-dash-stack-theme-juniyasyos:install

Step 3: Register filament plugin:

Within your targeted panel provider, you can now use and register dash stack theme plugin:

use Juniyasyos\DashStackTheme\DashStackThemePlugin;

// ...

$panel->plugin(DashStackThemePlugin::make());

Configuration

DashStack theme comes by default with a configuration for primary color used, and predefined dashboard configs for the theme, if needed to be altered, you can always publish vendor config file and change them however you see fit:

// filament-dash-stack-theme-juniyasyos.php

use Juniyasyos\DashStackTheme\Support\Colors\Color;

return [
    'default-colors' => [
        'primary' => Color::Blue,
    ],

    'side-bar-collapsable-on-desktop' => true,

    'collapsible-navigation-groups' => false,

    'breadcrumbs' => false,

    /**
     * Nunito Sans is the default font for the theme.
     */
    'use-default-font' => true,
];

note: The default font used for Dash Stack Theme is Nunito Sans, you can disable this behavior by publish the config file of this package, and setting use-default-font to false.

Upcoming Features

Eventually these components will be added to the package, if you have any suggestions/feedback, if you have a feature request, please don't hesitate to do so in GitHub.

List of upcoming changes:

  • Date / DateTime / DateRange component
  • Select component (Could be only UI changes for this one)

Appearance

Login Page

Login Page Light Login Page Dark
Login Page Light Login Page Dark

Dashboard Page

Dashboard Page Light Dashboard Page Dark
Dashboard Page Light Dashboard Page Dark

Global Search

Global Search Light Global Search Dark
Global Search Light Global Search Dark

Notification Modal

Notification Modal Light Notification Modal Dark
Notification Modal Light Notification Modal Dark

User Menu

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

Resource Page

Resource Page Light Resource Page Dark
Resource Page Light Resource Page Dark

Grid Table

Grid Table Light Grid Table Dark
Grid Table Light Grid Table Dark

Forms

Forms Light Forms Dark
Forms Light Forms Dark