img[alt="E-Mail Icon"],
img[alt="Phone Icon"],
img[alt="Addr Icon"],
img[alt="GitHub Logo"],
img[alt="LinkedIn Logo"],
img[alt="Page Icon"],
img[alt="Calendar Icon"] {
    vertical-align: middle;
    width: 25px;
    color: var(--fg);
}
img[alt="Codeberg Logo"] {
    vertical-align: middle;
    width: 19px;
    color: var(--bg);
    margin-left: 3px;
    margin-right: 3px;
}

img[alt="ORCID Logo"] {
    vertical-align: middle;
    width: 21px;
    margin: 0 2px;
}
img[alt="LinkedIn Logo"] {
    margin-left: 2px;
    margin-right: -2px;
}

/* filters created with: https://codepen.io/sosuke/pen/Pjoqqp */
/* the colors are the --fg variable (book/css/variables-*.css */
html.ayu img[alt="E-Mail Icon"],
html.ayu img[alt="Phone Icon"],
html.ayu img[alt="Addr Icon"],
html.ayu img[alt="GitHub Logo"],
html.ayu img[alt="Page Icon"],
html.ayu img[alt="Calendar Icon"] {
    filter: invert(90%) sepia(0%) saturate(526%) hue-rotate(150deg) brightness(90%) contrast(88%);
}
html.coal img[alt="E-Mail Icon"],
html.coal img[alt="Phone Icon"], 
html.coal img[alt="Addr Icon"],
html.coal img[alt="GitHub Logo"],
html.coal img[alt="Page Icon"],
html.coal img[alt="Calendar Icon"] {
    filter: invert(72%) sepia(14%) saturate(247%) hue-rotate(167deg) brightness(88%) contrast(86%);
}
html.light img[alt="E-Mail Icon"],
html.light img[alt="Phone Icon"], 
html.light img[alt="Addr Icon"],
html.light img[alt="GitHub Logo"],
html.light img[alt="Page Icon"],
html.light img[alt="Calendar Icon"] {
    filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(21deg) brightness(97%) contrast(103%);
}
html.navy img[alt="E-Mail Icon"],
html.navy img[alt="Phone Icon"], 
html.navy img[alt="Addr Icon"],
html.navy img[alt="GitHub Logo"],
html.navy img[alt="Page Icon"],
html.navy img[alt="Calendar Icon"] {
    filter: invert(81%) sepia(4%) saturate(740%) hue-rotate(199deg) brightness(94%) contrast(93%);
}
html.rust img[alt="E-Mail Icon"],
html.rust img[alt="Phone Icon"], 
html.rust img[alt="Addr Icon"],
html.rust img[alt="GitHub Logo"],
html.rust img[alt="Page Icon"],
html.rust img[alt="Calendar Icon"] {
    filter: invert(13%) sepia(5%) saturate(192%) hue-rotate(22deg) brightness(94%) contrast(94%);
}