Claro, hay un par de funciones de SCSS que puedes usar para verificar si estás en una paleta de colores clara u oscura.
Se usan de la siguiente manera.
@if is-light-color-scheme() {
// CSS para paleta de colores clara
h1 {
color: green;
}
}
@if is-dark-color-scheme() {
// CSS para paleta de colores oscura
h1 {
color: red;
}
}