diff --git a/application/admin/view/layout.html b/application/admin/view/layout.html
index d59c4ffbb17f5c920f995cfd9be4256d462b4d55..b0b491e2bbb97e3a44fa1359ba0018f4672e9284 100644
--- a/application/admin/view/layout.html
+++ b/application/admin/view/layout.html
@@ -51,15 +51,17 @@
 		                    <dd><a href="javascript:;" data-type="template">清理模板缓存</a></dd>
 		                </dl>
 		            </li>
+                    <li class="layui-nav-item" layuitheme-select-bgcolor>
+                            <a href="javascript:;" data-bgcolor="配色方案">
+                              <i class="layui-icon layui-icon-theme" title="配色"></i>
+                            </a>
+                    </li>
 		            <li class="layui-nav-item"><a href="javascript:;"><img src="__STATIC__/admin/img/avatar.png" class="layui-nav-img userAvatar" width="35" height="35">{$userInfo.username}</a>
 		                <dl class="layui-nav-child">
 		                	<dd><a href="javascript:;" layui-href="{:url('admin/profile/index')}" lay-id="1profile"><i class="iconfont icon-people"></i>&nbsp;个人资料</a></dd>
 		                    <dd><a href="{:url('admin/index/logout')}"><i class="iconfont icon-tuichu"></i>&nbsp;安全退出</a></dd>
 		                </dl>
 		            </li>
-                    <li class="layui-nav-item layui-select-bgcolor" lay-unselect="">
-                        <a href="javascript:;" data-bgcolor="配色方案"><i class="layui-icon layui-icon-more-vertical"></i></a>
-                    </li>
 		        </ul>
         	</div>
         </div>
@@ -114,15 +116,25 @@
     layui.config({
       base: '__STATIC__/libs/layui_exts/'
     }).extend({
-      theme: 'theme/theme',
+      ytTheme: 'ytTheme/ytTheme',
     });
     </script>
     <script type="text/javascript">
-    layui.use(['element', 'layer', 'jquery','theme'], function() {
+    layui.use(['element', 'layer', 'jquery','ytTheme'], function() {
         var $ = layui.jquery,
             element = layui.element,
-            theme = layui.theme,
+            ytTheme = layui.ytTheme,
             layer = layui.layer;
+
+        var options = {
+            bgColorDefault: false,      // 主题默认配置
+        };
+        
+        ytTheme.render({
+            bgColorDefault: options.bgColorDefault || 0,
+            listen: true,
+        });
+
         var SUBMENU_CONFIG = <?php echo $SUBMENU_CONFIG; ?>;
         var openTabNum = 10; //最大可打开窗口数量
         //iframe 加载事件
diff --git a/public/static/libs/layui_exts/ytTheme/.keep b/public/static/libs/layui_exts/ytTheme/.keep
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/public/static/libs/layui_exts/ytTheme/ytTheme.css b/public/static/libs/layui_exts/ytTheme/ytTheme.css
new file mode 100644
index 0000000000000000000000000000000000000000..217216139d2dc741748702504d740eb8ead18fa6
--- /dev/null
+++ b/public/static/libs/layui_exts/ytTheme/ytTheme.css
@@ -0,0 +1,105 @@
+/*系统设置*/
+
+.layuitheme-color .layui-word-aux {
+    position: absolute;
+    left: 60px;
+    top: 12px;
+    font-size: 12px;
+}
+
+.layuitheme-color .layui-input-block {
+    margin-left: 15px;
+    min-height: 36px;
+}
+
+.layuitheme-color .more-menu-list {
+    width: 100%;
+    margin-top: 30px;
+}
+
+
+.layuitheme-color .more-menu-item:first-child {
+    border-top: 1px solid #e8e8e8;
+}
+
+.layuitheme-color .more-menu-item .layui-icon {
+    font-size: 18px;
+    padding-right: 10px;
+}
+
+.layuitheme-color .more-menu-item {
+    color: #595959;
+    height: 50px;
+    line-height: 50px;
+    font-size: 16px;
+    padding: 0 25px;
+    border-bottom: 1px solid #e8e8e8;
+    font-style: normal;
+    display: block;
+}
+
+.layuitheme-color .more-menu-item:hover {
+    background-color: whitesmoke;
+}
+
+.layuitheme-color .more-menu-item:after {
+    color: #8c8c8c;
+    right: 16px;
+    content: "\e602";
+    position: absolute;
+    font-family: layui-icon !important;
+}
+
+/**选择配色方案 */
+.layuitheme-color .color-title {
+    padding: 10px 0 10px 20px;
+    border-bottom: 1px solid #d9dada;
+    margin-bottom: 8px;
+}
+
+.layuitheme-color .color-content {
+    padding: 10px 5px 0 5px;
+}
+
+.layuitheme-color .color-content ul {
+    list-style: none;
+    text-align: center;
+}
+
+.layuitheme-color .color-content ul li {
+    position: relative;
+    display: inline-block;
+    vertical-align: top;
+    width: 80px;
+    height: 50px;
+    margin: 0 15px 15px 0;
+    padding: 2px 2px 4px 2px;
+    background-color: #f2f2f2;
+    cursor: pointer;
+    font-size: 12px;
+    color: #666;
+}
+
+.layuitheme-color .color-content li.layui-this:after, .layuitheme-color .color-content li:hover:after {
+    width: 100%;
+    height: 100%;
+    padding: 4px;
+    top: -5px;
+    left: -5px;
+    border-color: #d8d8d8;
+    opacity: 1;
+}
+
+.layuitheme-color .color-content li:after {
+    content: '';
+    position: absolute;
+    z-index: 20;
+    top: 50%;
+    left: 50%;
+    width: 1px;
+    height: 0;
+    border: 1px solid #f2f2f2;
+    transition: all .3s;
+    -webkit-transition: all .3s;
+    opacity: 0;
+}
\ No newline at end of file
diff --git a/public/static/libs/layui_exts/ytTheme/ytTheme.js b/public/static/libs/layui_exts/ytTheme/ytTheme.js
new file mode 100644
index 0000000000000000000000000000000000000000..f2ef7f358a7b0be85d13e9aebb0656f60b1e138e
--- /dev/null
+++ b/public/static/libs/layui_exts/ytTheme/ytTheme.js
@@ -0,0 +1,230 @@
+/**
+ * 皮肤扩展 By：林雨曈
+ */
+layui.define(["jquery", "layer"], function (exports) {
+    var $ = layui.$,
+        layer = layui.layer;
+
+    var ytTheme = {
+
+        /**
+         * 主题配置项
+         * @param bgcolorId
+         * @returns {{headerLogo, menuLeftHover, headerRight, menuLeft, headerRightThis, menuLeftThis}|*|*[]}
+         */
+        config: function (bgcolorId) {
+            var bgColorConfig = [
+                {
+                    headerRightBg: '#ffffff', //头部右侧背景色
+                    headerRightBgThis: '#f5f5f5', //头部右侧选中背景色,
+                    headerRightColor: 'rgba(107, 107, 107, 0.7)', //头部右侧字体颜色,
+                    headerRightColorThis: '#565656', //头部右侧鼠标选中,
+                    headerRightNavMore: '#ffffff', //头部右侧更多下拉背景颜色,
+                    headerRightNavMoreBg: 'rgba(0,0,0,.12)', //头部右侧更多下拉列表选中背景色,
+                    headerRightNavMoreColor: '#ffffff', //头部右侧更多下拉列表字体色,
+                    headerLogoBg: '#192027', //logo背景颜色,
+                    headerLogoColor: 'rgb(191, 187, 187)', //logo字体颜色,
+                    leftMenuBg: '#28333E', //左侧菜单背景,
+                    leftMenuBgThis: '#777', //左侧菜单选中背景,
+                    leftMenuChildBg: '#28333E', //左侧菜单子菜单背景,
+                    tabActiveColor: '#f5f5f5', //tab选项卡选中颜色,
+                },
+                {
+                    headerRightBg: '#ffa4d1', //头部右侧背景色
+                    headerRightBgThis: '#bf7b9d54', //头部右侧选中背景色,
+                    headerRightColor: 'rgba(255,255,255,.7)', //头部右侧字体颜色,
+                    headerRightColorThis: '#f8f8f8', //头部右侧鼠标选中,
+                    headerRightNavMore: '#ffa4d1', //头部右侧更多下拉背景颜色,
+                    headerRightNavMoreBg: 'rgba(0,0,0,.12)', //头部右侧更多下拉列表选中背景色,
+                    headerRightNavMoreColor: '#ffffff', //头部右侧更多下拉列表字体色,
+                    headerLogoBg: '#ffa4d1', //logo背景颜色,
+                    headerLogoColor: '#ffffff', //logo字体颜色,
+                    leftMenuBg: '#ffa4d1', //左侧菜单背景,
+                    leftMenuBgThis: 'rgb(0 0 0 / 7%)', //左侧菜单选中背景,
+                    leftMenuChildBg: '#ffa4d1', //左侧菜单子菜单背景,
+                    tabActiveColor: '#ffa4d1', //tab选项卡选中颜色,
+                }
+            ];
+            if (bgcolorId === undefined) {
+                return bgColorConfig;
+            } else {
+                return bgColorConfig[bgcolorId];
+            }
+        },
+
+        /**
+         * 初始化
+         * @param options
+         */
+        render: function (options) {
+            options.bgColorDefault = options.bgColorDefault || false;
+            options.listen = options.listen || false;
+            var bgcolorId = sessionStorage.getItem('layuiBgcolorId');
+            if (bgcolorId === null || bgcolorId === undefined || bgcolorId === '') {
+                bgcolorId = options.bgColorDefault;
+            }
+            ytTheme.buildThemeCss(bgcolorId);
+            if (options.listen) ytTheme.listen(options);
+        },
+
+        /**
+         * 构建主题样式
+         * @param bgcolorId
+         * @returns {boolean}
+         */
+        buildThemeCss: function (bgcolorId) {
+            if (!bgcolorId) {
+                return false;
+            }
+            var bgcolorData = ytTheme.config(bgcolorId);
+            var styleHtml = '/*头部右侧背景色 headerRightBg */\n' +
+                '.layui-layout-admin .layui-header {\n' +
+                '    background-color: ' + bgcolorData.headerRightBg + ' !important;\n' +
+                '}\n' +
+                '\n' +
+                '/*头部右侧选中背景色 headerRightBgThis */\n' +
+                '.layui-layout-admin .layui-header .layui-header-content > ul.layui-layout-left > .layui-nav-item.layui-this {\n' +
+                '    background-color: ' + bgcolorData.headerRightBgThis + ' !important;\n' +
+                '}\n'+
+                '\n' +
+                '/*头部右侧鼠标选中 headerRightColorThis */\n' +
+                '.layui-header .layui-menu-header-pc.layui-nav .layui-nav-item a:hover, .layui-header .layui-header-menu.layui-pc-show.layui-nav .layui-this a {\n' +
+                '    color: ' + bgcolorData.headerRightColorThis + ' !important;\n' +
+                '}\n' +
+                '\n' +
+                '/*头部右侧字体颜色 headerRightColor */\n' +
+                '.layui-layout-admin .layui-header .layui-nav .layui-nav-item a {\n' +
+                '    color:  ' + bgcolorData.headerRightColor + ';\n' +
+                '}\n' +
+                '\n' +
+                '/*头部右侧更多下拉背景颜色 headerRightNavMore */\n' +
+                '.layui-header .layui-nav .layui-nav-child {\n' +
+                '    background-color: ' + bgcolorData.headerRightNavMore + ' !important;\n' +
+                '}\n' +
+                '\n' +
+                '/*头部右侧更多下拉选中背景 headerRightNavMoreBg */\n' +
+                '.layui-header .layui-nav .layui-nav-child a:hover {\n' +
+                '    background-color: ' + bgcolorData.headerRightNavMoreBg + ' !important;\n' +
+                '}\n' +
+                '\n' +
+                '/**头部右侧更多下拉选中背景 headerRightNavMoreBg headerRightNavMoreColor */\n' +
+                '.layui-header .layui-nav .layui-nav-child dd.layui-this a, .layui-header .layui-nav-child dd.layui-this, .layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child .layui-this a {\n' +
+                '    background-color: ' + bgcolorData.headerRightNavMoreBg + ' !important;\n' +
+                '    color:' + bgcolorData.headerRightNavMoreColor + ' !important;\n' +
+                '}\n' +
+                '/*logo背景颜色 headerLogoBg */\n' +
+                '.layui-layout-admin .layui-logo {\n' +
+                '    background-color: ' + bgcolorData.headerLogoBg + ' !important;\n' +
+                '}\n' +
+                '\n' +
+                '/*logo字体颜色 headerLogoColor */\n' +
+                '.layui-layout-admin .layui-logo h1 {\n' +
+                '    color: ' + bgcolorData.headerLogoColor + ';\n' +
+                '}\n' +
+                '\n' +
+                '/*左侧菜单背景 leftMenuBg */\n' +
+                '.layui-bg-black {\n' +
+                '    background-color:  ' + bgcolorData.leftMenuBg + ' !important;\n' +
+                '}\n' +
+                '\n' +
+                '/*左侧菜单展开背景 leftMenuChildBg */\n' +
+                '.layui-bg-black .layui-side-scroll .layui-nav {\n' +
+                '    background-color:  ' + bgcolorData.leftMenuChildBg + ' !important;\n' +
+                '}\n' +
+                '\n' +
+                '/*左侧菜单选中背景 leftMenuBgThis */\n' +
+                '.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover {\n' + '    background-color: ' + bgcolorData.leftMenuBgThis + '\n' +
+                '}\n' +
+                '\n' +
+                '/*左侧菜单展开背景透明度*/\n' +
+                '.layui-nav-itemed>.layui-nav-child {\n' + 'background-color: rgb(0 0 0 / 5%)!important;' +
+                '}\n' +
+                '\n' +
+                '/**tab选项卡选中颜色 tabActiveColor */\n' +
+                '.layui-tab .layui-tab-title .layui-this {\n' +
+                '    background-color: ' + bgcolorData.tabActiveColor + ';\n' +
+                '}\n';
+            $('#layui-bg-color').html(styleHtml);
+        },
+
+        /**
+         * 构建主题选择html
+         * @param options
+         * @returns {string}
+         */
+        buildBgColorHtml: function (options) {
+            options.bgColorDefault = options.bgColorDefault || 0;
+            var bgcolorId = parseInt(sessionStorage.getItem('layuiBgcolorId'));
+            if (isNaN(bgcolorId)) bgcolorId = options.bgColorDefault;
+            var bgColorConfig = ytTheme.config();
+            var html = '';
+            $.each(bgColorConfig, function (key, val) {
+                if (key === bgcolorId) {
+                    html += '<li class="layui-this" data-select-bgcolor="' + key + '">\n';
+                } else {
+                    html += '<li  data-select-bgcolor="' + key + '">\n';
+                }
+                html += '<a href="javascript:;" data-skin="skin-blue" style="" class="clearfix full-opacity-hover">\n' +
+                    '<div><span style="display:block; width: 20%; float: left; height: 12px; background: ' + val.headerLogoBg + ';"></span><span style="display:block; width: 80%; float: left; height: 12px; background: ' + val.headerRightBg + ';"></span></div>\n' +
+                    '<div><span style="display:block; width: 20%; float: left; height: 40px; background: ' + val.leftMenuBg + ';"></span><span style="display:block; width: 80%; float: left; height: 40px; background: #ffffff;"></span></div>\n' +
+                    '</a>\n' +
+                    '</li>';
+            });
+            return html;
+        },
+
+        /**
+         * 监听
+         * @param options
+         */
+        listen: function (options) {
+            $('body').on('click', '[data-bgcolor]', function () {
+                var loading = layer.load(0, {shade: false, time: 2 * 1000});
+                var clientHeight = (document.documentElement.clientHeight) - 60;
+                var bgColorHtml = ytTheme.buildBgColorHtml(options);
+                var html = '<div class="layuitheme-color">\n' +
+                    '<div class="color-title">\n' +
+                    '<span>配色方案</span>\n' +
+                    '</div>\n' +
+                    '<div class="color-content">\n' +
+                    '<ul>\n' + bgColorHtml + '</ul>\n' +
+                    '</div>\n' +
+                    '</div>';
+                layer.open({
+                    type: 1,
+                    title: false,
+                    closeBtn: 0,
+                    shade: 0.2,
+                    anim: 2,
+                    shadeClose: true,
+                    id: 'layuiBgColor',
+                    area: ['340px', clientHeight + 'px'],
+                    offset: 'rb',
+                    content: html,
+                    success: function (index, layero) {
+                    },
+                    end: function () {
+                        $('.layuitheme-select-bgcolor').removeClass('layui-this');
+                    }
+                });
+                layer.close(loading);
+            });
+
+            $('body').on('click', '[data-select-bgcolor]', function () {
+                var bgcolorId = $(this).attr('data-select-bgcolor');
+                $('.layuitheme-color .color-content ul .layui-this').attr('class', '');
+                $(this).attr('class', 'layui-this');
+                sessionStorage.setItem('layuiBgcolorId', bgcolorId);
+                ytTheme.render({
+                    bgColorDefault: bgcolorId,
+                    listen: false,
+                });
+            });
+        }
+    };
+    //加载组件所需样式
+    layui.link(layui.cache.base + 'ytTheme/ytTheme.css?v=v1.0.0');
+    exports("ytTheme", ytTheme);
+
+})
+;
\ No newline at end of file