핵심 스타일, 색상, 변형 및 대체 색상표

  • 릴리스 버전: Xanadu
  • 업데이트 날짜 2024년 08월 01일
  • 읽기1분
  • 핵심 스타일, 변형 및 대체 색상표를 구성하여 여러 사용자에 맞게 UI의 모양과 느낌을 Next Experience 조정할 수 있습니다.

    의 핵심 스타일 테마 작성기

    코어 스타일은 스타일의 기본 버전입니다. 핵심 스타일에는 색상, 모양 및 형태, 타이포그래피 및 이미지가 포함됩니다.

    의 색상 테마 작성기

    색상 피커를 사용하여 캔버스의 배경색을 변경합니다.
    주:
    캔버스 색상 업데이트는 인스턴스에 적용되지 않습니다. 편집된 테마를 인스턴스에 게시하는 경우 구성 요소에 특정한 후크만 인스턴스에 적용됩니다.
    테마 색상을 편집할 때 색상 선택기에서 명암비를 볼 수 있습니다. 색상표 또는 내 색상 뷰에서 색상을 변경하면 값이 업데이트됩니다.

    의 변형/대체 색상표 테마 작성기

    변형(또는 대체 색상표에서 테마 작성기 호출되는 대로)은 기존 테마의 대체 버전으로, 사용자가 기본 설정에서 선택할 수 있습니다. 변형의 예로는 와 함께 Next Experience제공되는 기본 Polaris 테마의 어두운 버전이 있습니다. 어두운 변형은 밝은 배경을 어두운 배경으로 바꾸고 그에 따라 텍스트 색상을 대비하여 시각 장애가 있는 사용자의 접근성을 향상시키는 데 사용할 수 있습니다.

    대체 색상표는 테마의 색상을 수정할 수 있는 것입니다. 기본 Polaris 테마를 제외한 모든 테마에 대해 관리자 페이지 뷰에서 정의할 테마 작성기 수 있습니다. 기존 테마를 사용하여 대체 색상표를 만들면 대체 색상표가 해당 기본 테마와 함께 그룹화되고 처음에 로고, 색상, 타이포그래피 및 모양 스타일을 공유합니다. 처음에 기본 테마와 다른 점은 고유한 이름을 할당한다는 것입니다.

    다음으로, 대체 색상표의 기본 색상을 정의합니다. 이 색상은 탐색 모음, 메뉴 및 기타 공통 구성요소를 식별하는 데 사용됩니다. 마찬가지로 필요한 경우 보조 색상을 정의할 수 있습니다. 인터페이스에 보조 색상이 필요하지 않으면 기본 색상이 사용됩니다. 마지막으로, 구분선과 컨테이너를 정의하는 데 도움이 되는 중립 색상을 정의합니다.

    선택한 색상을 사용하여 팔레트가 생성되면 이름을 바꿀 수 있습니다. 또한 다음을 수행할 수 있습니다. 에서 사용할 수 있는 모든 UI 자산을 미리 봅니다. Now Platform 인스턴스에 적용할 때 렌더링되는 방식을 시각화합니다..

    주:
    어두운 변형은 이전에 UI16이라고 했던 에 적용되지 코어 UI않습니다. 비활성 상태일 때 Next Experience 사용하는 인터페이스입니다.코어 UI 그러나 어두운 변종은 대부분의 측면 으로 확장됩니다 Next Experience.