jQuery Mobile(PhoneGap) [jQuery Mobile] 테마 (Theme)

테마란?

시각적인 효과를 간편하게 교체할 수 있는 시스템으로 테마는 global 설정과 Swatch로 이루어져 있는데 각각의 역활은 아래와 같다.

• global : 폰트, 라운드 커브,  박스 그림자와 같은 설정들로 swatch와는 무관하게 적용되는 효과들
• swatch : 하나의 테마에는 26개의 swatch가 있을 수 있는데, 각 swatch 별로 컴포넌트에 대한 서로 다른 색상 값들을 가지고 있어서 swatch를 교체하는 것만으로도 전혀 다른 느낌의 디자인을 얻을 수 있다.

아래 그림은 테마별 global, swatch의 관계에 대한 내용을 담고 있다.

ThemeRoller

테마롤러란 사용자가 쉽게 자신만의 테마를 만들수 있도록 해주는 온라인 기반의 도구다. 아래 링크를 통해서 다운 받을 수 있다.