coronaindia/views/media/misc/css/themeSwitch.css

COVID19 India Tracker, predictive analytics and research. Built by engineers, data scientists, AI and medical professionals.

body-dark-theme {
  background: #282C34 !important;
  color: #2A323C !important;
}


body-light-theme {
  background: white !important;
  color: white !important;
}

.card-header-dark-theme {
  background: #303A46 !important;
  color: white !important;
}

.card-dark-theme {
  background: #323C48 !important;
  color: white !important;
}

.card-dark-theme.list-group-item:hover {
  background: #3B4654 !important;
  color: white !important;
}

.card-light-theme.list-group-item:hover  {
  background: #F7F7F7 !important;

}


.bg-dark-theme {
  background: #282C34 !important;
  color: white;
}

.navbar-light {
    background: white !important;
    color: black !important;
}

.navbar-dark {
    background: #1d2b3c !important;
    color: white !important;
}


.brand-text-light {
color:black;text-shadow: 0.5px 0.5px #FF0000;
}

.brand-text-dark {
color:white; text-shadow: 0.5px 0.5px #20EDE9;
}


.textRow-dark-theme a.accordion-toggle {
    color: lightsteelblue !important;
}

.textRow-dark-theme a.accordion-toggle:hover {
    background: #3B4654 !important;
}

.textRow-light-theme a.accordion-toggle {
    color: #6C757D !important;
}

.textRow-light-theme a.accordion-toggle:hover {
    background: #F4F4F4 !important;
}



.datatableTr-dark tbody tr {
  background: #323C48 !important;
}

.datatableTr-light tbody tr {
  background: white !important;
}

.datatableTools-wrapper-dark .dataTables_filter, .datatableTools-wrapper-dark .dataTables_info, .datatableTools-wrapper-dark .dataTables_paginate .paginate_button {
  color: black !important;
}

.datatableTools-wrapper-light .dataTables_filter, .datatableTools-wrapper-light .dataTables_info, .datatableTools-wrapper-light .dataTables_paginate .paginate_button {
  color: white !important;
}