사용 중인 테마는 다른 색상을 기반으로 배경을 계산하여 CSS 컴포넌트를 사용해도 특정 색상을 선택할 수 없습니다

Horizon 테마를 사용 중인데, 배경색을 직접 선택할 수 있는 방법이 없습니다. 인스펙터에는 다음과 같이 표시됩니다:

`html {
–background-color: light-dark( oklch(from #002F43 96% calc(c * 0.125) h), oklch(from #002F43 10% 0.025 h) ) !important;
}`

CSS 컴포넌트에서 --background-color를 정의해 보았지만 작동하지 않았으며, 인스펙터에서 제 코드가 취소선으로 표시되어 있었습니다:

테마가 덮어쓰지 않고 특정 배경색을 설정하는 방법은 무엇일까요?

수정: 제 CSS에서 세미콜론 앞에 "!important"를 추가하는 방법으로 해결책을 찾았습니다.

1개의 좋아요