테마 변수를 사용하여 색상을 정의하도록 글꼴 아이콘 구성

  • 릴리스 버전: Washingtondc
  • 업데이트 날짜 2024년 02월 01일
  • 읽기2분
  • sys_ux_theme 기록의 CSS 사용자 지정 속성을 지정하여 글꼴 아이콘의 색상을 정의합니다.

    시작하기 전에

    글꼴 아이콘 색상을 정의하는 데 사용할 테마 변수의 sys_ux_theme 기록을 알고 있어야 합니다. 테마 변수에 필요한 값은 sys_ux_theme 속성 테이블의 CSS 사용자 지정 속성입니다.

    필요한 역할: admin

    이 태스크 정보

    테마 변수는 글꼴 아이콘에만 적용할 수 있습니다.

    화면을 구성하는 워크플로우 내에서 아이콘을 구성하거나 메뉴에서 카드 및 아이콘 범주를 선택하여 아이콘을 구성할 수 있습니다 모바일 앱 작성기 . 이 절차에서는 카드 및 아이콘 범주를 사용합니다.

    프로시저

    1. 다음으로 이동 모두 > 시스템 모바일 > 모바일 앱 작성기레이블이 표시됩니다.
      새 브라우저 탭에 모바일 앱 작성기가 열리고 애플리케이션 범위 선택 화면이 표시됩니다.
    2. 작업 중인 애플리케이션 범위를 검색한 다음 애플리케이션 범위의 이름을 선택합니다.
      모바일 앱 작성기 범주 홈 화면이 표시됩니다.
    3. 카드 & 아이콘 범주를 선택한 다음, 새로 만들기를 선택합니다.
    4. 카드 또는 아이콘 만들기 대화 상자에서 아이콘을 선택한 다음, 계속을 선택합니다.
    5. 아이콘 양식에서 아이콘의 이름을 입력합니다.
      아이콘을 쉽게 식별할 수 있는 이름을 선택해야 합니다.
    6. Type(유형) 드롭다운 목록에서 Font(글꼴)를 선택합니다.
    7. 모양 설정 섹션에서 스타일 필드에 다음 정보를 입력하여 테마 변수를 사용하여 색상을 정의하는 글꼴 아이콘을 구성합니다.

      행을 추가하려면 더하기 아이콘을 선택합니다.

      스타일
      FontName 입력

      다음 글꼴 집합 중 하나를 입력합니다.

      • now-mobile-icons

        이 아이콘은 화면에서 사용하도록 설계되었습니다. 목록 화면과 브라우저 화면으로 이동하는 목록 및 섹션 대상에 사용합니다. 이러한 아이콘을 사용하여 사용자가 탐색할 작업 플로우 또는 화면을 나타냅니다.

      • now-mobile-icons-cards

        카드 본문에 이러한 아이콘을 사용합니다.

      • now-mobile-icons-buttons

        이 아이콘은 기능에 사용하도록 설계되었습니다. 카드에 있는 버튼이나 빠른 작업에 사용할 수 있습니다.

      • now-mobile-icons-ALP탐색 모음

        이러한 아이콘은 모바일 화면의 오른쪽 상단 모서리에 나타나며 다른 화면으로 이동하는 데 사용됩니다.

      입력

      사용할 글꼴 모음에서 아이콘을 식별하는 코드를 입력합니다. 예를 들어, e903 은 글꼴 집합의 솔리드 카트 아이콘에 대한 코드입니다 now-mobile-icons-buttons .

      글꼴 집합 아이콘 코드 목록은 [참조 항목에 대한 링크 추가]를 참조하십시오.

      FontColorVariable을 입력하여 아이콘 색상에 대한 테마 변수를 지정합니다.

      이 구성은 선택 사항입니다. 색상을 지정하지 않으면 기본 아이콘 색상은 검은색입니다. 16진수 색상 코드를 사용하려면 16진수 색상 코드를 사용하여 아이콘 색상을 구성하는 방법에 대한 정보가 포함된 ['글꼴 유형 아이콘 구성' 링크]를 참조하십시오.

      사용할 색상에 대한 테마 변수를 입력합니다. 예를 들어, 다음 CSS 사용자 지정 속성은 다음과 같습니다.

      --now-아코디언 색상

      이름 입력

      글꼴 집합에 있는 아이콘에 대해 나열된 이름을 입력합니다. 예를 들어, 패밀리에서 now-mobile-icons 쇼핑 카트 아이콘을 사용하려면 카트를 입력합니다.

      글꼴 패밀리 아이콘 이름 모바일 아이콘 참조목록은 .

    8. 저장을 선택합니다.