터미널에 단조롭거나 혹은 촌스럽게 표시되는 색상에서 벗어나려고,

터미널 편집창을 열어 컬러값을 임의로 조정해보았습니다.

하지만, 헛짓이었습니다;


색상 하나하나를 그럴듯하게 골라놓아도,

색상 전체가 조화롭게 어우러지지 않더군요.


이런 색상 선택을 고민한 것은 저 하나가 아닐 것입니다.

컬러감 출중한 수많은 개발자들이 최적의 조합을 찾기 위해 무수히 노력하였습니다.


그리고 하나의 색상 조합으로 중지가 모아지고 있습니다.

그게 바로 solarized 파레트입니다.

색상이 아주 기가 막히네요. :)



solarized는 terminal과 gui 앱에 최적화된 색상을 찾아보자는 착상에서 시작하였습니다.

무수한 색상의 조합을 두고 고민하였죠.

그리고 그 결과로 16개의 색조합을 창출해내었습니다.

색조합에 대한 고민은 아래 사이트에서 엿볼 수 있습니다.

http://ethanschoonover.com/solarized


solarized 색조합을 우분투 터미널 환경에 적용해보기로 하겠습니다.

gnome-terminal, vim, ls 세 군데에 적용하면,

시스템 전체가 달라 보일 겁니다.


gnome-terminal, vim, ls 세 개는 개별적인 프로그램이기에 각각 컬러설정을 해야합니다.

gnome-terminal, vim, ls 순서로 설명하겠지만,

실제 설치 순서는 대세에 영향을 주지 않으므로 원하는 대로 설치하시면 됩니다.

참고로 vim을 컬러설정을 위해서는 반드시 gnome-terminal도 해주세요.


우선 gnome-terminal에 별도의 프로파일을 새로 만드는게 좋습니다.

만에 하나 색상이 맘에 들지 않을 경우 기존 프로파일로 돌아가야지요.

gnome-terminal이 활성화된 상태에서,

상단바 > 편집 > 프로파일 메뉴에 진입합니다.



위에서 "새로 만들기" 버튼을 눌러 새 프로파일 창을 띄웁니다.

프로파일 이름은 원하시는 것으로 적으세요.



여기서는 solarized라는 프로파일을 만들겠습니다.

기본 프로파일은 Default로 지정하시면 됩니다.

"만들기" 버튼을 눌러 프로파일을 생성하세요.



solarized 프로파일이 생성되었습니다.

하단에서 "새 터미널을 실행할 때 사용할 프로파일"을 solarized로 선택합니다.

앞으로 gnome-terminal을 띄울 때 solarized 프로파일에 설정한 컬러파레트를 사용할 겁니다.


gnome-terminal에 solarized 컬러 파레트를 적용하려면 gnome-terminal용 패키지를 설치해야합니다.

아래 주소에 들어가서 오른 편 Download ZIP 버튼을 눌러 압축파일을 받습니다.

https://github.com/Anthony25/gnome-terminal-colors-solarized



2015. 6. 15 기준으로 최신 패키지를 아래에 첨부합니다.

gnome-terminal-colors-solarized-master.zip

패키지를 받고 압축을 풀어보겠습니다.


$ unzip gnome-terminal-colors-solarized-master.zip 
Archive:  gnome-terminal-colors-solarized-master.zip
789f3a13210ccd98c12020f94f2a96ca3346a636
   creating: gnome-terminal-colors-solarized-master/
  inflating: gnome-terminal-colors-solarized-master/LICENSE.mkd 
  inflating: gnome-terminal-colors-solarized-master/README.mkd 
   creating: gnome-terminal-colors-solarized-master/colors/
   creating: gnome-terminal-colors-solarized-master/colors/dark/
  inflating: gnome-terminal-colors-solarized-master/colors/dark/README.md 
  inflating: gnome-terminal-colors-solarized-master/colors/dark/bd_color 
 extracting: gnome-terminal-colors-solarized-master/colors/dark/bg_color 
 extracting: gnome-terminal-colors-solarized-master/colors/dark/fg_color 
  inflating: gnome-terminal-colors-solarized-master/colors/dark/palette 
   creating: gnome-terminal-colors-solarized-master/colors/dark_alternative/
  inflating: gnome-terminal-colors-solarized-master/colors/dark_alternative/README.md 
  inflating: gnome-terminal-colors-solarized-master/colors/dark_alternative/bd_color 
 extracting: gnome-terminal-colors-solarized-master/colors/dark_alternative/bg_color 
 extracting: gnome-terminal-colors-solarized-master/colors/dark_alternative/fg_color 
  inflating: gnome-terminal-colors-solarized-master/colors/dark_alternative/palette 
   creating: gnome-terminal-colors-solarized-master/colors/light/
  inflating: gnome-terminal-colors-solarized-master/colors/light/README.md 
 extracting: gnome-terminal-colors-solarized-master/colors/light/bd_color 
 extracting: gnome-terminal-colors-solarized-master/colors/light/bg_color 
 extracting: gnome-terminal-colors-solarized-master/colors/light/fg_color 
  inflating: gnome-terminal-colors-solarized-master/colors/light/palette 
  inflating: gnome-terminal-colors-solarized-master/install.sh 
  inflating: gnome-terminal-colors-solarized-master/set_dark.sh 
  inflating: gnome-terminal-colors-solarized-master/set_light.sh 
   creating: gnome-terminal-colors-solarized-master/src/
  inflating: gnome-terminal-colors-solarized-master/src/dircolors.sh 
  inflating: gnome-terminal-colors-solarized-master/src/profiles.sh 
  inflating: gnome-terminal-colors-solarized-master/src/set_theme_default_profile.sh 
  inflating: gnome-terminal-colors-solarized-master/src/tools.sh


다양한 파일이 쏟아져 나오네요,

새로운 터미널창을 열고 install.sh를 실행해주세요.


$ ./install.sh 

This script will ask you which color scheme you want, and which Gnome Terminal profile to overwrite.

Please note that there is no uninstall option yet. If you do not wish to overwrite any of your profiles, you should create a new profile before you run this script. However, you can reset your colors to the Gnome default, by running:

    Gnome >= 3.8 dconf reset -f /org/gnome/terminal/legacy/profiles:/
    Gnome < 3.8 gconftool-2 --recursive-unset /apps/gnome-terminal

By default, it runs in the interactive mode, but it also can be run non-interactively, just feed it with the necessary options, see 'install.sh --help' for details.

Please select a color scheme:
1) dark
2) dark_alternative
3) light
#? 1

Please select a Gnome Terminal profile:
1) Default
2) solarized
#? 2

You have selected:

  Scheme:  dark
  Profile: solarized (Profile0)

Are you sure you want to overwrite the selected profile?
(YES to continue) YES
Confirmation received -- applying settings


solarized 설정과 관련된 세가지 질문이 나옵니다.

첫번째는 dark / dark_alternative / light 파레트 중 무엇을 선택하겠느냐는 질문입니다.

터미널 환경에서는 dark가 익숙하기에 여기서는 1번을 선택하였습니다.

두번째에는 파레트를 적용할 터미널 프로파일을 선택해야합니다.

좀 전에 만들어둔 solarized 프로파일을 선택합니다.

세 번째에는 solarized 프로파일에 파레트를 덮어쓰겠냐는 질문입니다.

YES를 입력합니다.

그러면 바로 새로 실행한 터미널에 새로운 컬러파레트가 적용된 것을 보실 수 있습니다.


일부러 색상이 적용되는 파일들을 검색하여 보았습니다.

기본 바탕색과 전경색이 편하게 보입니다.


이번에는 vim에 컬러를 적용해보도록 하겠습니다.

https://github.com/altercation/solarized

위의 사이트에 접속하여 오른편 Download ZIP 버튼을 눌러 vim용 패키지를 받습니다.




2015. 6. 15 기준으로 최신 패키지는 11메가가 넘네요.

vim에 필요한 부분만 압축하여 첨부합니다.

vim-colors-solarized.zip

사이트에서 제공하는 파일이나 첨부된 파일을 다운로드 받으신 후,

unzip 으로 압축을 풀어주세요.

그리고 아래 명령을 수행하면 vim에 대한 설정이 완료됩니다.


$ cd vim-colors-solarized/colors
$ mkdir -p ~/.vim/colors $ mv solarized.vim ~/.vim/colors/


~/.vimrc 파일에 위에서 설치한 solarized를 enable 시켜주세요.

만약 다른 colorscheme을 사용하고 있다면 다른 colorscheme은 주석처리하거나 지워주세요.


syntax enable
set background=dark
colorscheme solarized


이제 vim에도 solarized가 적용되었습니다.

만약 아직 gnome-terminal용 solarized를 적용하지 않았다면, vim에 solarized 파레트가 적용되지 않을 수 있습니다.

왜냐하면 ~/.vim/colors/solarized.vim 파일에는,

아래처럼 터미널에 설정된 파레트값을 참조하는 부분이 있기 때문입니다.


    let s:vmode       = "cterm"
let s:bright = "* term=bold cterm=bold"
let s:base03 = "DarkGray" " 0*
let s:base02 = "Black" " 0
let s:base01 = "LightGreen" " 2*
let s:base00 = "LightYellow" " 3*
let s:base0 = "LightBlue" " 4*
let s:base1 = "LightCyan" " 6*
let s:base2 = "LightGray" " 7
let s:base3 = "White" " 7*
let s:yellow = "DarkYellow" " 3
let s:orange = "LightRed" " 1*
let s:red = "DarkRed" " 1
let s:magenta = "DarkMagenta" " 5
let s:violet = "LightMagenta" " 5*
let s:blue = "DarkBlue" " 4
let s:cyan = "DarkCyan" " 6
let s:green = "DarkGreen" " 2


gnome-terminal과 vim에 solarized를 적용한 상태에서,

C코드를 열면 아래처럼 보이게 되지요.



이제 마지막으로 ls에도 solarized를 적용해보겠습니다.

아래 주소에 방문하여 오른편 Download ZIP 버튼을 누릅니다.



2015. 6. 15 기준으로 최신 패키지를 아래에 첨부합니다.

dircolors-solarized-master.zip

패키지를 받아 unzip으로 압축을 풀어주세요.


우분투 14.04 이후 버전에서는 그저 아래 명령어만 수행하면 됩니다.

$ cp dircolors-solarized-master/dircolors.256dark ~/.dircolors

그 외의 버전에서는,

$ cp dircolors-solarized-master/dircolors.256dark ~/.dircolors

위처럼 복사를 하신 후,

$ vi ~/.profile에 한 줄을 추가해주세요.

eval `dircolors ~/.dircolors`


그리고 ls를 사용하면 아래처럼 좀 더 컬러풀한 화면을 볼 수 있습니다.


설정된 컬러 파레트가 맘에 드셨으면 좋겠네요.

그럼 좋은 하루 보내세요~


끝_


* References

http://ethanschoonover.com/solarized

https://github.com/altercation/solarized

https://github.com/Anthony25/gnome-terminal-colors-solarized

https://github.com/seebi/dircolors-solarized

  1. thx 2015.06.27 19:35

    우왓 정말 감사합니다. ^^

  2. thx 2015.06.27 19:51

    엇 지금 계시는군요 ^^

    우연히 방문했지만 블로그 관리가 정말 잘되어 있네요. 정보도 많고요.

    지금 한창 눈팅하는 중입니다.

    이번 방학기간동안 알고리즘 공부도 하고, algospot 문제 풀면서 vim에 적응해나가야겠네요 ^^

    구경 잘하다가 갈께요 종종 들릴게요. 감사합니다

    • thx님, 감사합니다~!
      방학을 언급하신걸 보니, 학생이신가 보군요.
      7월이 다가오니 정말 방학이 그리워집니다.
      하는 공부마다 결실을 거두시길...
      종종 오세요~

입사할 무렵부터 vi를 본격적으로 사용하기 시작했습니다.

이제는 울트라에디트나 이클립스보다 vi가 편합니다.


검은 색의 투박한 화면도 익숙하고,

반응 속도도 월등히 빠르죠.

물론 에디터에 불과하기에 기능은 볼품없습니다.


그래도 검은 화면/흰 글씨를 선호하는 사람들이 있기에 vi는 생명령을 이어가고 있습니다.



vim 설정을 위해서는,

~/.vimrc 파일을 수정하면 됩니다.


각자의 쓰임에 따라 vimrc를 구성하면 되는데요,

간단하게 한글로 주석을 달았으니 필요한 부분은 가져가세요.


"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""
" General
"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""
" Sets how many lines of history VIM has to remember
" VIM에서 기억할 히스토리 라인수
set history=1000

" Set to auto read when a file is changed from the outside
" 현재 사용하고 있는 파일이 외부에서 수정된 경우 자동으로 읽기
set autoread

" Set to auto write on opening an other file.
" 다른 파일을 읽게 되는 경우 현재 파일을 자동으로 저장하기
" 현재 파일을 저장하지 않으면 ":e" 등으로 다른 파일을 열 수 없음.
set autowrite

" Use mouse or not
" 마우스로 클릭한 위치에 커서 놓기 " 마우스로 드래그한 영역은 비쥬얼 모드로 복사준비하기 " 단 마우스를 사용하면, 마우스 오른 버튼을 눌러 나오는 복사를 선택할 수 없음. " 마우스를 사용하지 않으려면, ":set mouse-=a"를 치기
set mouse=a

"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""
" VIM user interface
"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""
" Always show current position
" 오른편 하단에 현재 위치의 (행, 렬)을 표시
set ruler

" Highlight search results
" 검색결과에 하이라이트 표시하기
set hlsearch

" Makes search act like search in modern browsers
" 한글자 입력할때마다 매치되는 부분 표시하기
set incsearch

" Show matching brackets when text indicator is over them
" 현재 커서가 놓여진 괄호의 짝을 표시하기
set showmatch

" line number
" 라인넘버 표시하기
set number

"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""
" Colors and Fonts
"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""
" syntax highlight
" 언어 syntax에 하이라이트표시
syntax on

" color scheme
" 컬러스킴
colorscheme desert
set background=dark

" Set utf8 as standard encoding
" utf8을 표준 인코딩으로 사용하기
set encoding=utf8

"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""
" Text, tab and indent related
"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""
" auto indent's tab size
" 자동탭 사이즈를 4칸으로 하기
set shiftwidth=4

" 1 tab == 4 spaces
" 탭을 4칸으로 하기
set tabstop=4

" c style auto indent
" c언어 스타일로 indentation하기
set cindent

" #if has to be first on the line
" #if 문을 라인의 시작에 배치하기
set smartindent

"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""
" Coding
"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""
" fold functions by indent or syntax.
" open a folded function using 'zo'
" clase a function using 'zc'
" syntax에 따라 접어두기
" 접은 것을 열려면, zo를 누르기
" 연 것을 다시 접으려면, zc를 누르기
set foldmethod=indent " 최대 깊이는 1개로 고정 set foldnestmax=1


vimrc를 첨부하니 필요하면 다운로드하세요.

vimrc

다운로드 받은 파일은 ~/.vimrc 파일명으로 저장하시면 됩니다.


쓸만한 기능이 생기면 계속 추가하겠습니다.


끝_


+ Recent posts