# 테마
## Content
스타일을 생성하여 셀, 행, 열 또는 시트에 할당할 수 있으며, SpreadJS 컨트롤에 테마를 설정할 수도 있습니다. 현재 테마, Excel 테마, Bootstrap 테마를 설정하거나 ThemeRoller를 사용하여 사용자 정의 jQuery 테마를 생성할 수 있습니다.
## **기본 SpreadJS 테마**
기본 SpreadJS 테마를 사용할 수 있으며, 이를 위해서는 `` 섹션에 스타일 링크를 추가해야 합니다. 예를 들어:
``
## **Excel 테마**
SpreadJS에서 Excel 테마 또는 스타일을 사용할 수 있으며, 이 역시 `` 섹션에 스타일 링크를 추가해야 합니다. 예:
``
다음 테마를 사용할 수 있습니다.:
| **이름** | **CSS 파일** | 스냅샷 |
| --- | ------ | --- |
| Excel 2013 White | gc.spread.sheets.excel2013white.x.x.x.css |  |
| Excel 2013 Light Gray | gc.spread.sheets.excel2013lightGray.x.x.x.css |  |
| Excel 2013 Dark Gray | gc.spread.sheets.excel2013darkGray.x.x.x.css |  |
| Excel 2016 Colorful | gc.spread.sheets.excel2016colorful.x.x.x.css |  |
| Excel 2016 Dark Gray | gc.spread.sheets.excel2016darkGray.x.x.x.css |  |
| Excel 2016 Black | gc.spread.sheets.excel2016black.x.x.x.css |  |
Excel 테마를 다른 테마(예: Bootstrap 테마)와 함께 사용할 수도 있습니다. 예:
``
``
``
테마를 변경한 경우에는 [refresh](/spreadjs/api/v19/classes/GC.Spread.Sheets.Workbook#refresh) 메서드를 사용해야 합니다.
## **Bootstrap 테마**
SpreadJS에서 Bootstrap 테마를 사용할 수 있습니다. 이를 위해서는 SpreadJS 스타일 링크 다음에 `` 섹션에 Bootstrap 스타일 링크를 추가해야 합니다. 예를 들어, 프로젝트의 `css` 폴더에 `bootstrap.css`와 `bootstrap-theme.css`가 있는 경우, 다음과 같이 추가할 수 있습니다:
``
``
``
테마를 구성하거나 ThemeRoller를 사용하여 사용자 정의 테마를 생성하려면 다음 주제를 참조하세요:
* [문서 테마](/spreadjs/docs/v19/features/styletheme/themes)
* [ThemeRoller로 만든 사용자 정의 테마](/spreadjs/docs/v19/features/styletheme/themeroller)