dev/dcp-web-v2/public/css/theme.css

/* 海蓝theme1 */
/* 头部 */
/* .theme1 .logo {
  background: url(/img/GEIDCP.png);
} */

.theme1 .layout-north {
  background: linear-gradient(180deg, rgba(0, 183, 254, 1) 0%, rgba(77, 125, 249, 1) 100%) !important;
}

/*顶部导航条选中配置*/
.theme1 .layout-north a.menuActive {
  text-decoration: none !important;
  background: linear-gradient(180deg, rgba(56, 141, 251, 1) 0%, rgba(62, 96, 184, 1) 100%) !important;
}

/*顶部导航条hover配置*/
.theme1 .layout-north .navmenu li a:hover {
  padding: 0px !important;
  background: linear-gradient(180deg, rgba(4, 129, 255, 1) 0%, rgba(59, 117, 215, 1) 100%) !important;
  opacity: 0.56;
}

/* 侧边导航条 */
.theme1 .sidebar-nav ul a:hover,
.theme1 .sidebar-nav ul a:focus,
.theme1 .sidebar-nav ul a:active {
  background-color: #FFFFFF !important;
  background-image: linear-gradient(to right, #F9974D 4px, #f5f5f5 4px) !important;
}

.theme1 .sidebar-nav ul a.active {
  background-image: linear-gradient(to right, #F9974D 4px, #f5f5f5 4px) !important;
}

/* 五花海theme2 */
/* 头部 */
/* .theme2 .logo {
  background: url(/img/GEIDCP.png);
} */

.theme2 .layout-north {
  background: linear-gradient(180deg, rgba(126, 214, 223, 1) 0%, rgba(34, 166, 179, 1) 100%) !important;
}

/*顶部导航条选中配置*/
.theme2 .layout-north a.menuActive {
  text-decoration: none !important;
  background: linear-gradient(180deg, rgba(65, 200, 213, 1) 0%, rgba(0, 134, 148, 1) 100%) !important;
}

/*顶部导航条hover配置*/
.theme2 .layout-north .navmenu li a:hover {
  padding: 0px !important;
  background: linear-gradient(180deg, rgba(65, 200, 213, 1) 0%, rgba(0, 134, 148, 1) 100%) !important;
  opacity: 0.56;
}

/* 侧边导航条 */
.theme2 .sidebar-nav ul a:hover,
.theme2 .sidebar-nav ul a:focus,
.theme2 .sidebar-nav ul a:active {
  background-color: #FFFFFF !important;
  color: #0771A6 !important;
  background-image: linear-gradient(to right, #18DBEE 4px, #f5f5f5 4px) !important;
}

.theme2 .sidebar-nav ul a.active {
  background-image: linear-gradient(to right, #18DBEE 4px, #f5f5f5 4px) !important;
}

/* 新芽绿theme3 */
/* 头部 */
/* .theme3 .logo {
  background: url(/img/GEIDCP.png);
} */

.theme3 .layout-north {
  background: linear-gradient(180deg, rgba(186, 220, 88, 1) 0%, rgba(106, 176, 76, 1) 100%) !important;
}

/*顶部导航条选中配置*/
.theme3 .layout-north a.menuActive {
  text-decoration: none !important;
  background: linear-gradient(180deg, rgba(164, 198, 68, 1) 0%, rgba(63, 126, 36, 1) 100%) !important;
}

/*顶部导航条hover配置*/
.theme3 .layout-north .navmenu li a:hover {
  padding: 0px !important;
  background: linear-gradient(180deg, rgba(164, 198, 68, 1) 0%, rgba(63, 126, 36, 1) 100%) !important;
  opacity: 0.56;
}

/* 侧边导航条 */
.theme3 .sidebar-nav ul a:hover,
.theme3 .sidebar-nav ul a:focus,
.theme3 .sidebar-nav ul a:active {
  background-color: #FFFFFF !important;
  color: #0771A6 !important;
  background-image: linear-gradient(to right, #8CC351 4px, #f5f5f5 4px) !important;
}

.theme3 .sidebar-nav ul a.active {
  background-image: linear-gradient(to right, #8CC351 4px, #f5f5f5 4px) !important;
}

/* 南瓜橙theme4 */
/* 头部 */
/* .theme4 .logo {
  background: url(/img/GEIDCP.png);
} */

.theme4 .layout-north {
  background: linear-gradient(180deg, rgba(255, 190, 118, 1) 0%, rgba(240, 147, 43, 1) 100%) !important;
}

/*顶部导航条选中配置*/
.theme4 .layout-north a.menuActive {
  text-decoration: none !important;
  background: linear-gradient(180deg, rgba(255, 123, 0, 1) 0%, rgba(206, 77, 0, 1) 100%) !important;
}

/*顶部导航条hover配置*/
.theme4 .layout-north .navmenu li a:hover {
  padding: 0px !important;
  background: linear-gradient(180deg, rgba(255, 123, 0, 1) 0%, rgba(206, 77, 0, 1) 100%) !important;
  opacity: 0.56;
}

/* 侧边导航条 */
.theme4 .sidebar-nav ul a:hover,
.theme4 .sidebar-nav ul a:focus,
.theme4 .sidebar-nav ul a:active {
  background-color: #FFFFFF !important;
  color: #0771A6 !important;
  background-image: linear-gradient(to right, #F7A74D 4px, #f5f5f5 4px) !important;
}

.theme4 .sidebar-nav ul a.active {
  background-image: linear-gradient(to right, #F7A74D 4px, #f5f5f5 4px) !important;
}

/* 金光阁theme5 */
/* 头部 */
/* .theme5 .logo {
  background: url(/img/GEIDCP.png);
} */

.theme5 .layout-north {
  background: linear-gradient(180deg, rgba(213, 171, 71, 1) 0%, rgba(170, 115, 34, 1) 100%) !important;
}

/*顶部导航条选中配置*/
.theme5 .layout-north a.menuActive {
  text-decoration: none !important;
  background: linear-gradient(180deg, rgba(149, 88, 0, 1) 0%, rgba(197, 151, 57, 1) 0%, rgba(149, 88, 0, 1) 100%) !important;
}

/*顶部导航条hover配置*/
.theme5 .layout-north .navmenu li a:hover {
  padding: 0px !important;
  background: linear-gradient(180deg, rgba(149, 88, 0, 1) 0%, rgba(197, 151, 57, 1) 0%, rgba(149, 88, 0, 1) 100%) !important;
  opacity: 0.56;
}

/* 侧边导航条 */
.theme5 .sidebar-nav ul a:hover,
.theme5 .sidebar-nav ul a:focus,
.theme5 .sidebar-nav ul a:active {
  background-color: #FFFFFF !important;
  color: #0771A6 !important;
  background-image: linear-gradient(to right, #5DC7FD 4px, #f5f5f5 4px) !important;
}

.theme5 .sidebar-nav ul a.active {
  background-image: linear-gradient(to right, #5DC7FD 4px, #f5f5f5 4px) !important;
}

/* 赤霞珠theme6 */
/* 头部 */
/* .theme6 .logo {
  background: url(/img/GEIDCP.png);
} */

.theme6 .layout-north {
  background: linear-gradient(180deg, rgba(181, 78, 51, 1) 0%, rgba(128, 0, 34, 1) 100%) !important;
}

/*顶部导航条选中配置*/
.theme6 .layout-north a.menuActive {
  text-decoration: none !important;
  background: linear-gradient(180deg, rgba(228, 34, 34, 1) 0%, rgba(136, 28, 28, 1) 0%, rgba(91, 22, 18, 1) 100%) !important;
}

/*顶部导航条hover配置*/
.theme6 .layout-north .navmenu li a:hover {
  padding: 0px !important;
  background: linear-gradient(180deg, rgba(228, 34, 34, 1) 0%, rgba(136, 28, 28, 1) 0%, rgba(91, 22, 18, 1) 100%) !important;
  opacity: 0.56;
}

/* 侧边导航条 */
.theme6 .sidebar-nav ul a:hover,
.theme6 .sidebar-nav ul a:focus,
.theme6 .sidebar-nav ul a:active {
  background-color: #FFFFFF !important;
  color: #0771A6 !important;
  background-image: linear-gradient(to right, #FFAC3D 4px, #f5f5f5 4px) !important;
}

.theme6 .sidebar-nav ul a.active {
  background-image: linear-gradient(to right, #FFAC3D 4px, #f5f5f5 4px) !important;
}

/* 玫瑰灰theme7 */
/* 头部 */
/* .theme7 .logo {
  background: url(/img/GEIDCP.png);
} */

.theme7 .layout-north {
  background: linear-gradient(180deg, rgba(232, 213, 213, 1) 0%, rgba(204, 171, 171, 1) 100%) !important;
}

/*顶部导航条选中配置*/
.theme7 .layout-north a.menuActive {
  text-decoration: none !important;
  background: linear-gradient(180deg, rgba(205, 191, 191, 1) 0%, rgba(205, 191, 191, 1) 0%, rgba(158, 120, 120, 1) 100%) !important;
}

/*顶部导航条hover配置*/
.theme7 .layout-north .navmenu li a:hover {
  padding: 0px !important;
  background: linear-gradient(180deg, rgba(205, 191, 191, 1) 0%, rgba(205, 191, 191, 1) 0%, rgba(158, 120, 120, 1) 100%) !important;
  opacity: 0.56;
}

/* 侧边导航条 */
.theme7 .sidebar-nav ul a:hover,
.theme7 .sidebar-nav ul a:focus,
.theme7 .sidebar-nav ul a:active {
  background-color: #FFFFFF !important;
  color: #0771A6 !important;
  background-image: linear-gradient(to right, #B59B9B 4px, #f5f5f5 4px) !important;
}

.theme7 .sidebar-nav ul a.active {
  background-image: linear-gradient(to right, #B59B9B 4px, #f5f5f5 4px) !important;
}

/* 雪青theme8 */
/* 头部 */
/* .theme8 .logo {
  background: url(/img/GEIDCP.png);
} */

.theme8 .layout-north {
    background:linear-gradient(180deg,rgba(190,201,208,1) 0%,rgba(137,153,162,1) 100%) !important;
}

/*顶部导航条选中配置*/
.theme8 .layout-north a.menuActive {
  text-decoration: none !important;
  background:linear-gradient(180deg,rgba(205,204,204,1) 0%,rgba(140,164,177,1) 0%,rgba(72,85,98,1) 100%) !important;
}

/*顶部导航条hover配置*/
.theme8 .layout-north .navmenu li a:hover {
  padding: 0px !important;
  background:linear-gradient(180deg,rgba(205,204,204,1) 0%,rgba(140,164,177,1) 0%,rgba(72,85,98,1) 100%) !important;
  opacity: 0.56;
}

/* 侧边导航条 */
.theme8 .sidebar-nav ul a:hover,
.theme8 .sidebar-nav ul a:focus,
.theme8 .sidebar-nav ul a:active {
  background-color: #FFFFFF !important;
  background-image: linear-gradient(to right, #7A8F9C 4px, #f5f5f5 4px) !important;
}

.theme8 .sidebar-nav ul a.active {
  background-image: linear-gradient(to right, #7A8F9C 4px, #f5f5f5 4px) !important;
}