테마

루트 수준에서 theme 사전을 설정하면 UI에 통일된 스타일을 적용할 수 있습니다. 모든 컴포넌트와 하위 페이지는 루트 수준 테마 사전의 모든 필드를 상속합니다.

팁

컴포넌트에 스타일을 개별적으로 설정하려면 각 컴포넌트 사전에서 theme 사전을 설정하십시오. 컴포넌트의 theme 필드는 루트 수준의 theme을 덮어써서 테마를 병합합니다. 컴포넌트마다 고유한 테마 속성을 가질 수 있으며, 자세한 내용은 각 컴포넌트의 테마 키 표를 참조하십시오.

컴포넌트가 XUI가 아닌 하위 페이지(예: Option/MultipleOption/OrderedOption/EditableList)로 연결되면 하위 페이지는 해당 컴포넌트의 theme 사전을 사용합니다. 컴포넌트가 다른 XUI 하위 페이지(예: Link)로 연결되면 하위 페이지에서 theme 사전을 별도로 설정할 수 있으며, 상위 페이지의 테마와 병합됩니다.

UI

키	형식	설명
style	스타일	UI 스타일
tintColor	색상	전경색
backgroundColor	색상	배경색
separatorColor	색상	컴포넌트 구분선 색상
backgroundImage	문자열	배경 이미지 상대 경로

탐색 막대

키	형식	설명
navigationBarColor	색상	탐색 막대 배경색
navigationTitleColor	색상	탐색 막대 제목 색상

머리글 및 바닥글

키	형식	설명
headerTextColor	색상	header 텍스트 색상
subheaderTextColor	색상	subheader 텍스트 색상
footerTextColor	색상	바닥글 텍스트 색상
headerBackgroundColor	색상	header 배경색
footerBackgroundColor	색상	바닥글 배경색

공통 컴포넌트

키	형식	설명
cellBackgroundColor	색상	컴포넌트 배경색
disclosureIndicatorColor	색상	컴포넌트 표시기 색상
selectedColor	색상	선택 색상
highlightedColor	색상	강조 색상
labelColor	색상	제목 텍스트 색상
valueColor	색상	값 텍스트 색상

상태

키	형식	설명
dangerColor	색상	오류 색상
warningColor	색상	경고 색상
successColor	색상	성공 색상

스타일

style	설명
Grouped	그룹 스타일(기본값)
Plain	플랫 스타일

색상 형식은 #으로 시작하는 십육진수 RGB/RGBA 문자열입니다. 예를 들어 #FF0000은 빨간색을 나타냅니다.