crisvegadev / jet-dark
一个为 Laravel Jetstream 添加暗色主题的 Laravel 扩展包
资助包维护!
crisvegadev
v1.0.0-beta.2
2022-02-23 18:42 UTC
Requires
- laravel/jetstream: ^2.6
This package is auto-updated.
Last update: 2024-09-11 22:08:50 UTC
README
jet-dark 是一个为 Laravel Jetstream 提供暗色主题的包。此包通过使用 tailwindcss 支持暗色模式来覆盖 Jetstream 视图默认文件。
仅推荐用于新项目。
要求
- Laravel
- Jetstream (livewire)
- TailwindCSS
安装
完整安装
- 发布 Jetstream 的视图
如果您没有发布 Jetstream 的视图,jet-dark 将会自动创建文件。
php artisan vendor:publish --tag=jetstream-views
- 使用 composer 安装
composer require crisvegadev/jet-dark
在执行此命令之前,备份您的视图
如果您不喜欢这个主题,您可以在备份后恢复您的视图
警告!!
此操作将替换以下目录中的所有文件,且不可逆
在执行此命令之前,请确保不要自定义这些目录中的视图
- 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
- 在运行
composer require crisvegadev/jet-dark
命令后,只需运行
php artisan jet-dark:install --mode=complete
仅样式
仅安装样式,您可以手动设置组件的类。
如果您保留了 Jetstream 视图的原始文件,此选项是推荐的。
--mode=styles
是默认选项。
php artisan jet-dark:install --mode=styles
使用/配置
- 将主题样式导入您的 app.css 文件 resources/css/app.css
@import 'vendor/crisvegadev/jet-dark/app.css';