.dark-mode {
    --color-background: #222;
    --color-default: #dbdada;
    --color-accent-1: #ffb71d;
    --color-accent-2: magenta;
}
/* .dark-mode a {color: #1583cc;} */
.dark-mode, 
.dark-mode .block-slider, 
.dark-mode .ts-footer, 
.dark-mode .ts-footer,
.dark-mode .widget-title span, 
.dark-mode .top-social, 
.dark-mode .dropdown-menu li a,
.dark-mode figcaption {
    background-color: #222;
    color: white;
} 
.dark-mode .post-title a, 
.dark-mode .ts-copyright .copyright p, 
.dark-mode .ts-footer-nav-item-link, 
.dark-mode .top-social ul li a, 
.dark-mode ul.navbar-nav > li > a, 
.dark-mode .single-post .post-header-area p, .dark-mode h1, 
.dark-mode h2, .dark-mode h3, 
.dark-mode h4, .dark-mode h5, 
.dark-mode h6, .dark-mode .single-post .post-meta li, 
.dark-mode .single-post .post-content-area p em strong span,
.dark-mode .related-post a,
.dark-mode .baca-juga-title,
.dark-mode .post-overaly-style .post-meta li a,
.dark-mode .single-post .post-content-area p em strong,
.dark-mode .header-nav a {color:#dbdada;}

.dark-mode .block-title .title-angle-shap::after, 
.dark-mode .block-title .title-angle-shap::before, 
.dark-mode .post-tab .nav-tabs .nav-item .nav-link.active::before, 
.dark-mode .post-tab .nav-tabs .nav-item .nav-link.active::after {background: #ffb71d;}

.dark-mode .main-nav, 
.dark-mode .ts-footer .widget-title::before, 
.dark-mode .single-post .post-meta li.social-share .social-list, 
.dark-mode .single-post .post-content-area p em strong,
.dark-mode hr.hr-text, 
.dark-mode hr.hr-text::before {background: #333;}

.dark-mode .dropdown-menu li a {border-bottom: 1px solid #1e1e1e;}

.dark-mode .header-nav-right .logo-image, .dark-mode .widget-content .logo-image {mix-blend-mode: difference;-webkit-filter: invert(100%); /* Safari/Chrome */filter: invert(100%);}

.dark-mode .ts-footer, 
.dark-mode .ts-copyright {border-top-color: #1583cc; }

.dark-mode .post-meta li a, 
.dark-mode .single-post .post-content-area a,  
.dark-mode .post-title a:hover, 
.dark-mode .related-post a:hover,
.dark-mode .main-content p a,
.dark-mode .main-content a strong {color: #1583cc;}

.dark-mode .single-post .post-meta li.social-share .shareicon, 
.dark-mode .baca-juga-inner>ul li:before {background: #1583cc;color: #1e1e1e}

.dark-mode .single-post .post-content-area p em strong a,
.dark-mode blockquote a,
.dark-mode .block-title,
.dark-mode .nav-search a, 
.dark-mode .featured-tab .nav-tabs .nav-link.active .tab-head > span.tab-text-title,
.dark-mode .block-title a,
.dark-mode blockquote::before,
.dark-mode hr.hr-text::before,
.dark-mode .baca-juga-inner ul>li a:hover,
.dark-mode .ts-footer-nav-item-link:hover {color: #ffb71d !important;}

.dark-mode .baca-juga-wrapt {border-color: #565656;}

.theme-switch-wrapper {
  align-items: center;
  position: absolute;
  height: 20px;
  display: inline-block;
}
.theme-switch {
  position: absolute;
  right: 5px;
}
label.theme-switch {margin-bottom: 0;}
.theme-switch input {
  display:none;
}
.switched {
  cursor: pointer;
  text-align: center;
  height: 22px;;
}
.switched:before, input:checked + .switched:before {
  background-size: 22px 22px;
  display: inline-block;
  width: 22px; 
  height: 22px;
  content:"";
}

.switched:before {
  background-image: url('https://cdn.solopos.com/misc/modelight.png');
}
input:checked + .switched:before {
  background-image: url('https://cdn.solopos.com/misc/modedark.png');  
}