커스텀 테마가 라이트 모드와 다크 모드에서 각각 어떻게 색상 팔레트를 지원하는지 조금 혼란스럽습니다. 새 테마를 편집하고 팔레트를 선택하면 한 가지만 선택할 수 있습니다. 미리보기에서 다크 모드를 사용 중이었을 때 색상 팔레트가 보이지 않았습니다. 하지만 설정(OS 설정)을 라이트 모드로 변경하자 커스텀 팔레트가 보였습니다. 따라서 질문은 이렇습니다. 테마가 단일 팔레트만 선택할 수 있다면, 라이트 모드에는 커스텀 팔레트 X를, 다크 모드에는 커스텀 팔레트 Y를 어떻게 '바인딩’할 수 있을까요?
사용자 설정에서 다크 모드 색상 스킴을 기본값과 다른 것으로 설정했을 수 있습니다.
/admin/customize/colors에서 모든 색상 팔레트를 확인할 수 있다고 생각합니다.
현재 사이트에서는 다크 모드 색상을 선택할 수 있는 컬러 스킴을 지정해야 합니다. 컬러 팔레트 시스템에 라이트 모드와 다크 모드 두 가지 모드가 기본적으로 내장되어 있지 않기 때문입니다.
다만, 이 기능을 훨씬 더 직관적으로 개선하고 모든 테마에 네이티브 라이트 및 다크 모드를 포함하는 작업을 진행 중입니다. 이 경우 사용자의 설정에 따라 어떤 모드가 표시될지 결정됩니다. 아직 이 업데이트의 정확한 출시 일정은 정해지지 않았지만, 작업이 상당히 진전되어 있으며 컬러 팔레트의 라이트 및 다크 모드(그리고 기타 관련 개선 사항)를 곧 출시할 수 있기를 기대하고 있습니다.
“그러나 이 문제를 훨씬 더 직관적으로 만들고, 모든 테마에 대해 네이티브 라이트 모드와 다크 모드를 포함하는 작업을 깊이 진행 중입니다. 사용자가 어떤 모드를 볼지는 사용자 설정에 따라 결정됩니다.”
하지만 명확히 하자면, 사용자에게 옵션을 제공하지 않고 단순히 사이트의 라이트/다크 색상 스킴만 설정하는 것이 가능하다는 말인가요?
아직 조금 혼란스럽습니다. 라이트 모드에는 사용자가 직접 선택한 사용자 지정 색상 스킴을 사용하고, 다크 모드에는… 다른 무언가를 적용한다는 말씀이신가요? 기본 다크 모드를 편집할 수 있다면, 사용자가 선택할 수 있는 N개의 테마가 필요 없으므로 제게는 문제가 없을 것 같습니다. 이 방식이 작동한다면, 어떤 스킴을 편집해야 하는지 어떻게 알 수 있을까요?
네, 가능합니다.
두 개의 팔레트(또는 기존 팔레트를 커스터마이징)를 생성합니다. 저는 WCAG 라이트 팔레트를 기반으로 ‘Pink’ 컬러 팔레트를 만들고, WCAG 다크 팔레트를 커스터마이징하여 ‘Dark Pink’ 컬러 팔레트를 만들었습니다. 사용자가 라이트 모드에서도 다크 컬러 팔레트를 선택하지 않길 원하신다면, color palette can be selected by users(사용자가 컬러 팔레트를 선택할 수 있음) 설정을 비활성화해야 합니다. 이 설정이 모든 팔레트에서 비활성화되면 사용자 인터페이스 환경 설정에서 드롭다운 메뉴가 사라집니다.
그렇게 하면 사용자는 다음만 보게 됩니다.
Meta에서 환경 설정에서 볼 수 있는 컬러 선택기가 아닌 것입니다.
default dark mode color scheme ID(기본 다크 모드 컬러 스킴 ID) 사이트 설정에서 다크 팔레트를 다크 모드의 사이트 전체 기본 컬러 팔레트로 설정합니다.
그리고 라이트 팔레트를 테마의 컬러 팔레트 설정에 넣습니다.
현재 한계는 예를 들어 라이트 블루와 다크 블루와 같이 두 개의 추가 팔레트를 쉽게 생성하여 사용자가 분홍색과 파란색 사이에서 선택하게 할 수 없다는 점입니다. 테마에 연결된 라이트 컬러 팔레트는 잘 작동하지만, 해당 테마에 대해 다른 기본 다크 팔레트를 사용할 수는 없습니다. 하지만 라이트 컬러 팔레트 하나와 다크 컬러 팔레트 하나만 원하신다면, 현재 옵션들이 충분합니다.
감사합니다, 한번 시도해 볼게요!
네, 곧 지원될 라이트 및 다크 팔레트 기능을 사용하면 쉽게 구현할 수 있습니다. @Moin이 지적했듯이, 이러한 작업은 이미 가능하지만 가장 직관적인 방법은 아닙니다.
곧 이루어질 변경 사항에 따라, 모든 팔레트는 팔레트의 일부로 라이트 모드와 다크 모드를 포함하게 됩니다. 테마에 포함된 컬러 팔레트와 관리자 화면에서 생성 및 편집할 수 있는 팔레트 모두에 해당됩니다. 필요에 따라 기본값을 선택할 수 있습니다.
조급하게 기다리고 있습니다. 이 정보를 찾기 위해 많은 주제를 뒤져야 했습니다. 당분간 이 주제에서 제시된 제안대로 진행할 예정입니다.
색 팔레트에 더 많은 변수를 추가할 수 있는 방법이 있을까요? 현재는 미리 정의된 변수만 사용해야 하는 것 같습니다.
이것이 이미 구현되었나요?
아직은 아니지만, 진전을 이루고 있습니다. 다만 이것이 최우선 과제이므로, 앞으로 몇 주 안에 몇 가지 사항이 반영되기 시작할 것으로 예상됩니다.