body.dark {
	--bg-color: rgb(21, 32, 43);
	color: #fff;
    --borderColor:#313b42;
	--icon-color: #fff;
	--hoverColor:rgba(49,59,66,.6);
	--textColor: #fff;
	--inputBorderColor: #43515a;
}
html.dark {
  scrollbar-color: #9f9f9f #2c2c2c;
}
html.dark::-webkit-scrollbar-track {
  background: #2c2c2c;
}
html.dark::-webkit-scrollbar-thumb {
  background-color: #9f9f9f;
}
body.dark .panel, body.dark .login-box {
	background: var(--dark-bg);
}
body.dark a {
    color: #fff;
}
body.dark .header, body.dark .footer, body.dark .page-header {
    background: rgba(21, 32, 43, 0.7);
    box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.6);
}
body.dark .disable-button {
    background: unset !important;
}
body.dark .modal-box {
    box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.6);
}
body.dark .loader, body.dark .site-loader {
    box-shadow: 0 0 20px #3b3b3b;
    
}
body.dark .channel-body::before {
    content: unset;
    background-image: unset;
    position: unset;
}
body.dark .channel-body::after {
    background-image: url('/wp-content/themes/hello-theme-child-master/theme-builder/assets/image/dark-mode-channel.png');
    mix-blend-mode: unset;
}
body.dark .channel-news .news-item {
    background-color: rgb(30, 45, 60);
}
body.dark .option-layout .box {
    background-color: #37474F;
}
body.dark .option-layout .box div:not(.main) {
    background-color: #263238;
}
body.dark .like-option {
    background-color: rgba(255, 255, 255, 0.1);
}
body.dark .content-footer .like-option:hover {
    background-color: rgb(255 255 255 / 20%);
}
@media screen and (max-width: 600px) {
    .container .panel {
        box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.6);
    }
}