Wild

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#282828
• activityBar.foreground#B0B0B0
• activityBarBadge.background#9B9A9A
• button.background#9B9A9A
• button.foreground#2E2E2E
• diffEditor.insertedLineBackground#21c06315
• diffEditor.insertedTextBackground#21c06320
• diffEditor.removedLineBackground#F8555215
• diffEditor.removedTextBackground#F8555220
• dropdown.background#333333
• editor.background#282828
• editor.foreground#C0C0C0
• editor.inactiveSelectionBackground#3B3B3B60
• editor.lineHighlightBackground#3B3B3B40
• editor.selectionBackground#5E5E5E50
• editorCursor.foreground#CFCFCF
• editorGutter.addedBackground#21c063
• editorGutter.deletedBackground#F85552
• editorGutter.modifiedBackground#9B9A9A
• editorOverviewRuler.addedForeground#21c063
• editorOverviewRuler.deletedForeground#F85552
• editorOverviewRuler.modifiedForeground#9B9A9A
• editorWidget.background#333333
• editorWidget.border#5E5E5E
• focusBorder#7A7A7A
• gitDecoration.addedResourceForeground#21c063
• gitDecoration.conflictingResourceForeground#D3869B
• gitDecoration.deletedResourceForeground#F85552
• gitDecoration.ignoredResourceForeground#666666
• gitDecoration.modifiedResourceForeground#9B9A9A
• gitDecoration.renamedResourceForeground#D3869B
• gitDecoration.stageDeletedResourceForeground#F85552
• gitDecoration.stageModifiedResourceForeground#9B9A9A
• gitDecoration.submoduleResourceForeground#8FBCBB
• gitDecoration.untrackedResourceForeground#21c063
• input.background#333333
• input.foreground#C0C0C0
• list.hoverBackground#3B3B3B50
• merge.border#666666
• merge.commonContentBackground#9B9A9A20
• merge.commonHeaderBackground#9B9A9A40
• merge.currentContentBackground#21c06320
• merge.currentHeaderBackground#21c06340
• merge.incomingContentBackground#8FBCBB20
• merge.incomingHeaderBackground#8FBCBB40
• panel.background#2E2E2E
• sideBar.background#282828
• sideBar.foreground#B0B0B0
• sideBarTitle.foreground#B0B0B0
• statusBar.background#282828
• statusBar.foreground#A0A0A0
• terminal.background#282828
• terminal.foreground#C0C0C0
• titleBar.activeBackground#282828
• titleBar.activeForeground#B0B0B0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).