단일 테마 팔레트의 CSS 색상을 변경하는 방법?

[Nacho_Caballero]

그 부분을 지적해 주셔서 감사합니다, @Johani. dark-light-choose($light, $dark) 함수가 제가 원하는 것을 정확히 수행하는 것 같지만, 이제 문제는 팔레트 변경을 감지하지 못한다는 점입니다.

제 유일한 활성 테마는 "Nacho"이며, 두 개의 팔레트가 있습니다: “Clara”(라이트)와 “Oscura”(다크):

다음과 같은 CSS로 이를 커스터마이징했습니다:

$dark-theme-ins: #4da06d;
$light-theme-ins: #acf2bd;
.modal.history-modal {
    ins {
        background: dark-light-choose($light-theme-ins, $dark-theme-ins);
    }
}

라이트 팔레트에서는 정상적으로 작동합니다:

하지만 다크 팔레트에서는 작동하지 않습니다:

CSS를 다음과 같이 변경하면 작동합니다:

.modal.history-modal {
    ins {
        background: $dark-theme-ins;
    }
}

즉, 다크 팔레트로의 변경이 감지되지 않는 것 같습니다. is-light-color-scheme가 $primary와 $secondary의 밝기를 확인하는 것을 알 수 있습니다. 제 다크 팔레트는 다음과 같습니다:

그리고 라이트 팔레트는 다음과 같습니다:

더 이상 아이디어가 없습니다.