Convert Figma logo to code with AI

sainnhe logogruvbox-material

Gruvbox with Material Palette

1,866
165
1,866
8

Top Related Projects

Lua port of the most famous vim colorscheme

Quick Overview

Gruvbox Material is a modified version of the original Gruvbox color scheme, designed for Vim and Neovim. It aims to provide a softer contrast and warmer colors while maintaining the earthy feel of the original Gruvbox theme. The project offers various options for customization and supports multiple plugins and file types.

Pros

  • Improved readability with softer contrast compared to the original Gruvbox
  • Extensive support for various plugins and file types
  • Multiple variants available (soft, medium, hard contrast)
  • Highly customizable with many configuration options

Cons

  • May require some setup and configuration to achieve desired look
  • Not as widely adopted as the original Gruvbox theme
  • Limited to Vim and Neovim environments
  • Some users may prefer the higher contrast of the original Gruvbox

Getting Started

To use Gruvbox Material in Vim or Neovim, follow these steps:

  1. Install the color scheme using your preferred plugin manager. For example, with vim-plug:
Plug 'sainnhe/gruvbox-material'
  1. Add the following lines to your .vimrc or init.vim:
set background=dark
let g:gruvbox_material_background = 'medium'
let g:gruvbox_material_better_performance = 1
colorscheme gruvbox-material
  1. Restart Vim or Neovim, or source your configuration file.

For more advanced configuration options and customization, refer to the project's README on GitHub.

Competitor Comparisons

Lua port of the most famous vim colorscheme

Pros of gruvbox.nvim

  • Written in Lua, which can lead to better performance in Neovim
  • Offers more customization options, including the ability to change specific colors
  • Includes support for various plugins out of the box

Cons of gruvbox.nvim

  • May have less stability compared to the more established Gruvbox Material
  • Potentially requires more configuration to achieve desired results
  • Limited to Neovim, while Gruvbox Material supports both Vim and Neovim

Code Comparison

Gruvbox Material:

let g:gruvbox_material_background = 'medium'
let g:gruvbox_material_better_performance = 1
colorscheme gruvbox-material

gruvbox.nvim:

require("gruvbox").setup({
    contrast = "medium",
    palette_overrides = {
        bright_red = "#ff0000",
    }
})
vim.cmd("colorscheme gruvbox")

Both projects aim to provide the Gruvbox color scheme for (Neo)vim, but they differ in implementation and features. Gruvbox Material focuses on a refined color palette and performance optimizations, while gruvbox.nvim leverages Lua for enhanced customization and Neovim-specific features. The choice between them depends on your specific needs and preferences.

Convert Figma logo designs to code with AI

Visual Copilot

Introducing Visual Copilot: A new AI model to turn Figma designs to high quality code using your components.

Try Visual Copilot

README

Introduction

Gruvbox Material is a modified version of Gruvbox, the contrast is adjusted to be softer in order to protect developers' eyes.

There are 3 palettes available in this color scheme:
Full color previews are included for your convenience

👏 𝑵𝒐𝒕𝒆: 𝒄𝒍𝒊𝒄𝒌 𝒐𝒏 𝒕𝒉𝒆 𝒇𝒐𝒍𝒍𝒐𝒘𝒊𝒏𝒈 𝒍𝒊𝒏𝒆𝒔 𝒕𝒐 𝒑𝒓𝒆𝒗𝒊𝒆𝒘

material: Carefully designed to have a soft contrast
𝐃𝐚𝐫𝐤𝐋𝐢𝐠𝐡𝐭
𝐇𝐚𝐫𝐝material-hard-dark material-hard-darkmaterial-hard-light material-hard-light
𝐌𝐞𝐝𝐢𝐮𝐦material-medium-dark material-medium-darkmaterial-medium-light material-medium-light
𝐒𝐨𝐟𝐭material-soft-dark material-soft-darkmaterial-soft-light material-soft-light
mix: Color palette obtained by calculating the mean of the other two
𝐃𝐚𝐫𝐤𝐋𝐢𝐠𝐡𝐭
𝐇𝐚𝐫𝐝mix-hard-dark mix-hard-darkmix-hard-light mix-hard-light
𝐌𝐞𝐝𝐢𝐮𝐦mix-medium-dark mix-medium-darkmix-medium-light mix-medium-light
𝐒𝐨𝐟𝐭mix-soft-dark mix-soft-darkmix-soft-light mix-soft-light
original: The color palette used in the original gruvbox
𝐃𝐚𝐫𝐤𝐋𝐢𝐠𝐡𝐭
𝐇𝐚𝐫𝐝original-hard-dark original-hard-darkoriginal-hard-light original-hard-light
𝐌𝐞𝐝𝐢𝐮𝐦original-medium-dark original-medium-darkoriginal-medium-light original-medium-light
𝐒𝐨𝐟𝐭original-soft-dark original-soft-darkoriginal-soft-light original-soft-light

This color scheme uses the material palette by default, you can use a global variable to switch to another palette.

Features

  • Carefully designed color palette for eye protection.
  • Switch back to the original color palette whenever you like.
  • Highly customizable.
  • Rich support for common file types and plugins.
  • Tree-sitter support.
  • Semantic highlighting support.
  • Italic support 🎉

Documentation

See :help gruvbox-material.txt

Related Projects

See this wiki page.

Contributing

See this post.

More Color Schemes

Credits

Inspirations

Maintainers

Sainnhe ParkZixin YinAntoine Cotten
Sainnhe ParkZixin YinAntoine Cotten

License

MIT © sainnhe