Skip to main content
Coding Theme

Grubppuccin

Publisher: Mina Albert SaeedThemes in package: 1

What if Gruber and Catppuccin got married and had this neovim colorscheme ?

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • activityBar.background#16181d
  • activityBarTop.background#16181d
  • button.background#4085f7
  • button.hoverBackground#163d9d
  • editor.background#16181d
  • editor.foreground#ffffff
  • editor.lineHighlightBackground#2E2E2E
  • editor.selectionBackground#4c4f56
  • editor.selectionHighlightBackground#2E2E2E
  • editor.selectionHighlightBorder#F9E2AF
  • editor.wordHighlightBackground#16181d
  • editor.wordHighlightBorder#9B9EA3
  • editorBracketHighlight.foreground1#fff
  • editorBracketHighlight.foreground2#fff
  • editorBracketHighlight.foreground3#fff
  • editorBracketMatch.background#2E2E2E
  • editorBracketMatch.border#89B4FA
  • editorCursor.foreground#fff
  • editorGutter.addedBackground#F9E2AF
  • editorGutter.deletedBackground#F38BA8
  • editorGutter.modifiedBackground#89B4FA
  • editorIndentGuide.activeBackground#89B4FA
  • editorIndentGuide.background#5e5f70
  • editorLineNumber.activeForeground#89B4FA
  • editorLineNumber.foreground#5e5f70
  • editorWhitespace.foreground#2E2E2E
  • menu.background#16181d
  • sideBar.background#16181d
  • sideBarSectionHeader.background#16181d
  • statusBar.background#16181d
  • statusBar.debuggingBackground#16181d
  • statusBar.noFolderBackground#16181d
  • tab.activeBackground#16181d
  • tab.inactiveBackground#252526
  • titleBar.activeBackground#16181d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#5e5f70
constant#ffffff
meta.preprocessor.include#F9E2AF
string.quoted.double, string.quoted.single, constant.character.escape#F9E2AF
String#F9E2AF
variable, identifier#ffffff
keyword, storage, entity.name.section.markdown, punctuation.definition.list, support.type.property-name.tabel.toml, support.type.property-name.json#89B4FAbold
keyword.operator#fff
entity.name.function, meta.function#9B9EA3
type#89B4FAbold
error#F38BA8
warning#89B4FA
delimiter#F38BA8
diff.added#F9E2AF
diff.removed#F38BA8

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Grubppuccin - Coding Theme