접근성 대비 테마를 다운로드하는 방법은 무엇인가요?

제품 지원
1

이 사이트 왼쪽에 "Accessible Contrast"라는 다크 모드와 라이트 모드 테마가 있습니다. 어떻게 다운로드하나요?

2

Hey @catinthehat! 메타에 오신 것을 환영합니다!

이 테마는 직접 만들 수 있습니다:

먼저 /admin/customize/colors에서 색상 스킴을 생성합니다.
그 다음 New를 클릭하고 기본 팔레트로 WCAG Light를 선택한 후, 다시 New를 클릭합니다.

The image shows a user interface for selecting a base color palette in a software application, with options for WCAG Light among others, and a button to create a new palette. (Captioned by AI)
The image shows a user interface for selecting a base color palette in a software application, with options for WCAG Light among others, and a button to create a new palette. (Captioned by AI)1930×903 102 KB

이름을 "WCAG Light"와 같이 더 정확한 이름으로 수정할 수 있습니다. 사용자가 설정에서 해당 색상 스킴을 선택할 수 있도록 허용할 수도 있지만, 이는 필수적이지 않습니다.

The image shows a user interface of a color selection tool labeled "WCAG Light," with options to save, duplicate, copy to clipboard, or delete a color scheme, as well as checkboxes for enabling user selection of color schemes and showing only overridden colors, with a section beneath to define a primary color represented by a hexadecimal value (black: #000000). (Captioned by AI)
The image shows a user interface of a color selection tool labeled "WCAG Light," with options to save, duplicate, copy to clipboard, or delete a color scheme, as well as checkboxes for enabling user selection of color schemes and showing only overridden colors, with a section beneath to define a primary color represented by a hexadecimal value (black: #000000). (Captioned by AI)1185×492 74.3 KB

그런 다음 /admin/customize/themes에서 새 테마를 생성합니다.
Install를 클릭하고 'create new’를 선택한 후 이름을 입력하고 Create를 클릭합니다.

This image depicts a user interface for installing themes on a Discourse platform, showing options to install from popular choices, the user's device, or from a git repository with a field to name the theme as "High contrast." (Captioned by AI)
This image depicts a user interface for installing themes on a Discourse platform, showing options to install from popular choices, the user's device, or from a git repository with a field to name the theme as "High contrast." (Captioned by AI)1831×852 127 KB

사용자가 테마를 선택할 수 있도록 하려면 설정을 활성화하고 색상 팔레트를 방금 만든 색상 스킴으로 변경하십시오. 조정을 저장하려면 :white_check_mark:를 클릭하는 것을 잊지 마세요.

The image shows a user interface for configuring a "High contrast" theme with options like enabling it by default, allowing users to select it, and a color palette selection drop-down titled "WCAG Light." (Captioned by AI)
The image shows a user interface for configuring a "High contrast" theme with options like enabling it by default, allowing users to select it, and a color palette selection drop-down titled "WCAG Light." (Captioned by AI)1162×624 87 KB

다크 색상 스킴과 다크 테마를 생성하려면 위의 단계를 반복하세요.

3

감사합니다, 잘 작동했습니다