넥스트 경험 스타일 만들기

테마를 만들거나 수정할 넥스트 경험 때 하나 이상의 스타일을 만들고 편집합니다. 스타일에는 서체, 색상, 이미지, 도형 및 양식이 포함됩니다. 새로 만든 스타일 기록은 의 넥스트 경험기본 Polaris 또는 기본 Coral 테마를 재정의합니다.

시작하기 전에

필요한 역할: 관리자

이 태스크 정보

스타일을 편집할 넥스트 경험 때는 원시 JSON 코드로 작업합니다. 신중하게 편집하십시오.

새 서체나 이미지는 별도의 프로세스를 통해 업로드합니다. 글꼴 및 이미지 자산 추가 넥스트 경험 문서를 참조하십시오.

프로시저

1. 필터 탐색기 필드에 sys_ux_style.do 를 입력하여 스타일 기록을 생성합니다.
2. 스타일의 이름을 지정하고 코어 스타일인지 변형인지를 지정합니다.
   주:

   어두운 테마는 와 함께 넥스트 경험제공되는 유일한 변형입니다.
3. 스타일 필드에서 스타일 기록에 재정의를 포함할 기본 및 속성 블록을 추가합니다.

   {
     "base": {
   },
     "properties":{
     }
    }
   

4. 옵션: 단계 간에 작업을 저장하려면 추가 작업 아이콘을 선택하고 저장을 선택합니다.
5. 스타일 필드에서 JSON 코드를 편집하여 스타일에 포함할 재정의를 반영합니다.
   1. JSON 코드의 기본 섹션에서 기본 색상을 추가하거나 편집합니다.
      RGB 값을 사용합니다.

      다음 예는 샘플 색상 재정의를 보여줍니다.

      
   2. JSON 코드의 속성 섹션에서 색상 버전을 편집합니다.
   3. JSON 코드의 속성 섹션에서 모양을 추가하거나 편집합니다.
      다음 예제에서는 샘플 모양 재정의를 보여 줍니다.
      
      
6. 글꼴, 이미지 및 기타 테마 자산을 추가합니다.
   자세한 내용은 글꼴 및 이미지 자산 추가 넥스트 경험 문서를 참조하십시오.
7. 글꼴을 업로드한 경우 JSON 코드의 속성 섹션에서 서체를 추가하거나 편집하고 업데이트를 선택합니다.
   

결과

업데이트된 색상, 모양 및 서체가 테마에 표시됩니다.