From ae849fd7b4da8f43f09e34209b8b3aa0e8047291 Mon Sep 17 00:00:00 2001 From: zhizous Date: Thu, 31 Oct 2019 01:05:00 +0800 Subject: [PATCH] =?UTF-8?q?add:=20=E5=8A=A0=E5=85=A5=E4=B8=BB=E9=A2=98?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F=EF=BC=8C=E7=9B=AE=E5=89=8D=E5=85=88=E5=BC=84?= =?UTF-8?q?=E4=B8=AAokadmin.theme.scss=E6=96=87=E4=BB=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/okadmin.css | 1 + css/okadmin.theme.css | 26 +++++++++ css/okadmin.theme.scss | 119 +++++++++++++++++++++++++++++++++++++++++ index.html | 3 +- 4 files changed, 148 insertions(+), 1 deletion(-) create mode 100644 css/okadmin.theme.css create mode 100644 css/okadmin.theme.scss diff --git a/css/okadmin.css b/css/okadmin.css index 24eaf49..b6118d1 100644 --- a/css/okadmin.css +++ b/css/okadmin.css @@ -1,6 +1,7 @@ @import "../lib/layui/css/layui.css"; @import "../lib/fonts/iconfont.css"; @import "./jquery.contextMenu.css"; +@import "./okadmin.theme.css"; /*边距*/ .ptb20{ diff --git a/css/okadmin.theme.css b/css/okadmin.theme.css new file mode 100644 index 0000000..bf8e39a --- /dev/null +++ b/css/okadmin.theme.css @@ -0,0 +1,26 @@ +.okadmin.orange_theme .okadmin-header .layui-nav-item a { + color: #FF4806; } + +.okadmin.orange_theme .okadmin-header .layui-icon, .okadmin.orange_theme .okadmin-header .ok-icon { + color: #FF4806; } + +.okadmin.orange_theme .okadmin-header .layui-nav .layui-nav-mored { + border-color: transparent transparent #FF4806; } + +.okadmin.orange_theme .okadmin-header .layui-nav .layui-nav-more { + border-color: #FF4806 transparent transparent; } + +.okadmin.orange_theme .okadmin-header .layui-nav .layui-nav-bar { + background: #FF4806 !important; } + +.okadmin.orange_theme .ok-left .okadmin-nav .layui-nav-bar { + background: #FF4806; } + +.okadmin.orange_theme .ok-left .okadmin-nav .layui-nav-item.layui-this a { + background: #FF4806; } + +.okadmin.orange_theme .ok-left .okadmin-nav .layui-nav-item .layui-nav-child .layui-this a { + background: #FF4806; } + +.okadmin.orange_theme .ok-tab .okadmin-tabs-control:hover, .okadmin.orange_theme .ok-tab .layui-tab-title li.layui-this { + color: #FF4806; } diff --git a/css/okadmin.theme.scss b/css/okadmin.theme.scss new file mode 100644 index 0000000..7931178 --- /dev/null +++ b/css/okadmin.theme.scss @@ -0,0 +1,119 @@ +$orange: #FF4806; + +.okadmin.orange_theme{ + /**头部导航*/ + .okadmin-header{ + .layui-nav-item a{ + color: $orange; + } + .layui-icon,.ok-icon{ + color: $orange; + } + .layui-nav { + .layui-nav-mored{ + border-color: transparent transparent $orange; + } + .layui-nav-more{ + border-color: $orange transparent transparent; + } + .layui-nav-bar{ + background: $orange !important; + } + } + } + + /**左侧菜单*/ + .ok-left .okadmin-nav{ + .layui-nav-bar{ + background: $orange; + } + .layui-nav-item{ + &.layui-this{ + a{ + background: $orange; + } + } + .layui-nav-child{ + .layui-this{ + a{ + background: $orange; + } + } + } + } + } + + /**tab栏*/ + .ok-tab{ + .okadmin-tabs-control:hover, + .layui-tab-title li.layui-this{ + color: $orange; + } + } +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/index.html b/index.html index 8eb6c33..54d3a42 100644 --- a/index.html +++ b/index.html @@ -8,9 +8,10 @@ + -
+