테마와 다크 모드 선택하기

테마는 커뮤니티의 브랜드 색상, 폰트, 모서리 둥글기, 그림자를 라이트 모드와 다크 모드별로 따로 설정합니다. 테마를 사용해 브랜드의 색 구성에 맞추고, 멤버에게 커뮤니티가 기본적으로 라이트 모드와 다크 모드 중 어느 쪽으로 보일지 정합니다.

사용 가능한 사람: 소유자와 관리자. 멤버는 라이트 또는 다크 모드를 직접 선택합니다. · 위치: 웹(관리 콘솔). 멤버는 웹과 Mateflow 앱에서 모드를 전환합니다. · 플랜: 테마와 색상은 플랜에 따른 제한이 없습니다. 커스텀 CSS는 플랫폼 플랜에 따라 다릅니다.

테마 페이지 열기

관리자 → 외관 → 테마로 이동합니다. 브랜딩 페이지에서 테마에서 색상 및 폰트 관리 → 링크를 클릭해도 됩니다.

• 활성 테마에는 멤버에게 지금 보이는 테마가 표시되며, 라이브 배지가 붙어 있습니다.
• 테마 라이브러리에는 나머지 테마가 나열됩니다. 테마를 검색하거나 최근 업데이트 등의 기준으로 정렬할 수 있습니다.
• 상단의 버튼은 App Theme, Settings, Add Theme입니다.

프리셋으로 새 테마 추가하기

1. Add Theme을 클릭합니다.
2. 테마 이름을 입력합니다(최대 50자).
3. 프리셋을 선택합니다. 프리셋 검색... 또는 카테고리 필터로 찾을 수 있습니다. 테마는 항상 프리셋에서 시작합니다.
4. 바로 적용하려면 즉시 게시에 체크합니다.
5. 테마 만들기를 클릭합니다.

기존 테마를 복사하려면 해당 테마의 ⋯ 메뉴를 열고 복제를 클릭한 다음, 새 테마 이름을 입력하고 테마 복제를 클릭합니다. 복사본에는 라이트 및 다크 모드의 모든 색상, 타이포그래피, 간격, 테두리, 그림자가 그대로 유지됩니다.

테마의 색상과 폰트 편집하기

활성 테마에서 커스터마이즈를 클릭하거나, 다른 테마의 ⋯ 메뉴를 열고 편집을 클릭합니다. 편집기는 테마 편집: 뒤에 테마 이름이 붙은 제목으로 열립니다.

1. 색상 모드에서 라이트 또는 다크를 선택합니다. 모드마다 색상이 따로 있으므로 두 모드를 모두 설정하세요.
2. 색상 탭에서 Background, Primary, Accent, Card, Sidebar 같은 색상을 설정합니다. 각 텍스트 색상에는 명암비가 표시됩니다. WCAG AA 명암 기준을 충족하지 않는 색상은 스마트 조정을 클릭해 고칩니다.
3. 타이포그래피 탭에서 글꼴 패밀리와 자간을 선택합니다.
4. 기타 탭에서 테두리 반경과 그림자를 설정합니다. 플랫폼 플랜에 포함되어 있다면 커스텀 CSS도 이 탭에 있습니다.
5. 라이브 미리보기를 확인합니다. Feed, Post, 프로필, UI 사이를 전환하고, 데스크톱 보기와 모바일 보기 사이도 전환해 봅니다.
6. 저장을 클릭합니다.

활성 테마를 저장하면 멤버에게 보이는 화면이 바뀝니다. 변경 사항을 안전하게 시험하려면 라이브러리에 있는 테마를 편집하고, 준비되면 게시하세요.

테마 게시하기

테마 라이브러리에 있는 테마에서 게시를 클릭합니다. 그 테마가 활성 테마가 되고, 이전 테마는 라이브러리로 돌아갑니다. 한 번에 하나의 테마만 적용됩니다.

적용 중인 테마를 제외한 모든 테마를 삭제할 수 있습니다. 해당 테마의 ⋯ 메뉴를 열고 삭제를 클릭한 다음 확인합니다. 삭제는 되돌릴 수 없습니다.

테마를 이전 버전으로 복원하기

Mateflow는 테마를 편집, 게시, 복원할 때마다 테마의 스냅샷을 저장합니다.

1. 테마의 ⋯ 메뉴를 열고 기록을 클릭합니다.
2. 버전 기록에서 원하는 버전을 찾아 복원을 클릭합니다.
3. 확인합니다. Mateflow가 먼저 현재 상태를 새 스냅샷으로 저장하므로 복원한 것을 다시 되돌릴 수 있습니다.

기본 라이트 또는 다크 모드 설정하기

기본 모드는 모드를 직접 고르지 않은 모든 사람에게 적용됩니다.

1. 테마 페이지에서 Settings를 클릭합니다.
2. 기본 외관에서 라이트, 다크, 시스템 (자동) 중 하나를 선택합니다. 시스템 (자동)은 각 사용자의 기기 설정을 따릅니다.
3. 설정 저장을 클릭합니다.

멤버가 라이트 모드와 다크 모드를 전환하는 방법

멤버는 언제든지 관리자가 정한 기본값 대신 원하는 모드를 선택할 수 있습니다.

• 웹: 아바타를 클릭한 다음 외관을 클릭합니다(또는 설정 → 외모로 이동합니다). 테마에서 커뮤니티 따르기, 시스템, 라이트, 다크 중 하나를 선택합니다. 커뮤니티 따르기에는 관리자가 기본값으로 설정한 모드가 표시됩니다.
• 앱: 설정 및 개인정보 → 화면을 엽니다. 테마에서 커뮤니티 설정 따르기, 시스템 설정 따르기, 라이트, 다크 중 하나를 선택합니다.

멤버는 다른 테마를 선택할 수 없습니다. 게시한 테마의 색상이 모든 사람에게 적용되며, 각자 선택한 모드로 표시됩니다.

Mateflow 앱에 별도의 색상 적용하기

기본적으로 Mateflow 앱은 적용 중인 웹 테마에서 가져온 색상을 사용합니다. 앱에서만 색상을 바꾸려면 다음과 같이 합니다.

1. 테마 페이지에서 App Theme을 클릭합니다.
2. 라이트 또는 다크를 선택한 다음 바꿀 색상을 설정합니다. 비워 둔 색상에는 앱의 기본값이 사용됩니다. Derive from web을 클릭하면 웹 테마를 바탕으로 초안이 채워집니다.
3. 저장을 클릭합니다.

앱용 재정의 설정은 적용 중인 테마와 함께 저장되며, 앱은 자체 폰트를 계속 사용합니다. 앱이 다시 웹 테마를 따르게 하려면 Clear override를 클릭하고 확인합니다.

관련 문서

• 로고, 파비콘, 소셜 공유 이미지 맞춤 설정하기
• 홈페이지 맞춤 설정하기
• 내비게이션, 링크, 푸터 맞춤 설정하기
• 표시 언어 및 테마 설정하기