More Themes

Color themes

• 

  Relax Coding

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#343948
• activityBar.foreground#e0def4
• activityBarBadge.background#7dcfff
• activityBarBadge.foreground#343948
• button.background#a9b1d6
• button.foreground#292c3e
• button.hoverBackground#c0caf5
• diffEditor.insertedTextBackground#9ece6a33
• diffEditor.removedTextBackground#f7768e33
• dropdown.background#2c2f42
• editor.background#1f2335
• editor.findMatchBackground#7aa2f766
• editor.findMatchHighlightBackground#7aa2f733
• editor.foreground#e0def4
• editor.inactiveSelectionBackground#34364a80
• editor.lineHighlightBackground#2a2c3d
• editor.selectionBackground#34364a
• editor.wordHighlightBackground#ebcb8b22
• editor.wordHighlightStrongBackground#ebcb8b44
• editorBracketMatch.border#7aa2f7
• editorCursor.foreground#c0caf5
• editorError.foreground#f7768e
• editorHoverWidget.background#2c2f42
• editorIndentGuide.activeBackground1#7aa2f7
• editorIndentGuide.background1#44415c
• editorLineNumber.activeForeground#e0def4
• editorLineNumber.foreground#6e6a86
• editorOverviewRuler.border#1f2335
• editorSuggestWidget.background#2c2f42
• editorSuggestWidget.highlightForeground#7dcfff
• editorSuggestWidget.selectedBackground#34364a
• editorWarning.foreground#e0af68
• editorWhitespace.foreground#44415c
• icon.foreground#a9b1d6
• input.background#34364a
• input.foreground#e0def4
• list.activeSelectionBackground#3f4155
• list.hoverBackground#34364a
• menu.background#2c2f42
• menu.foreground#e0def4
• panel.background#2c2f42
• panel.border#292c3e
• quickInput.background#2c2f42
• quickInput.foreground#e0def4
• scrollbarSlider.activeBackground#44415cd0
• scrollbarSlider.background#44415c80
• scrollbarSlider.hoverBackground#44415cb0
• sideBar.background#2c2f42
• sideBar.foreground#e0def4
• sideBarSectionHeader.background#34364a
• statusBar.background#292c3e
• statusBar.debuggingBackground#f7768e
• statusBar.debuggingForeground#292c3e
• statusBar.foreground#e0def4
• tab.activeBackground#292c3e
• tab.activeBorder#7aa2f7
• tab.activeForeground#e0def4
• tab.inactiveBackground#2c2f42
• tab.inactiveForeground#6e6a86
• terminal.background#1f2335
• terminal.foreground#e0def4
• terminalCursor.foreground#c0caf5
• titleBar.activeBackground#292c3e
• titleBar.activeForeground#e0def4
• toolbar.hoverBackground#34364a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).