来让你的 Laravel-admin 更好看

苦于 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 协议》,转载必须注明作者和本文链接

提供优质的软件服务

本帖由系统于 6个月前 自动加精
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
讨论数量: 11
犯二青年

嘿嘿嘿,Hanson哥我们公司一直在用laravel-admin,先Mark一波!

6个月前 评论

@犯二青年 我这个只改CSS,直接换毫无兼容问题,还能支持回滚原来的样式

6个月前 评论
xujun0429

mark……

6个月前 评论

同道中人,我也改了 laravel-admin 的颜色

fileScreen Shot 2020-02-04 at 11.04.28 AM

6个月前 评论
notech 6个月前
刘天承 6个月前
weiy 6个月前
dinghua (作者) 5个月前
勺颠颠

看完之后我只想

6个月前 评论

Laravel Admin 的 UI 好像是基于 Adminlte 的吧,作者没把 Adminlte 的 Skin 都搞过来么

5个月前 评论

@Seaony 不太清楚,你可以 at 一下作者问问 :bow:

5个月前 评论

这个绿好晶莹剔透啊!

3个月前 评论

请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!