Awesome
🎄 Gruvbox baby!
My variation of the gruvbox theme with full support for treesitter!
🤔 Why?
I wasn't comfortable with the gruvbox themes out there, either they didn't have good treesitter support or if they do, I didn't like their colors on python and javascript/typescript files.
📸 Pretty pictures
Font: Jetbrains Mono patched with nerd fonts
Terminal: wezterm https://github.com/wez/wezterm
🌙 Lua
🐍 Python
⚛️ React with typescript
🔍 Telescope
inspired by https://github.com/NvChad/NvChad (You have to enable it via config variable)
⚙️ Installation
Plug 'luisiacc/gruvbox-baby', {'branch': 'main'}
...
colorscheme gruvbox-baby
🪛 Configuration
❗️ configuration needs to be set BEFORE loading the color scheme with
colorscheme gruvbox-baby
Option | Default | Available options |
---|---|---|
background_color | medium | medium , dark |
transparent_mode | false | false , true - sets background colors to None |
comment_style | italic | see :h attr-list |
keyword_style | italic | see :h attr-list |
string_style | nocombine | see :h attr-list |
function_style | bold | see :h attr-list |
variable_style | NONE | see :h attr-list |
highlights | {} | override highlights with your custom highlights |
color_overrides | {} | override color palette with your custom colors |
use_original_palette | false | use the original gruvbox palette |
-- Example config in Lua
vim.g.gruvbox_baby_function_style = "NONE"
vim.g.gruvbox_baby_keyword_style = "italic"
-- Each highlight group must follow the structure:
-- ColorGroup = {fg = "foreground color", bg = "background_color", style = "some_style(:h attr-list)"}
-- See also :h highlight-guifg
-- Example:
vim.g.gruvbox_baby_highlights = {Normal = {fg = "#123123", bg = "NONE", style="underline"}}
-- Enable telescope theme
vim.g.gruvbox_baby_telescope_theme = 1
-- Enable transparent mode
vim.g.gruvbox_baby_transparent_mode = 1
-- Load the colorscheme
vim.cmd[[colorscheme gruvbox-baby]]
If you enable the telescope theme, I recommend using it with this borderchars config:
telescope.setup({
defaults = {
...
borderchars = {
prompt = { "─", " ", " ", " ", "─", "─", " ", " " },
results = { " " },
preview = { " " },
},
}
})
" Example config in VimScript
let g:gruvbox_baby_function_style = "NONE"
let g:gruvbox_baby_keyword_style = "italic"
" Enable telescope theme
let g:gruvbox_baby_telescope_theme = 1
" Enable transparent mode
let g:gruvbox_baby_transparent_mode = 1
" Load the colorscheme
colorscheme gruvbox-baby
If you want access to the palette you have to do this:
local colors = require("gruvbox-baby.colors").config()
vim.g.gruvbox_baby_highlights = {Normal = {fg = colors.orange}}
🔌 Plugin support
- https://github.com/mhinz/vim-startify
- https://github.com/nvim-treesitter/nvim-treesitter
- https://github.com/kyazdani42/nvim-tree.lua
- https://github.com/phaazon/hop.nvim
- https://github.com/lukas-reineke/indent-blankline.nvim
- https://github.com/hrsh7th/nvim-cmp
- https://github.com/nvim-telescope/telescope.nvim
- https://github.com/nvim-lualine/lualine.nvim
- https://github.com/kkharji/lspsaga.nvim
enable Lualine
To enable gruvbox-baby
theme for Lualine
, simply specify it in your lualine settings:
require('lualine').setup {
options = {
-- ... your lualine config,
theme = "gruvbox-baby",
-- ... your lualine config,
}
}
🌈 Palette
<details> <summary><h3>📋 Colors</h3></summary>
Color | Code | Name |
---|---|---|
<img src="https://www.colorhexa.com/ebdbb2.png" width="32" height="32"> | #ebdbb2 | foreground |
<img src="https://www.colorhexa.com/dedede.png" width="32" height="32"> | #dedede | gray |
<img src="https://www.colorhexa.com/504945.png" width="32" height="32"> | #504945 | medium_gray |
<img src="https://www.colorhexa.com/665c54.png" width="32" height="32"> | #665c54 | comment |
<img src="https://www.colorhexa.com/e7d7ad.png" width="32" height="32"> | #e7d7ad | milk |
<img src="https://www.colorhexa.com/cc241d.png" width="32" height="32"> | #cc241d | error_red |
<img src="https://www.colorhexa.com/fb4934.png" width="32" height="32"> | #fb4934 | red |
<img src="https://www.colorhexa.com/d65d0e.png" width="32" height="32"> | #d65d0e | orange |
<img src="https://www.colorhexa.com/fabd2f.png" width="32" height="32"> | #fabd2f | bright_yellow |
<img src="https://www.colorhexa.com/eebd35.png" width="32" height="32"> | #eebd35 | soft_yellow |
<img src="https://www.colorhexa.com/d4879c.png" width="32" height="32"> | #d4879c | pink |
<img src="https://www.colorhexa.com/b16286.png" width="32" height="32"> | #b16286 | magenta |
<img src="https://www.colorhexa.com/98971a.png" width="32" height="32"> | #98971a | soft_green |
<img src="https://www.colorhexa.com/689d6a.png" width="32" height="32"> | #689d6a | forest_green |
<img src="https://www.colorhexa.com/8ec07c.png" width="32" height="32"> | #8ec07c | clean_green |
<img src="https://www.colorhexa.com/458588.png" width="32" height="32"> | #458588 | blue_gray |
<img src="https://www.colorhexa.com/83a598.png" width="32" height="32"> | #83a598 | dark_gray |
<img src="https://www.colorhexa.com/7fa2ac.png" width="32" height="32"> | #7fa2ac | light_blue |
Color | Code | Name |
---|---|---|
<img src="https://www.colorhexa.com/0d0e0f.png" width="32" height="32"> | #0d0e0f | dark0 |
<img src="https://www.colorhexa.com/202020.png" width="32" height="32"> | #202020 | dark |
<img src="https://www.colorhexa.com/242424.png" width="32" height="32"> | #242424 | background_dark |
<img src="https://www.colorhexa.com/282828.png" width="32" height="32"> | #282828 | background |
<img src="https://www.colorhexa.com/32302f.png" width="32" height="32"> | #32302f | background_light |
Color | Code | Name |
---|---|---|
<img src="https://www.colorhexa.com/0d0e0f.png" width="32" height="32"> | #0d0e0f | dark0 |
<img src="https://www.colorhexa.com/0d0e0f.png" width="32" height="32"> | #0d0e0f | dark |
<img src="https://www.colorhexa.com/171a1a.png" width="32" height="32"> | #171a1a | background_dark |
<img src="https://www.colorhexa.com/1d2021.png" width="32" height="32"> | #1d2021 | background |
<img src="https://www.colorhexa.com/32302f.png" width="32" height="32"> | #32302f | background_light |
Color | Code | Name |
---|---|---|
<img src="https://www.colorhexa.com/0d0e0f.png" width="32" height="32"> | #0d0e0f | dark0 |
<img src="https://www.colorhexa.com/202020.png" width="32" height="32"> | #202020 | dark |
<img src="https://www.colorhexa.com/282626.png" width="32" height="32"> | #282626 | background_dark |
<img src="https://www.colorhexa.com/32302f.png" width="32" height="32"> | #32302f | background |
<img src="https://www.colorhexa.com/3c3a39.png" width="32" height="32"> | #3c3a39 | background_light |
Color | Code | Name |
---|---|---|
<img src="https://www.colorhexa.com/0d0e0f.png" width="32" height="32"> | #0d0e0f | dark0 |
<img src="https://www.colorhexa.com/202020.png" width="32" height="32"> | #202020 | dark |
<img src="https://www.colorhexa.com/32302f.png" width="32" height="32"> | #32302f | background_dark |
<img src="https://www.colorhexa.com/32302f.png" width="32" height="32"> | #32302f | background |
<img src="https://www.colorhexa.com/3c3a39.png" width="32" height="32"> | #3c3a39 | background_light |
👽 Extras
- iTerm2 color theme found on extras
- tmux color themes found on extras
- bash/zsh color themes found on extras
- Windows Terminal color themes found on extras
- fzf color theme found on extras
- XCode Colorscheme color theme found on adityadaniel/gruvbox-baby-xcode
add to Windows Terminal
To add the gruvbox-baby themes to Windows Terminal run,
extras/windows_terminal/add_themes_to_windows_terminal.py $PATH_TO_WINDOWS_TERMINAL_SETTINGS_JSON
# Windows Terminal settings.json can be found at
# %LOCALAPPDATA%/Packages/Microsoft.WindowsTerminal_8wekyb3d8bbwe/LocalState/settings.json
use with fzf
To use the fzf theme append the variable/string to your FZF_DEFAULT_OPTS variable
export FZF_DEFAULT_OPTS="${FZF_DEFAULT_OPTS} ${FZF_THEME}"
#To use the fzf theme the environment variables used have to be defined.
#You can use the tmux or bash file to export them to your environment
👆 Acknowledgments
- Shutout to @ThePrimeagen for the inspiration for the plugin name, Gruvbox baby!
- I based my structure on https://github.com/folke/tokyonight.nvim (and also copied some of it)
- The all father 👴 https://github.com/morhetz/gruvbox
Other themes I've made
The Matrix - https://github.com/luisiacc/the-matrix.nvim