{"id":27223928,"url":"https://github.com/fa-braik/dash-stack-theme","last_synced_at":"2025-07-09T05:37:34.632Z","repository":{"id":276703783,"uuid":"930024668","full_name":"Fa-BRAIK/dash-stack-theme","owner":"Fa-BRAIK","description":"DashStack theme for FilamentPHP","archived":false,"fork":false,"pushed_at":"2025-03-16T13:55:23.000Z","size":3238,"stargazers_count":11,"open_issues_count":0,"forks_count":5,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-03-16T14:34:24.680Z","etag":null,"topics":["filamentphp","filamentphp-plugin","filamentphp-theme"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Fa-BRAIK.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":".github/CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":".github/SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"Fa-BRAIK"}},"created_at":"2025-02-09T23:25:29.000Z","updated_at":"2025-03-16T13:54:37.000Z","dependencies_parsed_at":"2025-02-16T15:38:25.097Z","dependency_job_id":"1f7bf5a4-48ac-4be7-8169-58329bc072d4","html_url":"https://github.com/Fa-BRAIK/dash-stack-theme","commit_stats":null,"previous_names":["nuxtifyts/dash-stack-theme","fa-braik/dash-stack-theme"],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Fa-BRAIK%2Fdash-stack-theme","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Fa-BRAIK%2Fdash-stack-theme/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Fa-BRAIK%2Fdash-stack-theme/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Fa-BRAIK%2Fdash-stack-theme/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Fa-BRAIK","download_url":"https://codeload.github.com/Fa-BRAIK/dash-stack-theme/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248198863,"owners_count":21063626,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["filamentphp","filamentphp-plugin","filamentphp-theme"],"created_at":"2025-04-10T09:58:35.429Z","updated_at":"2025-04-10T09:58:36.226Z","avatar_url":"https://github.com/Fa-BRAIK.png","language":"CSS","readme":"FilamentPHP DashStack Theme\n=\n\n![GitHub License](https://img.shields.io/github/license/Fa-BRAIK/dash-stack-theme)\n![Packagist Version](https://img.shields.io/packagist/v/nuxtifyts/dash-stack-theme)\n![PhpStan Level](https://img.shields.io/badge/PHPStan-level%207-brightgreen.svg)\n[![PHPStan](https://github.com/Fa-BRAIK/dash-stack-theme/actions/workflows/phpstan.yml/badge.svg)](https://github.com/Fa-BRAIK/dash-stack-theme/actions/workflows/phpstan.yml)\n[![Laravel Pint](https://github.com/Fa-BRAIK/dash-stack-theme/actions/workflows/pint.yml/badge.svg)](https://github.com/Fa-BRAIK/dash-stack-theme/actions/workflows/pint.yml)\n[![PHPUnit](https://github.com/Fa-BRAIK/dash-stack-theme/actions/workflows/pr-tests.yml/badge.svg)](https://github.com/Fa-BRAIK/dash-stack-theme/actions/workflows/pr-tests.yml)\n\n![Dash Stack Theme Light/Dark](https://github.com/Fa-BRAIK/dash-stack-theme/blob/main/assets/dash_stack_theme.png?raw=true)\n\n\u003e Tested on [Filamentphp demo app](https://github.com/filamentphp/demo)\n\nAcknowledgements\n-\n\n\u003e Name based and Design inspired from [DashStack Theme](https://www.figma.com/community/file/1324762163080748317/dashstack-free-admin-dashboard-ui-kit-admin-dashboard-ui-kit-admin-dashboard). Big thanks for [Seju](https://www.figma.com/@sejal_ui_ux) for this amazing design.\n\nDocumentation\n-\n\n- [Installation](#installation)\n- [Configuration](#configuration)\n- [Upcoming Features](#upcoming-features)\n- [Appearance](#appearance)\n\nInstallation\n-\n\n#### Step 1: Install this package using composer:\n\n```bash\ncomposer require nuxtifyts/dash-stack-theme\n```\n\n#### Step 2: Run install command:\n\nRunning this command will install required npm packages (If they're not already installed), and it will publish its assets as well.\n\n```bash\nphp artisan filament-dash-stack-theme:install\n```\n\n#### Step 3: Register filament plugin:\n\nWithin your targeted panel provider, you can now use and register dash stack theme plugin:\n\n```php\nuse Nuxtifyts\\DashStackTheme\\DashStackThemePlugin;\n\n// ...\n\n$panel-\u003eplugin(DashStackThemePlugin::make());\n```\n\nConfiguration\n-\n\nDashStack 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: \n\n```php\n// filament-dash-stack-theme.php\n\nuse Nuxtifyts\\DashStackTheme\\Support\\Colors\\Color;\n\nreturn [\n    'default-colors' =\u003e [\n        'primary' =\u003e Color::Blue,\n    ],\n\n    'side-bar-collapsable-on-desktop' =\u003e true,\n\n    'collapsible-navigation-groups' =\u003e false,\n\n    'breadcrumbs' =\u003e false,\n\n    /**\n     * Nunito Sans is the default font for the theme.\n     */\n    'use-default-font' =\u003e true,\n];\n```\n\n\u003e **note**: The default font used for Dash Stack Theme is Nunito Sans, you can\n\u003e disable this behavior by publish the config file of this package, and \n\u003e setting `use-default-font` to `false`.\n\nUpcoming Features\n-\n\nEventually 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](https://github.com/Fa-BRAIK/dash-stack-theme).\n\n#### List of upcoming changes:\n\n- Date / DateTime / DateRange component\n- Select component (Could be only UI changes for this one) \n\nAppearance\n-\n\n- [Login Page](#login-page)\n- [Dashboard](#dashboard-page)\n- [Global Search](#global-search)\n- [Notifications](#notification-modal)\n- [User menu](#user-menu)\n- [Resource Page](#resource-page)\n- [Grid Table](#grid-table)\n- [Forms](#forms)\n\n#### Login Page\n\n\u003ctable class=\"table\"\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"col\" width=\"1000px\"\u003eLogin Page Light\u003c/th\u003e\n      \u003cth scope=\"col\" width=\"1000px\"\u003eLogin Page Dark\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        \u003cimg\n            src=\"https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/login_page_light.png\"\n            width=\"100%\" \n            alt=\"Login Page Light\"\n        /\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cimg \n            src=\"https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/login_page_dark.png\" \n            width=\"100%\" \n            alt=\"Login Page Dark\"\n        /\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n#### Dashboard Page\n\n\u003ctable class=\"table\"\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"col\" width=\"1000px\"\u003eDashboard Page Light\u003c/th\u003e\n      \u003cth scope=\"col\" width=\"1000px\"\u003eDashboard Page Dark\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        \u003cimg\n            src=\"https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/dashboard_page_light.png\"\n            width=\"100%\" \n            alt=\"Dashboard Page Light\"\n        /\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cimg \n            src=\"https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/dashboard_page_dark.png\" \n            width=\"100%\" \n            alt=\"Dashboard Page Dark\"\n        /\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n#### Global Search\n\n\u003ctable class=\"table\"\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"col\" width=\"1000px\"\u003eGlobal Search Light\u003c/th\u003e\n      \u003cth scope=\"col\" width=\"1000px\"\u003eGlobal Search Dark\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        \u003cimg\n            src=\"https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/global_search_light.png\"\n            width=\"100%\" \n            alt=\"Global Search Light\"\n        /\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cimg \n            src=\"https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/global_search_dark.png\" \n            width=\"100%\" \n            alt=\"Global Search Dark\"\n        /\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n#### Notification Modal\n\n\u003ctable class=\"table\"\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"col\" width=\"1000px\"\u003eNotification Modal Light\u003c/th\u003e\n      \u003cth scope=\"col\" width=\"1000px\"\u003eNotification Modal Dark\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        \u003cimg\n            src=\"https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/notification_modal_light.png\"\n            width=\"100%\" \n            alt=\"Notification Modal Light\"\n        /\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cimg \n            src=\"https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/notification_modal_dark.png\" \n            width=\"100%\" \n            alt=\"Notification Modal Dark\"\n        /\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n#### User Menu\n\n\u003ctable class=\"table\"\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"col\" width=\"1000px\"\u003eUser Menu Light\u003c/th\u003e\n      \u003cth scope=\"col\" width=\"1000px\"\u003eUser Menu Dark\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        \u003cimg\n            src=\"https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/user_menu_light.png\"\n            width=\"100%\" \n            alt=\"User Menu Light\"\n        /\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cimg \n            src=\"https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/user_menu_dark.png\" \n            width=\"100%\" \n            alt=\"User Menu Dark\"\n        /\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n#### Resource Page\n\n\u003ctable class=\"table\"\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"col\" width=\"1000px\"\u003eResource Page Light\u003c/th\u003e\n      \u003cth scope=\"col\" width=\"1000px\"\u003eResource Page Dark\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        \u003cimg\n            src=\"https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/resources_page_light.png\"\n            width=\"100%\" \n            alt=\"Resource Page Light\"\n        /\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cimg \n            src=\"https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/resources_page_dark.png\" \n            width=\"100%\" \n            alt=\"Resource Page Dark\"\n        /\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n#### Grid Table\n\n\u003ctable class=\"table\"\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"col\" width=\"1000px\"\u003eGrid Table Light\u003c/th\u003e\n      \u003cth scope=\"col\" width=\"1000px\"\u003eGrid Table Dark\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        \u003cimg\n            src=\"https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/grid_table_light.png\"\n            width=\"100%\" \n            alt=\"Grid Table Light\"\n        /\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cimg \n            src=\"https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/grid_table_dark.png\" \n            width=\"100%\" \n            alt=\"Grid Table Dark\"\n        /\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n#### Forms\n\n\u003ctable class=\"table\"\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"col\" width=\"1000px\"\u003eForms Light\u003c/th\u003e\n      \u003cth scope=\"col\" width=\"1000px\"\u003eForms Dark\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        \u003cimg\n            src=\"https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/form_light.png\"\n            width=\"100%\" \n            alt=\"Forms Light\"\n        /\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cimg \n            src=\"https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/form_dark.png\" \n            width=\"100%\" \n            alt=\"Forms Dark\"\n        /\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n","funding_links":["https://github.com/sponsors/Fa-BRAIK"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffa-braik%2Fdash-stack-theme","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffa-braik%2Fdash-stack-theme","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffa-braik%2Fdash-stack-theme/lists"}