Custom CSS for both light and dark

[My-Random-Thoughts]

Description

I have some custom CSS and it's working fine, but how do I target both light and dark themes?

For example, want a bolder border on some items, but with two different colours.

div.service-card:has(> div.service-title div.service-icon:not(a)) {
    border: 1px solid rgba(127, 127, 127, 0.15) !important;
    background-color: transparent!important;
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,1) inset;
}

This will add a dark inner border to non-link items, and because the colour is set as black, it will only show correctly on a dark theme.

homepage version

v1.3.2 (1a46baa, Jun 1, 2025)

Installation method

Docker

Configuration

N/A

Container Logs

N/A

Browser Logs

N/A

Troubleshooting

N/A