참조 테마 reference-themes

CAUTION
AEM 6.4가 확장 지원이 종료되었으며 이 설명서는 더 이상 업데이트되지 않습니다. 자세한 내용은 기술 지원 기간. 지원되는 버전 찾기 여기.

테마 css에 대한 자세한 지식이 없는 경우 양식의 스타일을 지정할 수 있습니다. 기본 테마 외에AEM Forms 추가 기능 패키지:

  • 베릴
  • 경영진
  • Exec-Light
  • 자유
  • 울트라마린
  • Urbane
  • 미국 웹 디자인 표준
  • 조용한

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

참조 테마

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

패키지 설치에 대한 자세한 내용은 패키지 작업 방법.

베릴 beryl

베릴 테마는 We.Gov 적응형 양식을 사용하여 배경 이미지, 투명도 및 크고 플랫 아이콘 사용을 강조할 수 있습니다. 아래 스크린샷에서는 Beryl 테마가 어떻게 생겼고 양식의 스타일을 어떻게 향상시킬 수 있는지 확인할 수 있습니다.
베릴 테마
확대하려면 클릭

경영진 exec

Exec 테마는 솔리드 배경 채우기를 방지하여 양식 구성 요소를 강조합니다. 구성 요소를 선택하고 클릭하면 글꼴 색상이 변경됩니다. 기본 캔버스 테마와 비교하여 선택한 탭의 텍스트 글꼴 색상이 진한 파란색으로 변경됩니다. 탐색 및 제출 단추가 Beryl 테마와 어떻게 다른지 확인합니다.
실행 테마

확대하려면 클릭

실행 표시등 exec-light

Exec Light 테마는 공백을 사용하여 원활한 경험을 만듭니다. [다음] 및 [제출] 단추에는 솔리드 채우기와 3D 그림자가 표시됩니다. 왼쪽의 선택한 탭에는 두 번 확인 표시 대신 화살표가 표시됩니다.
실행 밝은 테마

확대하려면 클릭

자유 liberty

자유의 테마는 가장 중요한 것을 강조하기 위해 미니멀리즘 방식을 사용합니다. 예를 들어 방문한 탭의 글꼴 색상이 녹색으로 바뀝니다. 줄이 있는 종이 기반 양식의 모양을 에뮬레이션하는 텍스트 상자의 아래쪽 윤곽만 볼 수 있습니다. 활성 텍스트 상자에는 검은색 아래쪽 윤곽선이 있고 다른 텍스트 상자는 연한 회색 아래쪽 윤곽선이 있습니다.
자유 주제

확대하려면 클릭

조용한 tranquil

조용한 테마는 양식의 다른 구성 요소를 강조 표시하는 Tranquil 색상 구성표의 밝고 어두운 색조를 제공합니다. 예를 들어 라디오 단추, 패널 및 탭은 다른 녹색 음영률을 가져옵니다.
조용한 테마

확대하려면 클릭

울트라마린 ultramarine

Ultramarine 테마는 짙은 파란색 음영을 사용하여 탭, 패널, 텍스트 상자 및 단추와 같은 구성 요소를 강조 표시합니다.
초마린 테마

Urbane urbane

도시 테마는 간결하고 기능적으로 형태를 강조한다. 양식에 Urbine 테마를 적용하면 구성 요소가 균일하고 있음을 알 수 있습니다. 패널은 얇은 윤곽선을 만들어 현대적인 모양을 만듭니다.
도시 테마

확대하려면 클릭

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

U.S. Web Design Standard 테마는 Draft US Web Design Standard 사이트에 설명된 서체 및 스타일을 사용합니다. 웹 표준은 연방 정부 웹 사이트에서 일관된 웹 경험을 만드는 데 연방 조직에서 사용합니다.
미국 웹 디자인 표준 테마

확대하려면 클릭

recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da