crisvegadev/jet-dark

一个为 Laravel Jetstream 添加暗色主题的 Laravel 扩展包

资助包维护!
crisvegadev

安装次数: 244

依赖者: 0

建议者: 0

安全性: 0

星标: 1

关注者: 1

分支: 0

语言:Blade

v1.0.0-beta.2 2022-02-23 18:42 UTC

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';

作者

许可

MIT