@media (prefers-contrast: more) {

    body {
        background: var(--hc-main-bg-color) !important;
        color : var(--hc-main-text-color) !important;
    }
    .btn-link, a {
    	color : var(--hc-primary-link-color) !important;
    }
    .img-thumbnail {
        background: var(--hc-main-bg-color) !important;
        border-color: black !important;
    }
    nav.navbar {
        background: var(--hc-secondary-bg-color) !important;
    }
    .badge,
    .btn.btn-primary, 
    nav #upload-hdr button.btn-primary,
    .btn.btn-outline-primary,
    .btn.btn-sm.btn-outline-secondary,
    a.btn, 
    .btn.btn-primary > span.glyphicon{
        color: var(--hc-primary-button-text-color) !important;
        background: var(--hc-primary-button-color) !important;
    }
    .btn.btn-primary:hover {
        background: var(--hc-primary-button-hover-color) !important;
    }
    .btn.btn-secondary {
        color: var(--hc-primary-button-text-color) !important;
        background: var(--hc-secondary-button-color) !important;
    }
    #sidebar-wrapper{
        background: var(--hc-main-bg-color) !important;
    }
    .card {
        background-color: var(--hc-main-bg-color) !important;
    }
    .select-row:hover {
        background-color: var(--hc-main-bg-color) !important;
        border-bottom: 1px solid #ddd;
    }
    #login-box{
        background-color: var(--hc-main-bg-color) !important;
    }
    .mtrl-card-footer{
        background-color: var(--hc-main-bg-color) !important;
    }
    a:visited, a:link, a:active {
        text-decoration : none;
    }

    .dropdown-menu {
        background-color: var(--hc-main-bg-color) !important;
        border: 1px solid var(--hc-main-text-color) !important;
    }
    a.dropdown-item,
    button.dropdown-item{
        background-color: var(--hc-main-bg-color) !important;
        color : var(--hc-main-text-color) !important;
    }
    .dropdown-item:focus, .dropdown-item:hover{
        background-color: var(--hc-main-bg-color) !important;
        text-decoration: underline !important;
    }
    #login-card>.mtrl-card.mtrl-card-light {
        background-color: var(--hc-main-bg-color);
    }
    #login-card>.mtrl-card-footer{
        background-color: var(--hc-main-bg-color);
    }
    #navbar li a,
    #navbar a{
        color : var(--hc-main-text-color);
    }
    #navbar li a,
    #navbar a,
    #navbar li a.dropdown-item,
    #navbar li button.dropdown-item {
        color : var(--hc-main-text-color);
    }
    .btn-outline-secondary{
        color : var(--hc-main-text-color);
    }
    .dropdown-item{
        color : var(--hc-main-text-color);
    }
    .dropdown-item:hover{
        color : var(--hc-main-text-color);
    }
    .btn-link:hover, a:hover {
        color : var(--hc-main-text-color);
    }
    .table {
        color : var(--hc-main-text-color);
    }
    .table-hover tbody tr:hover{
        color : var(--hc-main-text-color);
        background-color: var(--hc-main-bg-color);
    }
    .table-hover .table-info:hover{
        color : black;
    }
    .table-info{
        color : black;
    }
    .icon-container {
        background-color : transparent;
    }
    .mtrl-card,
    .modal-content{
        background-color : var(--hc-main-bg-color);
    }
    .select2-results__option{
        color : black;
    }
    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active,
    .page-item .page-link,
    .page-item.disabled .page-link {
        background: var(--hc-main-bg-color) !important;
        color : var(--hc-primary-link-color) !important;
    }
    
    .page-item.active .page-link {
        background: var(--hc-main-bg-color) !important;
        color : var(--hc-main-text-color) !important;
    }
    
    .page-item.disabled a.page-link{
        color : var(--hc-main-text-color) !important;
    }
    .nav-link.group-tab-header,
    .meta.isReadOnly > input,
    .meta.isReadOnly > textarea,
    .img-formats,
    div.btn,
    span.text{
        color : var(--hc-main-text-color);
    }
    .nav-link:hover,
    a:hover {
      text-decoration: underline;
    }
    .bg-light {
        background-color: var(--hc-secondary-bg-color) !important;
        border: 1px solid var(--hc-secondary-bg-color) !important;
    }
    .text-muted, .img-thumbnail .asset-id{ 
        color: var(--hc-secondary-text-color) !important; 
    }
    .asset-manager {
        background-color:var(--hc-main-bg-color) !important;
    }
    #asset-upload-form > div {
        background-color:var(--hc-main-bg-color) !important;
    }
    button.btn, div.collection-actions {
        color: var(--hc-main-text-color) !important;
    }
    .card {
        border: 1px solid #ddd;
    }

    .grid-metadata-row .badge {
        border: 1px solid var(--hc-primary-button-text-color) !important;
    }

    .form-switch .form-check-label::before,
    .form-check-input:checked~.form-check-label::before,
    .form-switch .form-check-input:checked~.form-check-label::after,
    .form-switch .form-check-label::after {
        forced-color-adjust: none;
    }

    .form-switch .form-check-label::after:disabled {
        /* sets the color of the thumb for off */
        background-color: var(--hc-primary-button-text-color);
    }

    .form-check-label::before {
        /* sets the background fill color for off */
        background-color: var(--hc-primary-button-color);
        /* sets the border around the switch */
        border: var(--hc-secondary-link-color) solid 1px;
    }

    .form-check-input:checked~.form-check-label::before {
        /* changes the border for on */
        border-color: var(--hc-secondary-link-color);
        /* changes the fill color for on */
        background-color: var(--hc-secondary-link-color);
    }

    .form-switch .form-check-input:checked~.form-check-label::after {
        /* sets the color of the thumb for on */
        background-color: var(--hc-primary-button-text-color);
    }

    .form-check-input:focus~.form-check-label::before {
        /* sets the highlight when the control has focus */
        box-shadow: 0 0 0 .2rem var(--hc-secondary-link-color);
    }

    .form-check-input:not(:checked) {
        background-image: var(--bs-form-switch-bg) !important;
        --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e") !important;
    }

    .form-range {
        -moz-appearance: auto !important;
        -webkit-appearance: auto !important;
        appearance: auto !important;
    }

    .form-range::-webkit-slider-thumb {
        outline: 1px solid;
    }

    .form-range::-webkit-slider-runnable-track {
        border: 1px solid;
    }
}