참조 테마 reference-themes

테마 css에 대한 깊은 지식 없이 양식을 스타일링할 수 있습니다. 기본 테마 외에도 다음을 설치하여 가져올 수 있습니다. AEM Forms 추가 기능 패키지:

각 테마에는 사용자를 위한 쾌적한 적응형 양식을 만드는 데 사용할 수 있는 고유하고 우아한 스타일이 포함되어 있습니다. 여기에는 패널, 텍스트 상자, 숫자 상자, 라디오 단추, 테이블 및 스위치와 같은 선택기에 대한 고유한 스타일이 포함되어 있습니다. 이러한 테마의 스타일링은 요구 사항을 기반으로 합니다. 예를 들어 특정 시나리오에서는 깔끔한 글꼴을 사용하는 미니멀리즘 테마가 필요합니다. 자유 테마는 이러한 모습을 달성할 수 있도록 해줍니다.

이 패키지에 포함된 테마는 응답형이며, 이러한 테마의 스타일은 모바일 및 데스크탑 디스플레이에 대해 정의됩니다. 다양한 장치의 최신 브라우저는 이러한 테마 중 하나와 함께 적용된 양식을 번거로움 없이 렌더링할 수 있습니다.

패키지 설치에 대한 자세한 내용은 패키지를 사용하여 작업하는 방법.

베릴 beryl

베릴 테마는 We.Gov 적응형 양식에서 사용되며 배경 이미지, 투명성 및 크고 평평한 아이콘의 사용을 강조합니다. 아래 스크린샷에서는 베릴 테마의 모양과 양식의 스타일을 향상시키는 방법을 확인할 수 있습니다.

실행 exec

Exec 테마는 양식 구성 요소를 강조하기 위해 단색 배경 채우기를 사용하지 않습니다. 구성 요소를 선택하고 클릭하면 글꼴 색상이 변경됩니다. 기본 캔버스 테마와 비교하여 선택한 탭의 텍스트 글꼴 색상이 진한 파란색으로 변경됩니다. 탐색 및 제출 버튼이 베릴 테마와 어떻게 다른지 확인하십시오.

Exec 라이트 exec-light

Exec Light 테마는 공백을 사용하여 원활한 경험을 만듭니다. [다음] 및 [제출] 단추에는 단색 칠과 3D 그림자가 나타납니다. 왼쪽의 선택된 탭에는 확인 표시 대신 화살표가 표시됩니다.

리버티 liberty

자유 테마는 미니멀한 접근 방식을 사용하여 중요한 것을 강조한다. 예를 들어 방문한 탭의 글꼴 색상은 녹색으로 변경됩니다. 선이 있는 용지 기반 양식의 모양을 에뮬레이션하는 텍스트 상자의 아래쪽 윤곽선만 볼 수 있습니다. 활성 텍스트 상자에는 검정색 아래쪽 윤곽선이 있고 다른 텍스트 상자에는 밝은 회색 아래쪽 윤곽선이 있습니다.

고요해 tranquil

고요한 테마는 고요한 색상 구성표의 밝은 색조와 어두운 색조를 제공하여 양식의 다양한 구성 요소를 강조 표시합니다. 예를 들어 라디오 단추, 패널 및 탭의 녹색 음영이 다릅니다.

울트라마린 ultramarine

울트라마린 테마는 진한 파란색 음영을 사용하여 탭, 패널, 텍스트 상자 및 버튼과 같은 구성 요소를 강조 표시합니다.

우르바네 urbane

Urbane theme는 귀하의 양식에 대해 미니멀하고 기능적인 모습을 강조합니다. 양식에 도시 테마를 적용하면 구성 요소가 균일함을 알 수 있습니다. 패널의 윤곽선이 얇아 현대적인 느낌을 줍니다.

미국 웹 디자인 표준 u-s-web-design-standards

미국 웹 디자인 표준 테마는 이름에서 알 수 있듯이 미국 웹 디자인 표준 초안 사이트에 설명된 서체와 스타일을 사용합니다. 웹 표준은 연방 정부 웹 사이트에서 일관된 웹 경험을 만들기 위해 연방 조직에서 사용합니다.