來讓你的 Laravel-admin 更好看

Hanson發表於2020-02-03

苦於 laravel-admin 的預設配色實在看不下去了,本來想開發一套 UI 元件,但發現工作量無比巨大,需要修改每個元件的 HTML 以及樣式

來讓你的 laravel-admin 更好看

於是決定取巧改 CSS

上圖

來讓你的 laravel-admin 更好看

專案地址 https://github.com/Hanson/rainbow

Install

composer require hanson/rainbow:dev-master -vvv

Skins

Support skins:

  • rainbow-blue 藍色
  • rainbow-green 綠色
  • rainbow-red 紅色
  • rainbow-orange 橙色
  • rainbow-yellow 黃色
  • rainbow-olive 橄欖
  • rainbow-cyan 天青
  • rainbow-white-blue 白藍
  • rainbow-origin to revert the origin skin.(This is not a skin.) 用於回滾樣式(不是皮膚)

publish resources

php artisan vendor:publish --tag=rainbow-blue --force

Configuration

// config/admin.php
<?php

return [
     // select from support skins(except rainbow-origin).
     'skin' => 'rainbow-blue',
 ];

Snapshot

rainbow-blue

1580717548_1_.jpg

L_P1Q@IZFF_7R_1IB_TNDDR.png

3H0M0KKOPOO85E_S25VKJ4U.png

rainbow-white-blue

_1_HXO64101_6G_L0V09HUN.png

SPL_1`SZ_~~GO_127YSY7L2.png

rainbow-green

H1I_B_XBIZ0JZ__E8M`3~B8.png

RU__O1_K4QNS__7F8R__N3A.png

rainbow-red

_0_5Y`3QT_M`X7BGK8DS`VC.png

LY@@8O4DL_JV@_HWF30FYFH.png

rainbow-orange

2CK_XF4W4Q_FMC@L_PX__C8.png

O5T3XS_8DQE_~KQO_5__M98.png

rainbow-yellow

E_C`_NOI6_319WNJXK3TQTA.png

_Q94W9E33UO_VFPWN_O380R.png

rainbow-olive

J_JJLPR4FCQ9_`__CBAO_64.png

VN_CL1C34_`_2I_`3BBV1NT.png

rainbow-cyan

HYYAIM_`IPQE949N0_RWVMD.png

HIFPNCXI_BK1OZG__X_L7`3.png

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

php吹水交流群 570769430

相關文章