티스토리 뷰
Framework7, 테마 지정하기
Framework7은 미리 제공되는 테마를 이용하여 화면의 분위기를 입맛에 맞게 꾸밀 수 있다. CSS를 직접 건드리는 것보다 관리 측면에서 직관적이기도 하다.
사전지식
레이아웃 테마
레이아웃 테마는 가장 상위 개념의 테마이다. 전체적인 페이지의 분위기를 결정한다. white, dark 2개가 제공된다.
<!-- 전체 페이지에 White 레이아웃 테마를 적용 -->
<body class="layout-whire">
<!-- 전체 페이지에 Dark 레이아웃 테마를 적용, 모바일에서 배터리를 아낄 수 있어 개인적으로 추천 -->
<body class="layout-dark">
테마
레이아웃 테마 지정 후에 요소 단위로 상세 테마 지정이 가능하다. red, pink, purple, deeppurple, indigo, blue, lightblue, cyan, teal, green, lightgreen, lime, yellow, amber, orange, deeporange, brown, gray, bluegray, white, black 21개가 제공된다.
<!-- 네브바에 Light Blue 테마를 적용 -->
<div class="navbar theme-lightblue">
<!-- 링크 글자에 White 테마를 적용 -->
<a class="color-white">
참고 글
댓글
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 로드 바이크
- 알뜰폰
- Kendo UI
- 구동계
- 로드바이크
- MySQL
- JavaScript
- kotlin
- Eclipse
- maven
- java
- Kendo UI Web Grid
- jstl
- bootstrap
- DynamoDB
- 태그를 입력해 주세요.
- Docker
- 평속
- Spring Boot
- graylog
- spring
- CentOS
- node.js
- Spring MVC 3
- 자전거
- jpa
- Tomcat
- JHipster
- jsp
- chrome
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 |
글 보관함