다크 모드 배경색에 영향을 주지 않고 배경 컨테이너에 특정 색상을 정의하는 것이 가능한가요?
우리는 Graceful 테마 설정에서 위의 배경 이미지 및 타일링 설정 비활성화를 선택하고 다음 CSS를 추가했습니다:
// Graceful 배경 이미지 대신 배경 색상
.background-container {
background-color: #FAF0FC;
}
이 연보라색은 기본 색상 팔레트에서 잘 어울리지만, 다크 모드에서는 어두운 회색 대신 이 색상이 나타나게 되어 좋지 않습니다.
원본 CSS에는 변수가 언급되어 있지만, 라이트 모드와 다크 모드에 서로 다른 색상을 제공하도록 이 변수를 어떻게 사용해야 하는지 모르겠습니다:
background-color: var(--gf-primary-very-low-or-primary-low, #f8f8f8);
중요한 세부 사항은, 우리는 텍스트가 있는 영역의 배경이 아닌 메인 배경의 색만 변경하고자 한다는 것입니다. 이것이 바로 색상 팔레트 값을 직접 사용할 수 없는 이유입니다(무언가를 놓쳤다면 모르지만).