Gryt Theme

Color themes

• 

  Gryt Dark

• 

  Gryt Light

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#0d0f13
• activityBar.foreground#e0e0e6
• activityBar.inactiveForeground#888888
• activityBarBadge.background#968FF8
• activityBarBadge.foreground#111318
• badge.background#1e2028
• badge.foreground#e0e0e6
• button.background#968FF8
• button.foreground#111318
• button.hoverBackground#b4afff
• button.secondaryBackground#1e2028
• button.secondaryForeground#e0e0e6
• button.secondaryHoverBackground#2b303d
• descriptionForeground#888888
• diffEditor.insertedTextBackground#4ade8022
• diffEditor.removedTextBackground#f8717122
• dropdown.background#1a1d24
• dropdown.border#2b303d
• dropdown.foreground#e0e0e6
• editor.background#111318
• editor.findMatchBackground#fbbf2455
• editor.findMatchHighlightBackground#fbbf2426
• editor.foreground#e0e0e6
• editor.inactiveSelectionBackground#968FF81F
• editor.lineHighlightBackground#1a1d24AA
• editor.lineHighlightBorder#00000000
• editor.selectionBackground#968FF833
• editor.wordHighlightBackground#968FF81A
• editor.wordHighlightStrongBackground#4ade8022
• editorBracketMatch.background#968FF81F
• editorBracketMatch.border#968FF899
• editorCodeLens.foreground#888888
• editorCursor.foreground#968FF8
• editorGroup.border#2b303d
• editorGroupHeader.tabsBackground#0d0f13
• editorGroupHeader.tabsBorder#2b303d
• editorGutter.addedBackground#4ade80
• editorGutter.background#111318
• editorGutter.deletedBackground#f87171
• editorGutter.modifiedBackground#968FF8
• editorHoverWidget.background#1a1d24
• editorHoverWidget.border#2b303d
• editorIndentGuide.activeBackground1#555555
• editorIndentGuide.background1#2b303d
• editorLineNumber.activeForeground#888888
• editorLineNumber.foreground#555555
• editorRuler.foreground#2b303d
• editorSuggestWidget.background#1a1d24
• editorSuggestWidget.border#2b303d
• editorSuggestWidget.foreground#e0e0e6
• editorSuggestWidget.highlightForeground#b4afff
• editorSuggestWidget.selectedBackground#1e2028
• editorWhitespace.foreground#2b303d
• editorWidget.background#1a1d24
• editorWidget.border#2b303d
• editorWidget.foreground#e0e0e6
• errorForeground#f87171
• focusBorder#968FF899
• foreground#e0e0e6
• gitDecoration.addedResourceForeground#4ade80
• gitDecoration.conflictingResourceForeground#fbbf24
• gitDecoration.deletedResourceForeground#f87171
• gitDecoration.ignoredResourceForeground#555555
• gitDecoration.modifiedResourceForeground#968FF8
• gitDecoration.untrackedResourceForeground#4ade80
• icon.foreground#888888
• input.background#1a1d24
• input.border#2b303d
• input.foreground#e0e0e6
• input.placeholderForeground#888888
• inputOption.activeBorder#968FF8
• list.activeSelectionBackground#1e2028
• list.activeSelectionForeground#e0e0e6
• list.focusOutline#968FF888
• list.highlightForeground#b4afff
• list.hoverBackground#1e2028
• list.inactiveSelectionBackground#1a1d24
• minimap.findMatchHighlight#fbbf2466
• minimap.selectionHighlight#968FF855
• panel.background#111318
• panel.border#2b303d
• panelTitle.activeBorder#968FF8
• panelTitle.activeForeground#e0e0e6
• panelTitle.inactiveForeground#888888
• peekView.border#968FF8
• peekViewEditor.background#0d0f13
• peekViewResult.background#111318
• peekViewResult.selectionBackground#1e2028
• progressBar.background#968FF8
• sash.hoverBorder#968FF866
• scrollbarSlider.activeBackground#ffffff44
• scrollbarSlider.background#ffffff1a
• scrollbarSlider.hoverBackground#ffffff33
• selection.background#968FF833
• sideBar.background#111318
• sideBar.border#2b303d
• sideBar.foreground#e0e0e6
• sideBarSectionHeader.background#1a1d24
• sideBarSectionHeader.border#2b303d
• sideBarSectionHeader.foreground#e0e0e6
• sideBarTitle.foreground#e0e0e6
• statusBar.background#0d0f13
• statusBar.border#2b303d
• statusBar.debuggingBackground#fbbf24
• statusBar.debuggingForeground#111318
• statusBar.foreground#e0e0e6
• statusBar.noFolderBackground#0d0f13
• statusBarItem.hoverBackground#1e2028
• statusBarItem.remoteBackground#968FF8
• statusBarItem.remoteForeground#111318
• tab.activeBackground#111318
• tab.activeBorderTop#968FF8
• tab.activeForeground#e0e0e6
• tab.border#2b303d
• tab.inactiveBackground#1a1d24
• tab.inactiveForeground#888888
• terminal.ansiBlack#0d0f13
• terminal.ansiBlue#968FF8
• terminal.ansiBrightBlack#555555
• terminal.ansiBrightBlue#b4afff
• terminal.ansiBrightCyan#56d4dd
• terminal.ansiBrightGreen#4ade80
• terminal.ansiBrightMagenta#b4afff
• terminal.ansiBrightRed#f87171
• terminal.ansiBrightWhite#ffffff
• terminal.ansiBrightYellow#fbbf24
• terminal.ansiCyan#56d4dd
• terminal.ansiGreen#4ade80
• terminal.ansiMagenta#b4afff
• terminal.ansiRed#f87171
• terminal.ansiWhite#e0e0e6
• terminal.ansiYellow#fbbf24
• terminal.background#111318
• terminal.foreground#e0e0e6
• textBlockQuote.background#1a1d24
• textBlockQuote.border#968FF866
• textCodeBlock.background#0d0f13
• textLink.activeForeground#b4afff
• textLink.foreground#968FF8
• textPreformat.foreground#e0e0e6
• textSeparator.foreground#2b303d
• titleBar.activeBackground#0d0f13
• titleBar.activeForeground#e0e0e6
• titleBar.border#2b303d
• titleBar.inactiveBackground#0d0f13CC
• titleBar.inactiveForeground#888888

tokenColors

TextMate scopes and font styles (syntax highlighting rules).