TaoLer/public/static/admin/css/admin.dark.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;
}


/** 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-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-table-tool-self > div {
    border-color: rgba(0, 0, 0, .40) !important;
    color: #ffffff !important;
    background-color: transparent; 
}

/** 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;
}