:root[theme='dark'] .ol-layer:first-child canvas { /* With openlayers, only the first canvas is the map, the second canvas on the dom is the features of the map */
    filter: invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%);
}


i.circle {
    background-color: var(--md-sys-color-primary) !important;
    color: var(--md-sys-color-primary-container);
}


/* ************************************************ */
/* Style for the buttons that close the modal form  */
a.modal-close {
    color: var(--md-sys-color-primary);
}

a.modal-close:hover {
    /*   color-mix() is a css function */
    /*   The color-mix() functional notation takes two <color> values and returns the result of mixing them in a given colorspace by a given amount.   */
    color: color-mix(in srgb, var(--md-sys-color-primary), var(--md-sys-color-on-primary) 16%);
}
/* ************************************************ */





/* ************************************************ */
/* Style the Feature Discovery animation */
#tap_target_for_AdvertCurrentUserButton {
    background-color: var(--md-sys-color-primary);
    color: var(--md-sys-color-primary-container);
}
/* ************************************************ */



footer.page-footer, footer.page-footer p, footer.page-footer a {
    color: var(--md-sys-color-on-primary);
    background-color: var(--md-sys-color-primary);
}