구성 가능한 작업 공간에 대한 테마 변형 생성

다음 자습서는 구성 가능한 작업 공간을 포함하여 구멍 인스턴스에 사용되는 고유한 테마 변형을 만드는 데 도움이 됩니다.

UI 빌더에서 경험 설정으로 이동한 다음 브랜딩 및 테마로 이동하면 Polaris 테마가 잠겨 있고 변경할 수 없음을 알 수 있습니다.



두 가지 접근법이 있습니다. 자체 테마를 생성한 다음 'glide.ui.polaris.theme.custom'이라는 sys_property를 생성하고 테마의 sysId를 추가하거나 polaris 테마에 변형을 추가할 수 있습니다(이 예에서는 변형을 생성합니다). .

전체 색상 테마를 생성하기 위해 여기에서 색상 생성기를 사용하고 있습니다. https://theme.deoprototypes.com/color-generator-p/
오른쪽 상단의 '자동 생성' 버튼을 클릭하고 세 가지 색상을 브랜드 중립, 기본 및 보조로 추가합니다.

색상 테마를 생성한 경우 오른쪽 상단의 'JSON 복사' 버튼을 사용하여 JSON을 복사할 수 있습니다. 어두운 테마를 좋아한다면 '다크' 토글도 있습니다.



polaris 테마에 대한 변형을 생성하려는 경우:

'sys_ux_style' 테이블로 이동

유형이 'Variant'인 새 레코드를 추가합니다

.

다음 구조를 사용합니다.

{
    "properties": Here you can copy the JSON from the color generator
}

JSON을 구조에 복사합니다

.

관련 목록 'UX 테마 스타일'에 polaris 테마에 대한 변형을 추가합니다.

이제 사용자 기본 설정 --> 테마를 통해 변형을 선택할 수 있습니다.



테마 변형에 로고를 추가하려면 UX 스타일 자산(관련 목록)을 추가해야 합니다. 자산 참조 필드에서 '이미지' 범주로 새 UX 테마 자산을 추가해야 합니다. 해당 레코드에 첨부 파일로 추가할 수 있는 로고입니다. 중요: UX 스타일 자산 '자산 속성' 필드에서 다음 JSON을 추가해야 합니다.
{ "위치": "header_logo"}

그게 전부입니다. 재미있게 보내세요! :)