来让你的 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 协议》,转载必须注明作者和本文链接
❤️ 微信生态自动智能化方案加微信:hansonskr ❤️ 备注:vbot
本帖由系统于 4年前 自动加精
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
讨论数量: 14

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

4年前 评论

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

4年前 评论
xujun0429

mark……

4年前 评论

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

fileScreen Shot 2020-02-04 at 11.04.28 AM

4年前 评论
notech 4年前
刘天承 4年前
weiy 4年前
dinghua (作者) 4年前
Code_Er 3年前

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

4年前 评论

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

4年前 评论

这个绿好晶莹剔透啊!

3年前 评论
麦迪文

我发现,laravel—admin的整体样式确实有点丑 :joy:

2年前 评论

新项目可以用Dcat-admin了,UI不丑。

2年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!