分享一個DcatAdmin主題

先看效果

縮小了頁面主標題字號, 調整了列表樣式


調整了按鈕樣式

Alert樣式

懸浮效果更改了背景色, 加了圓角

食用方式

1. 在bootstrap.php中引入我的css gitee地址

   Admin::css('css/theme.css');

2. 按照文件釋出自定義主題更改主題色, 我css的主題色為#1890ff
   文件地址

   // 執行命令
   php artisan admin:minify orange --color fbbd08 --publish
   // 在bootstrap.php中加入
   Dcat\Admin\Color::extend('mytheme', [
    'primary'        => '#1890ff',
    'primary-darker' => '#1890ff',
    'link'           => '#1890ff',
   ]);
   // 可自行更改theme.css中的:root以更換其他顏色
   :root {
    --primary: #1890ff;
    ...
   }

可能部分細節上會存在些問題, 不過肯定不會影響你的業務邏輯(畢竟它只是個css), 後面有時間可能會增加其他的, 歡迎留言…

本作品採用《CC 協議》，轉載必須註明作者和本文連結