.dark-mode-active .title-custom h3 {
    background: #666;
    color:#fff;
}
.dark-mode-active .sidebar-list li:hover a, .dark-mode-active .sidebar-list li a.active {
  background: #666;
  color:#fff;
}
.dark-mode-active .sidebar-list li:hover a::after, .dark-mode-active .sidebar-list li a.active::after {
  border-left: 15px solid #666;
}
.dark-mode-active .profile-section::after, .dark-mode-active .profile-section h3, .dark-mode-active .profile-section p {
  background-color: var(--black);
color:#fff;
}
.dark-mode-active .alumni-col {

  background: #333;
}
.dark-mode-active .alumni-cont * {
  color: #fff;
} 
.dark-mode-active footer .footer-btm p a {
  color: var(--white);
}
.dark-mode-active .table .thead-dark th {
  border-color: #333;
}
.dark-mode-active .page-title h1:before {
  background: #ccc;
}
.dark-mode-active .main-navbar .navbar-dark .navbar-nav .nav-link:focus, .dark-mode-active .main-navbar .navbar-dark .navbar-nav .nav-link:hover, .dark-mode-active .main-navbar .navbar-dark .navbar-nav .nav-link.active {
  color: var(--white);
  background: #333;
}

.dark-mode-active .content-area {
  background: #000;
}
.dark-mode-active .content-area *{
  color: #fff;
}
.dark-mode-active .content-area .page-title h1 {
    color: #fff;
}
.dark-mode-active .content-area p {
  color: #fff;
}
.dark-mode-active .sidebar-list li a {
  background: #222;
  color: #fff;
}
.dark-mode-active .logo img, .dark-mode-active .logo-middle img, .dark-mode-active .head-right-logoes a img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}   
.dark-mode-active .btn-primary, .dark-mode-active .btn-secondary {
  background: #312c2c;
  border-color: #312c2c;
}
.dark-mode-active .btn-primary:hover, .dark-mode-active .btn-secondary:hover {
  background: #312c2c;
  border-color: #312c2c; 
}
:root .dark-mode-active  { 
  --primary: #000;
  --secondary: #000;
  --yellow: #888;
}