359 lines
8.4 KiB
CSS
359 lines
8.4 KiB
CSS
/** loader */
|
|
.pear-admin-dark .loader-wrapper,
|
|
.pear-admin-dark .loader-wrapper .loader {
|
|
background-color: #141414;
|
|
}
|
|
|
|
/** layout */
|
|
.pear-admin-dark .layui-layout {
|
|
background-color: #141414;
|
|
}
|
|
|
|
/** header */
|
|
.pear-admin-dark .layui-header,
|
|
.pear-admin-dark .layui-header .layui-logo {
|
|
background-color: #141414 !important;
|
|
box-shadow: none !important;
|
|
border: none !important;
|
|
}
|
|
.pear-admin-dark .layui-header.auto-theme,
|
|
.pear-admin-dark .layui-header.auto-theme .layui-logo {
|
|
background-color: var(--global-primary-color) !important;
|
|
}
|
|
|
|
.pear-admin-dark .layui-header.auto-theme .layui-logo .title {
|
|
color: #ffffff !important;
|
|
}
|
|
|
|
.pear-admin-dark .layui-header {
|
|
border: 1px solid rgba(0, 0, 0, .40) !important;
|
|
}
|
|
|
|
.pear-admin-dark .layui-header .layui-nav * {
|
|
color: #ffffff !important;
|
|
}
|
|
|
|
.pear-admin-dark .layui-header .layui-nav .layui-nav-child {
|
|
box-shadow: 0 3px 4px rgba(0, 0, 0, .6) !important;
|
|
background-color: #141414;
|
|
border-color: #141414;
|
|
}
|
|
|
|
.pear-admin-dark .layui-header .layui-nav .layui-nav-child dd > a:hover {
|
|
background-color: #141414 !important;
|
|
}
|
|
|
|
.pear-admin-dark .layui-header .pear-nav-control .layui-this a{
|
|
background-color: #0c0c0c !important;
|
|
}
|
|
|
|
.pear-admin-dark .auto-theme .layui-logo .title{
|
|
color: var(--global-primary-color) !important;
|
|
}
|
|
|
|
/** side */
|
|
.pear-admin-dark .layui-side {
|
|
box-shadow: 0 3px 4px rgba(0, 0, 0, .6) !important;
|
|
}
|
|
|
|
.pear-admin-dark .layui-logo {
|
|
border-color: rgba(0, 0, 0, .30) !important;
|
|
}
|
|
|
|
.pear-admin-dark .layui-side .layui-logo,
|
|
.pear-admin-dark .layui-side .layui-side-scroll,
|
|
.pear-admin-dark .layui-side .layui-side-scroll .layui-nav-tree{
|
|
background-color: #141414 !important;
|
|
}
|
|
|
|
.pear-admin-dark .layui-side .layui-side-scroll .layui-nav-tree .layui-nav-child {
|
|
background-color: rgba(0,0,0,.3)!important;
|
|
}
|
|
|
|
.pear-admin-dark .layui-side .layui-side-scroll .layui-nav .layui-nav-item a,
|
|
.pear-admin-dark .layui-side .layui-side-scroll .layui-nav .layui-nav-item a > .layui-nav-more {
|
|
color: rgba(255,255,255,.7) !important;
|
|
}
|
|
|
|
.pear-admin-dark .layui-side .layui-side-scroll .layui-nav .layui-nav-child dd.layui-this a,
|
|
.pear-admin-dark .layui-side .layui-side-scroll .layui-nav .layui-nav-itemed > a,
|
|
.pear-admin-dark .layui-side .layui-side-scroll .layui-nav .layui-nav-itemed > a > .layui-nav-more,
|
|
.pear-admin-dark .layui-side .layui-side-scroll .layui-nav .layui-nav-item > a:hover {
|
|
color: #ffffff !important;
|
|
}
|
|
|
|
/** body */
|
|
.pear-admin-dark .layui-body,
|
|
.pear-admin-dark .layui-body .pear-tab-page-loading,
|
|
.pear-admin-dark .layui-body .pear-page-loading {
|
|
background-color: #0a0a0a !important;
|
|
}
|
|
|
|
.pear-admin-dark .layui-body .layui-tab .layui-tab-title,
|
|
.pear-admin-dark .layui-body .layui-tab .layui-tab-title li,
|
|
.pear-admin-dark .layui-body .layui-tab .layui-tab-control li {
|
|
background-color: #141414 !important;
|
|
border-color:rgba(0, 0, 0, .30) !important;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.pear-admin-dark .layui-body .layui-tab .layui-tab-title li > span:first-child {
|
|
background-color: #434343;
|
|
}
|
|
|
|
.pear-admin-dark .layui-body .layui-tab .layui-nav-child.layui-anim {
|
|
border-color: #141414;
|
|
background-color: #141414 !important;
|
|
}
|
|
|
|
.pear-admin-dark .layui-body .layui-tab .layui-nav-child.layui-anim a {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.pear-admin-dark .layui-body .layui-tab .layui-nav-child.layui-anim a:hover {
|
|
background-color: #0a0a0a;
|
|
}
|
|
|
|
.pear-admin-dark .layui-body .layui-tab .layui-tab-close:hover {
|
|
border-radius: 50%;
|
|
background-color: #0a0a0a !important;
|
|
}
|
|
|
|
.pear-admin-dark .pear-tab-page-menu ul li {
|
|
color: #ffffff !important;
|
|
}
|
|
|
|
.pear-admin-dark .layui-footer {
|
|
background-color: #141414;
|
|
border-top: 1px solid #141414;
|
|
}
|
|
|
|
/** theme */
|
|
.pear-admin-dark .set-text,
|
|
.pear-admin-dark .select-color-title,
|
|
.pear-admin-dark .color-title {
|
|
color: #ffffff;
|
|
}
|
|
|
|
/** search */
|
|
.pear-admin-dark .menu-search-no-data {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.pear-admin-dark .menu-search-tips * {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.pear-admin-dark .menu-search-tips kbd {
|
|
border-color: rgba(0, 0, 0, .30) !important;
|
|
}
|
|
|
|
.pear-admin-dark .menu-search-list li{
|
|
background-color:#141414;
|
|
box-shadow: 0 3px 4px rgba(0, 0, 0, .6) !important;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.pear-admin-dark .menu-search-list li:hover{
|
|
background-color:var(--global-primary-color) !important;
|
|
}
|
|
|
|
|
|
/** message center */
|
|
.pear-admin-dark .pear-message-center .layui-tab-title,
|
|
.pear-admin-dark .pear-message-center .message-item {
|
|
border-color: rgba(0, 0, 0, .30) !important;
|
|
color: #ffffff;
|
|
}
|
|
|
|
/** button */
|
|
.pear-admin-dark .layui-btn {
|
|
color: #ffffff;
|
|
border-color: #4C4D4F;
|
|
}
|
|
|
|
/** layer */
|
|
.pear-admin-dark .layui-layer {
|
|
background-color: #141414;
|
|
}
|
|
|
|
.pear-admin-dark .layui-layer-msg {
|
|
border-color: #141414;
|
|
}
|
|
|
|
.pear-admin-dark .layui-layer-msg .layui-layer-content {
|
|
color: #E5EAF3;
|
|
}
|
|
|
|
.pear-admin-dark .layui-layer .layui-layer-setwin > span,
|
|
.pear-admin-dark .layui-layer .layui-layer-title {
|
|
color: #ffffff;
|
|
}
|
|
|
|
/** card */
|
|
.pear-admin-dark .layui-card {
|
|
background-color: #1d1e1f !important;
|
|
}
|
|
|
|
.pear-admin-dark .layui-card .layui-card-header {
|
|
border-bottom-color: #414243;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.pear-admin-dark .layui-card .layui-card-body {
|
|
color: #ffffff;
|
|
}
|
|
|
|
/** input */
|
|
.pear-admin-dark .layui-input {
|
|
background-color: transparent;
|
|
color: #ffffff;
|
|
border-color: rgba(0, 0, 0, .30) !important;
|
|
}
|
|
|
|
/** switch */
|
|
.pear-admin-dark .layui-form-switch {
|
|
border-color: #484849;
|
|
background-color: rgba(255,255,255,.08);
|
|
}
|
|
|
|
/** table */
|
|
.pear-admin-dark .layui-table {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.pear-admin-dark .layui-table tr:hover {
|
|
background-color: #141414 !important;
|
|
}
|
|
|
|
.pear-admin-dark .layui-table td,
|
|
.pear-admin-dark .layui-table th,
|
|
.pear-admin-dark .layui-table-view,
|
|
.pear-admin-dark .layui-table-page,
|
|
.pear-admin-dark .layui-table-tool,
|
|
.pear-admin-dark .layui-table-header {
|
|
border-color: rgba(0, 0, 0, .40) !important;
|
|
}
|
|
|
|
.pear-admin-dark .layui-table-tool-self > div {
|
|
border-color: rgba(0, 0, 0, .40) !important;
|
|
color: #ffffff !important;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.pear-admin-dark .layui-laypage select,
|
|
.pear-admin-dark .layui-laypage button {
|
|
border-color: rgba(0, 0, 0, .40) !important;
|
|
color: #ffffff !important;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.pear-admin-dark .layui-laypage a,
|
|
.pear-admin-dark .layui-laypage-spr,
|
|
.pear-admin-dark .layui-laypage-skip,
|
|
.pear-admin-dark .layui-laypage-count {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.pear-admin-dark .layui-laypage-limits option {
|
|
background-color: #141414 !important;
|
|
color: #ffffff;
|
|
}
|
|
|
|
/** panel */
|
|
.pear-admin-dark .layui-panel {
|
|
background-color: #1d1e1f !important;
|
|
border-color: #1d1e1f !important;
|
|
}
|
|
|
|
/** menu */
|
|
.pear-admin-dark .layui-menu {
|
|
background-color: #1d1e1f !important;
|
|
}
|
|
|
|
.pear-admin-dark .layui-menu .layui-menu-body-title,
|
|
.pear-admin-dark .layui-menu .layui-menu-body-title:hover {
|
|
color: #ffffff;
|
|
background-color: #1d1e1f !important;
|
|
}
|
|
|
|
/** timeline */
|
|
.pear-admin-dark .layui-timeline-axis {
|
|
background-color: rgb(29, 30, 31) !important;
|
|
}
|
|
|
|
.pear-admin-dark .layui-timeline-item:before {
|
|
background-color: #414243 !important;
|
|
}
|
|
|
|
|
|
/** toast */
|
|
.pear-admin-dark .iziToast {
|
|
background-color: #1f1f1f !important;
|
|
}
|
|
|
|
/** console */
|
|
|
|
.pear-admin-dark .deputy,
|
|
.pear-admin-dark .shortcut-menu {
|
|
background-color: #141414 !important;
|
|
}
|
|
|
|
.pear-admin-dark .deputy:hover,
|
|
.pear-admin-dark .shortcut-menu:hover {
|
|
box-shadow: 0 3px 4px rgba(0, 0, 0, .6) !important;
|
|
}
|
|
|
|
.pear-admin-dark .message-board li {
|
|
border-bottom: 1px solid rgba(0, 0, 0, .40) !important;
|
|
}
|
|
|
|
/** analysis */
|
|
.pear-admin-dark .top-panel-number {
|
|
color: #ffffff !important;
|
|
border-color: #414243;
|
|
}
|
|
|
|
|
|
.pear-admin-dark .dynamic-status dd {
|
|
border-color: #414243;
|
|
}
|
|
|
|
/** success failure */
|
|
.pear-admin-dark .pear-result .content {
|
|
background-color: rgba(153, 153, 153, 0.12);
|
|
color: #E5EAF3;
|
|
}
|
|
|
|
.pear-admin-dark .pear-result .title{
|
|
color: #ffffff;
|
|
}
|
|
|
|
.pear-admin-dark .pear-result .description{
|
|
color: #8D9095;
|
|
}
|
|
|
|
/** 403 404 500*/
|
|
.pear-admin-dark .pear-exception .title p{
|
|
color: #E5EAF3 !important;
|
|
}
|
|
|
|
/** scroll */
|
|
.pear-admin-dark *::-webkit-scrollbar-thumb {
|
|
background: #141414;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.pear-admin-dark *::-webkit-scrollbar-thumb:hover {
|
|
background: #0a0a0a;
|
|
}
|
|
|
|
/** profile */
|
|
.pear-admin-dark .user-name,
|
|
.pear-admin-dark .user-desc {
|
|
color: whitesmoke;
|
|
}
|
|
|
|
.pear-admin-dark .user-desc {
|
|
border-top: 1px solid #141414;
|
|
} |