jet-dark is a package for Laravel Jetstream that provides a dark theme for the application. This package overrides the default files of Jetstream views with custom files that included support for dark mode using tailwindcss.
- Laravel
- Jetstream (livewire)
- TailwindCSS
- publish the views of jetstream
if you don't publish the views of jetstream, jet-dark will create the files automatically.
php artisan vendor:publish --tag=jetstream-views
- Install with composer
composer require crisvegadev/jet-dark
If you don't like the theme, you can restore yours views later with yours backup
- resources/views/api/*
- resources/views/auth/*
- resources/views/layouts/*
- resources/views/profile/*
- resources/views/teams/*
- resources/views/vendor/jetstream/components/*
- resources/views/dashboard.blade.php
- resources/views/navigation-menu.blade.php
- resources/views/policy.blade.php
- resources/views/terms.blade.php
- resources/views/welcome.blade.php
- After running
composer require crisvegadev/jet-dark
command, just run:
php artisan jet-dark:install --mode=complete
Installing the styles only, you can set manually the classes to your components.
This option is recommended if you conserve the original files of Jetstream views.
--mode=styles
is the default option.
php artisan jet-dark:install --mode=styles
- import the styles of the theme into your app.css file on resources/css/app.css
@import 'vendor/crisvegadev/jet-dark/app.css';