[Hybrid App] Custom 테마 만들기

JQuery Mobile 은 다양한 기능을 지원합니다.

 

그중에 자신이 원하는 테마를 만들어서 앱에 적용시킬 수 있습니다.

 

https://themeroller.jquerymobile.com/

 

접속하여 원하는 색상을 선택합니다.

 

위 색을 드래그 엔 드롭하여 넣어줍니다.

 

 

 

원하는 색상을 꾸미고 우측 상단에 theme zip file을 클릭합니다.

 

 

 

이름을 설정해주고 저장해줍니다. 아 그리고 주황색 밑줄 추가해주셔야합니다.

 

또한 link rel 3번째 줄 주황줄 아래 structure를 유의 해주세요.

 

 

적용 되었습니다.

 

<link rel="stylesheet" href="themes/customtheme.min.css" />
 <link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile.structure-1.4.5.min.css" />

세줄 추가 이후

 

header에 data-theme="a"를 설정해 주시면 됩니다.

 

 

감사합니다.