데브허브 | DEVHUB | Make your own Theme in Neovim & VSCode TutorialMake your own Theme in Neovim & VSCode Tutorial
- Neovim 테마는
lua/테마이름/init.lua 파일에 색상 정의 및 하이라이트 그룹 설정을 통해 생성됩니다. 📁
- 색상 팔레트는
colors.co 같은 웹사이트나 ChatGPT에 이미지를 업로드하여 추출할 수 있습니다. 🎨
- Neovim 테마는
vim.api.nvim_set_hl 함수를 사용하여 Normal, Visual, CursorLine 등 다양한 UI 요소의 전경/배경색을 지정합니다. 💡
- 테마 적용 전
highlight clear 및 syntax reset 명령으로 기존 하이라이트를 초기화하여 깨끗한 상태에서 시작합니다. ✨
vim.o.background = "dark"로 테마의 배경 유형을 지정하고, vim.g.colors_name으로 테마 이름을 설정합니다. 🌙
- Neovim 테마는
require("테마이름").init() 호출을 통해 활성화되며, 다양한 플러그인(Trouble, NeoTree)에서도 일관된 스타일을 유지할 수 있습니다. 🧩
- VS Code 테마는
yo 및 generator-code 패키지를 사용하여 JSON 형식의 테마 파일을 생성합니다. 💻
- VS Code 테마는 생성된 JSON 파일 내에서
editor.background, variables.foreground 등 스코프와 설정을 직접 편집하여 사용자 정의합니다. ✍️
- VS Code 테마를 영구적으로 설치하려면
vsce package로 .vsix 파일을 생성한 후 code --install-extension 명령으로 설치해야 합니다. 📦
- Brilliant는 코딩 개념을 실습 위주로 학습할 수 있는 스폰서 앱으로, Python, AI, 데이터 분석 등 다양한 과정을 제공합니다. 🧠
- 사용자 정의 테마를 만드는 과정은 재미있으며, Neovim과 VS Code 모두에서 자신만의 개성을 표현할 수 있습니다. 🎉