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

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

    의 핵심 스타일 테마 작성기

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

    의 색상 테마 작성기

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

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

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

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

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

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

    주:
    어두운 변형은 이전에 UI16이라고 했던 코어 UI에는 적용되지 않습니다. 코어 UI는 비활성화된 경우 Next Experience 사용하는 인터페이스입니다. 그러나 Dark 변형은 다음 UI 자산으로 확장됩니다.
    • 카탈로그 항목
    • 클래식 환경 양식 및 목록
    • 대시보드
    • 지식 문서
    • 보고서
    • 시각적 작업 보드
    • workspaces