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 @@ +
-