[서브라임텍스트(SubLimeText)/패키지] Material Theme 설치후 설정

이걸 포스팅 했을 때 작성해야 하는건데 늦게 작성하게 되네요.

일단

http://recoveryman.tistory.com/298

이 주소에 있는데로 설치하고 Material Theme 를 적용시킨 상태라면 간단한 셋팅을 통해 조금 더 정렬된 Material Theme 의 UI를 경험하실 수 있습니다.

처음에 설치하면 이러한 상태일 꺼예요.

좌측의 파일, 폴더 트리도 사이 간격이 굉장히 넓습니다.

그래서 조금 더 옵션을 조정해 보고자 합니다.

상단 메뉴의 Preferences -> Package Settings -> Material Theme -> Configuration 순으로 접근하면 옵션창이 뜹니다.

이렇게 에디터의 어디에선가 이런 조그만 창이 뜰꺼에요. 

// Accent
"material_theme_accent_acid-lime"         : true , // Set acid-lime accent color
"material_theme_accent_blue"              : true , // Set blue accent color
"material_theme_accent_brba"              : true , // Set Breaking Bad green accent color
"material_theme_accent_bright-teal"       : true , // Set bright-teal accent color
"material_theme_accent_cyan"              : true , // Set cyan accent color
"material_theme_accent_graphite"          : true , // Set graphite accent color
"material_theme_accent_indigo"            : true , // Set indigo accent color
"material_theme_accent_lime"              : true , // Set lime green accent color
"material_theme_accent_orange"            : true , // Set orange accent color
"material_theme_accent_pink"              : true , // Set pink accent color
"material_theme_accent_purple"            : true , // Set purple accent color
"material_theme_accent_red"               : true , // Set pale red accent color
"material_theme_accent_sky"               : true , // Set bright-cyan accent color
"material_theme_accent_tomato"            : true , // Set tomato red accent color
"material_theme_accent_yellow"            : true , // Set yellow accent color

// Panels
"material_theme_accent_scrollbars"        : true , // Enable accent color for scrollbars
"material_theme_bright_scrollbars"        : true , // Bright scrollbars puck color
"material_theme_compact_panel"            : true , // Set minimal padding for the search panel
"material_theme_contrast_mode"            : true , // Enable sidebar and panels contrast mode
"material_theme_panel_separator"          : true , // Show bottom panel separator
"material_theme_small_statusbar"          : true , // Set small status bar

// Sidebar
"material_theme_arrow_folders"            : true , // Replace folder icons with arrows
"material_theme_big_fileicons"            : true , // Show bigger file type icons
"material_theme_bullet_tree_indicator"    : true , // Set a bullet as active tree indicator
"material_theme_compact_sidebar"          : true , // Set compact side bar
"material_theme_disable_fileicons"        : true , // Hide sidebar file type icons
"material_theme_disable_folder_animation" : true , // Disable folder animation
"material_theme_disable_tree_indicator"   : true , // Disable sidebar file indicator

// Tabs
"material_theme_bold_tab"                 : true , // Make the tab labels bolder
"material_theme_small_tab"                : true , // Set small tabs
"material_theme_tabs_autowidth"           : true , // Enable autowidth for tabs
"material_theme_tabs_separator"           : true , // Show tabs separator, this disables tab hover animation

// If you use Material Theme - Appbar addon you can use additional settings: 

"material_theme_tree_headings" : true , // Show sidebar headings

이런 옵션들을 제공하고 있습니다.

물론 이런걸 보면 저것들이 뭔 기능을 하고 어디다가 저걸 입력해야 하지 고민이 있을 수 있겠지만...

저 옵션들은 전부 바로 위의 스샷에서 클릭으로 적용 및 해제를 할 수 있습니다.

또, 클릭하는 즉시 에디터에 바로 반영이 되기 때문에 가시적으로 뭐가 자신에게 맞는 스타일인지 바로바로 판단할 수 있습니다.

저의 경우엔 옵션을 다음과 같이 줬습니다.

// Accent

다음의 옵션들을 지원하는 듯(?) 합니다. 강조의 의미를 가지고 있습니다.

- 좌측 파일 및 폴더 리스트의 폴더, 폴더이름의 색

- 현재 열려져 있는 파일의 이름의 색

- 상단 탭의 현재 무슨파일을 편집하고 있는지 구분하는 라인의 색

- 상단 탭의 편집중, 닫기 등의 상태를 표시하는 아이콘의 색

// Color Scheme

편집하는 에디터 내의 스타일을 바꿔줍니다. 기본적으로 검은색, 흰색, 보라색, Material 기본색 등이 있습니다.

이후 패키지 설치등을 통해 다양하게 꾸밀 수 있는듯 합니다.

// Panels

여기선 에디터 내의 조작 틀 등의 스타일을 바꿔주는것 같습니다.

일단 제가 체크한 옵션들은 다음의 스타일을 바꿔줍니다. (초록색으로 3개 체크되어 있는게 제가 클릭한 옵션입니다.)

- 에디터의 스크롤바 강조

- 비슷한 색상이 있을 경우 색상 대비

- 에디터 하단의 상태 바를 얇게

(* 3번째에 체크해 주시면 파일 만들때 신규 생성 파일 이름이 흰색으로 처리되어 잘 보입니다. *)

// Sidebar

이 옵션을 옵션 제목대로 좌측의 사이드바에 대한 스타일을 바꿔줍니다.

아이콘을 화살표로 표시하거나, 아이콘을 업애버리거나, 아이콘을 크게 보이게 한다거나, 리스트 항목의 행간을 좁히는 등의 옵션을 가지고 있습니다.

제가 여기서 체크한 옵션을 좌측 리스트의 행간을 좁히는것만 체크했습니다.

// Tabs

이건 상단의 탭에 대한 스타일을 바꿔줍니다.

제가 체크한 옵션으로는

- 현재 작업중인 문서의 이름을 굵게 처리

- 탭의 높이값을 조금 얇게

- 탭의 이름의 너비를 자동으로 조정

맨 아래 옵션은 잘 모르겠네요. 분리..? 의 뜻인듯 한데 가시적으로 느껴지지 않네요.

// Theme

테마입니다. 에디터 뼈대의 컬러를 바꿉니다.

저는 그냥 기본으로 설정되어 있는게 맘에 드네요.

이게 material theme 의 옵션입니다.

입맛대로 꾸며서 사용해 보세요~