Vim 색상 이해 향상

7288 단어 lightcolorvim
저는 프로그래머입니다.Vim에 대한 간단한 요구가 있습니다. Vim이 필요합니다. 이것은 매우 예뻐 보일 것입니다.여러 해 동안, 나는 기본 플러그인만 사용해 왔는데, 주로 둘러싸고 돋보이는 것들만 사용했다.그중 하나는 내가 서버에서 일했기 때문에 나는 휴대하지 않았다.vimrc.또 다른 요소는 Lua/Javascript로 많은 것을 썼기 때문에 자동적으로 내가 얻을 수 있는 것이 많지 않다는 것이다.
최근에 나는 Typescript 코드 라이브러리를 만들고 있는데, 한 동료가 나와 함께 코드를 보고 있는데, 우리는 대상의 유형을 검사하고 싶다.만약 약간의 tsserver가 우리에게 알려주지 않았다면 그다지 좋지 않았을 것이다.그래서 나는 Vim이 배치한 토끼굴에 다시 들어가기로 했다.
TS 구성을 살펴보고 링크를 주로 공유한 다음 중점을 두겠습니다.
TL 있음DR은 마지막에 가장 기본적인 요점을 얻었다.

신은 광명이 좋은 것을 보고 광명과 어둠을 갈라놓으셨다


나는 작업 중에 맥Yabai을 평평한 창 관리자Kitty로 하고 bash를 셸로 한다.
나는 자주 터미널을 파일 브라우저로 사용해서 스크립트와 텍스트 편집을 실행한다.나는 조명 테마를 사용했다. 나는 이미 나의 형광등 스크린을 3년 넘게 쳐다보았다.
나는 키티를 위해 주제를 골랐는데,
background            #fdf6e3
foreground            #52676f
cursor                #52676f
selection_background  #e9e2cb
color0 #e4e4e4
color8 #ffffd7
color1 #d70000
color9 #d75f00
color2 #5f8700
color10 #585858
color3 #af8700
color11 #626262
color4 #0087ff
color12 #808080
color5 #af005f
color13 #5f5faf
color6 #00afaf
color14 #8a8a8a
color7 #262626
color15 #1c1c1c
selection_foreground #fcf4dc
이것은 나에게 아무런 의미가 없지만, 나는 내가 본 것을 좋아한다.어떤 텍스트는 흰색이고, 보통 테스트를 실행할 때이지만, 나는 텍스트를 선택하고 그 텍스트가 말하는 내용을 읽을 뿐이다.
TS를 구성할 때 따랐습니다this guide.자동 업그레이드와 자동 완성을 포함하여 tsserver에 NVimcoc-tssever을 설치해야 합니다. 그리고 맵을 추가했습니다.
nmap <silent> gy <Plug>(coc-type-definition)
nmap <silent> gs :call CocAction("doHover")<CR>
autocmd FileType typescript,javascript,typescriptreact,javascript.jsx nnoremap <buffer> <leader>t :call CocAction("doHover")<CR>
특히 gs지도는 커서가 있는 대상의 유형을 표시하는 작은 정지 창을 보여 줍니다.이것은 그것의 모양이다.

내가 읽고 싶은 텍스트를 읽을 수 없는 작은 문제가 하나 있다.
나는 주제를 다른 것으로 바꾸었다. 괜찮아. 그러나 다른 것은 고장났다.CursorColumn과 CursorLine (줄과 열의 높이) 을 원하지만, 모두 흰색입니다.
여기서 저는 Vim의 하이라이트와 색깔 주제에 대한 내용을 많이 읽기 시작했습니다. 저는 최대한 많은 정보를 전달하지만 짧게 하겠습니다.

위대한 모험을 떠나다


Ayu light 테마를 사용했습니다. 이 프로젝트에 이런 그림이 있습니다.

그것은 이 도구로 생성된 것이다
#   Copied from http://tldp.org/HOWTO/Bash-Prompt-HOWTO/x329.html
T='gYw'   # The test text

printf "\n         def     40m     41m     42m     43m     44m     45m     46m     47m\n";

for FGs in '    m' '   1m' '  30m' '1;30m' '  31m' '1;31m' '  32m' \
           '1;32m' '  33m' '1;33m' '  34m' '1;34m' '  35m' '1;35m' \
           '  36m' '1;36m' '  37m' '1;37m' '  38m' '1;38m';

  do FG=${FGs// /}
  printf " $FGs \033[$FG  $T  "

  for BG in 40m 41m 42m 43m 44m 45m 46m 47m 48m;
    do printf "$EINS \033[$FG\033[$BG  $T  \033[0m";
  done
  echo;
done
echo
기본적으로 8가지 기본 색상에 따라 텍스트 색상과 배경이 표시됩니다.열과 줄 코드는 일부 코드Ansi codes이기 때문에 bash 맞춤형에서 사용할 수 있습니다.)
이 주제를 이용하여 나는 이 캐릭터를 더욱 가독성을 가지게 하고,

하지만cursorline과cursorcolumn이 잘 일할 수 있기를 바랍니다.

X는 이 점을 상징한다


이게 지금 모습인데,

열은 흰색이고 행은 밑줄일 뿐입니다.
테마 그림에서 기본값은 회색이고, 마지막 열은 흰색입니다.
나는 8이 내가 여기에서 이미 본 숫자라는 것을 기억한다. 사실 그것은 주제 설정의 대수이다.
Kitty configurations에 따르면 배색 방안은 쌍을 이루고 한 가지 색깔은 짙은 색, 한 가지 색깔은 옅은 색, 마지막 쌍은 흰색, 짙은 흰색과 옅은 흰색이다.
그래서 저는 결론을 내렸고 디자이너가'짙은 흰색'(회색)을 흰색으로 설정하고 #fffff를'연한 흰색'(보통 흰색)과 같은 주제로 설정하기로 했습니다.
그래서 색상 7을 #D3로 바꿨어요. 지금 보기 좋아요.

선로 문제에 관하여.나는 hereVim에서 특정한 사물의 특정한 색깔을 바꾸는 것에 관한 글을 읽은 적이 있다.:hi를 클릭하여 모든 강조 표시 규칙의 양식을 확인합니다.

CursorColumn  ctermbg=7 guibg=Grey90
CursorLine    cterm=underline guibg=Grey90
그림에는 그것의 외관도 표시되어 있다.그래서 Cursor Column에는 두 개의 값이 있는데, ctermbg와guibg이다.다른 값으로 테스트해 보니 읽기this thread는 이 점을 알게 되었다.
  • guibg 터미널이 아니라 맥비엠이나 g비엠이 실행 중인 상태일 수 있습니다.
  • 와 유사gui 구성이 있을 수 있음cterm
  • ctermbg의 숫자는 신기한 숫자가 아니라 테마 파일의 색깔의 숫자, 즉 color7 정의
  • cterm는 가능한 color terminal로 256색 단말기를 지원하고 term는 더욱 간단한 단말기에 적용된다.
  • 그래서 그것을 더욱 잘 사용하기 위해 나는 나의 주제에 두 가지 색을 추가했다
    color16               #aaedbc
    color24               #a4e8b6
    
    나는 그것이 연록회색이고 16은 짙은 색이며 24는 연한 색이라고 생각한다.
    그리고 내 nvim/init.vim 파일에 추가하고 (아까 말했던vimrc가 그립다)
    hi CursorLine cterm=bold ctermbg=16 guibg=DarkGrey
    
    지금 보니까 이렇게.

    TL;박사 01 명


    기본적으로
  • 주제는 기본적으로 환경을 설정했다.색상 정의 변수 color1-16
  • 설정
  • 이들은 쌍으로 나타나는데 0+8, 1+9 등이다. 낮은 것은 짙은 색 변체이고 비교적 높은 것은 연한 색 변체이다. 예를 들어 색깔 0+8은 검은색이고 1+9는 빨간색이며 2+10은 녹색이다.Further reading
  • 위에서 제시한 스크립트를 실행하여basic8에 모든 색 설정을 포함하는 표를 만들고 모든 내용을 읽을 수 있고 의미가 있는지 확인할 수 있습니다.
  • Vim은 HD
  • 에서 이러한 색상을 사용합니다.
  • 실행:hi 정의를 보려면 변경할 설정을 찾아야 합니다. 예를 들어CursorLine for me
  • ctermbg 설정된 색상 끝의 배경을 설정합니다. 이 값은 환경에 맞는 색상 수입니다.변수, 즉 7로 설정하면 변수color7가 사용됩니다.
  • 좋은 웹페이지 즐겨찾기