Skip to main content
CodingTheme

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#282e33
  • activityBar.foreground#fdfae9
  • activityBarBadge.background#537a92
  • activityBarBadge.foreground#fdfae9
  • badge.background#537a92
  • badge.foreground#fdfae9
  • breadcrumb.focusForeground#bebeb4
  • breadcrumb.foreground#6a6e6d
  • button.background#375061
  • button.foreground#fdfae9
  • button.hoverBackground#415f73
  • debugExceptionWidget.background#2e363d
  • debugExceptionWidget.border#375061
  • debugToolBar.background#21272b
  • descriptionForeground#bebeb4
  • diffEditor.border#375061
  • diffEditor.insertedTextBackground#87d68a30
  • diffEditor.removedTextBackground#e75d5730
  • dropdown.background#2e363d
  • dropdown.border#34404a
  • dropdown.foreground#fdfae9
  • editor.background#282e33
  • editor.findMatchBackground#486861
  • editor.findMatchHighlightBackground#48686170
  • editor.findRangeHighlightBackground#21272b70
  • editor.foreground#fdfae9
  • editor.hoverHighlightBackground#48686170
  • editor.inactiveSelectionBackground#37506170
  • editor.lineHighlightBackground#21272b
  • editor.rangeHighlightBackground#00000000
  • editor.rangeHighlightBorder#486861
  • editor.selectionBackground#375061
  • editor.selectionHighlightBackground#37506170
  • editor.wordHighlightBackground#00000000
  • editor.wordHighlightBorder#48686170
  • editor.wordHighlightStrongBackground#00000000
  • editor.wordHighlightStrongBorder#486861
  • editorBracketMatch.background#00000000
  • editorBracketMatch.border#486861
  • editorCodeLens.foreground#6a6e6d
  • editorCursor.background#21272b
  • editorCursor.foreground#f6e78a
  • editorError.foreground#e75d57
  • editorGroup.border#34404a
  • editorGroup.dropBackground#375061
  • editorGroupHeader.noTabsBackground#282e33
  • editorGroupHeader.tabsBackground#21272b
  • editorGroupHeader.tabsBorder#282e33
  • editorGutter.addedBackground#87d68a
  • editorGutter.background#282e33
  • editorGutter.deletedBackground#e75d57
  • editorGutter.modifiedBackground#6b9dd0
  • editorHint.foreground#bebeb4
  • editorHoverWidget.background#2e363d
  • editorHoverWidget.border#375061
  • editorIndentGuide.activeBackground#375061
  • editorIndentGuide.background#34404a
  • editorInfo.foreground#6a6e6d
  • editorLineNumber.activeForeground#375061
  • editorLineNumber.foreground#34404a
  • editorLink.activeForeground#f6e78a
  • editorMarkerNavigation.background#2e363d
  • editorMarkerNavigationError.background#e75d57
  • editorMarkerNavigationInfo.background#6a6e6d
  • editorMarkerNavigationWarning.background#f6e78a
  • editorOverviewRuler.addedForeground#87d68aA0
  • editorOverviewRuler.border#375061
  • editorOverviewRuler.currentContentForeground#87d68aA0
  • editorOverviewRuler.deletedForeground#34404aA0
  • editorOverviewRuler.errorForeground#e75d57A0
  • editorOverviewRuler.findMatchForeground#48686170
  • editorOverviewRuler.incomingContentForeground#6b9dd0A0
  • editorOverviewRuler.infoForeground#bebeb4A0
  • editorOverviewRuler.modifiedForeground#6b9dd0A0
  • editorOverviewRuler.rangeHighlightForeground#48686170
  • editorOverviewRuler.selectionHighlightForeground#37506170
  • editorOverviewRuler.warningForeground#f6e78aA0
  • editorOverviewRuler.wordHighlightForeground#48686170
  • editorOverviewRuler.wordHighlightStrongForeground#486861
  • editorPane.background#1d2326
  • editorRuler.foreground#34404a
  • editorSuggestWidget.background#2e363d
  • editorSuggestWidget.border#375061
  • editorSuggestWidget.foreground#fdfae9
  • editorSuggestWidget.highlightForeground#f6e78a
  • editorSuggestWidget.selectedBackground#375061
  • editorWarning.foreground#f6e78a
  • editorWhitespace.foreground#34404a
  • editorWidget.background#2e363d
  • editorWidget.border#375061
  • extensionButton.prominentBackground#375061
  • extensionButton.prominentForeground#fdfae9
  • extensionButton.prominentHoverBackground#415f73
  • focusBorder#537a92
  • foreground#fdfae9
  • gitDecoration.addedResourceForeground#81d9c3
  • gitDecoration.conflictingResourceForeground#aa97d3
  • gitDecoration.modifiedResourceForeground#6b9dd0
  • gitDecoration.untrackedResourceForeground#87d68a
  • input.background#282e33
  • input.border#34404a
  • input.foreground#fdfae9
  • inputOption.activeBorder#f6e78a
  • inputValidation.errorBackground#e75d57
  • inputValidation.errorBorder#e75d57
  • inputValidation.infoBackground#6a6e6d
  • inputValidation.infoBorder#6a6e6d
  • inputValidation.warningBackground#f6e78a
  • inputValidation.warningBorder#f6e78a
  • inputValidation.warningForeground#282e33
  • list.activeSelectionBackground#375061
  • list.activeSelectionForeground#fdfae9
  • list.dropBackground#375061
  • list.errorForeground#e75d57
  • list.focusBackground#282e33
  • list.focusForeground#fdfae9
  • list.highlightForeground#f6e78a
  • list.hoverBackground#21272b
  • list.hoverForeground#fdfae9
  • list.inactiveSelectionBackground#282e33
  • list.inactiveSelectionForeground#fdfae9
  • list.warningForeground#f6e78a
  • merge.currentContentBackground#87d68a30
  • merge.currentHeaderBackground#87d68aA0
  • merge.incomingContentBackground#6b9dd030
  • merge.incomingHeaderBackground#6b9dd0A0
  • notification.background#34404a
  • notification.buttonBackground#375061
  • notification.buttonForeground#fdfae9
  • notification.errorBackground#e75d57
  • notification.errorForeground#282e33
  • notification.foreground#fdfae9
  • notification.infoBackground#6a6e6d
  • notification.infoForeground#282e33
  • notification.warningBackground#f6e78a
  • notification.warningForeground#282e33
  • notificationCenter.border#375061
  • notificationCenterHeader.background#537a92
  • notificationCenterHeader.foreground#fdfae9
  • notificationLink.foreground#f6e78a
  • notifications.background#2e363d
  • notifications.border#34404a
  • notifications.foreground#fdfae9
  • notificationToast.border#537a92
  • panel.background#282e33
  • panel.border#34404a
  • panelTitle.activeBorder#537a92
  • panelTitle.activeForeground#fdfae9
  • panelTitle.inactiveForeground#6a6e6d
  • peekView.border#537a92
  • peekViewEditor.background#1d2326
  • peekViewEditor.matchHighlightBackground#00000000
  • peekViewEditor.matchHighlightBorder#486861
  • peekViewEditorGutter.background#1d2326
  • peekViewResult.background#1d2326
  • peekViewResult.fileForeground#fdfae9
  • peekViewResult.lineForeground#bebeb4
  • peekViewResult.matchHighlightBackground#34404a
  • peekViewResult.selectionBackground#375061
  • peekViewResult.selectionForeground#fdfae9
  • peekViewTitle.background#537a92
  • peekViewTitleDescription.foreground#bebeb4
  • peekViewTitleLabel.foreground#fdfae9
  • pickerGroup.border#375061
  • pickerGroup.foreground#f6e78a
  • progressBar.background#537a92
  • scrollbar.shadow#21272b
  • scrollbarSlider.activeBackground#4a6c8270
  • scrollbarSlider.background#37506170
  • scrollbarSlider.hoverBackground#4a6c8270
  • selection.background#375061
  • sideBar.background#21272b
  • sideBar.foreground#bebeb4
  • sideBarSectionHeader.background#1d2326
  • sideBarSectionHeader.foreground#6a6e6d
  • sideBarTitle.foreground#fdfae9
  • statusBar.background#537a92
  • statusBar.debuggingBackground#e75d57
  • statusBar.debuggingForeground#fdfae9
  • statusBar.foreground#fdfae9
  • statusBar.noFolderBackground#537a92
  • statusBar.noFolderForeground#fdfae9
  • statusBarItem.prominentBackground#f6e78a
  • tab.activeBackground#282e33
  • tab.activeBorder#282e33
  • tab.activeForeground#fdfae9
  • tab.border#21272b
  • tab.inactiveBackground#21272b
  • tab.inactiveForeground#6a6e6d
  • terminal.ansiBlack#34404a
  • terminal.ansiBlue#6b9dd0
  • terminal.ansiBrightBlack#415f73
  • terminal.ansiBrightBlue#6b9dd0
  • terminal.ansiBrightCyan#81d9c3
  • terminal.ansiBrightGreen#87d68a
  • terminal.ansiBrightMagenta#aa97d3
  • terminal.ansiBrightRed#e75d57
  • terminal.ansiBrightWhite#fdfae9
  • terminal.ansiBrightYellow#f6e78a
  • terminal.ansiCyan#81d9c3
  • terminal.ansiGreen#87d68a
  • terminal.ansiMagenta#aa97d3
  • terminal.ansiRed#e75d57
  • terminal.ansiWhite#bebeb4
  • terminal.ansiYellow#f6e78a
  • terminal.background#282e33
  • terminal.foreground#fdfae9
  • textBlockQuote.background#2e363d
  • textBlockQuote.border#537a92
  • textCodeBlock.background#2e363d
  • textLink.activeForeground#f6e78a
  • textLink.foreground#f6e78a
  • textPreformat.foreground#87d68a
  • textSeparator.foreground#6a6e6d
  • titleBar.activeBackground#21272b
  • titleBar.activeForeground#fdfae9
  • titleBar.inactiveBackground#1d2326
  • titleBar.inactiveForeground#6a6e6d
  • welcomePage.buttonBackground#375061
  • welcomePage.buttonHoverBackground#415f73
  • widget.shadow#21272b

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#fdfae9
emphasisitalic
strongbold
header#000080
comment, punctuation.definition.comment, punctuation.whitespace.comment#6a6e6d
constant.language#f6e78a
constant.numeric, constant.other.java, constant.other.groovy, constant.other.rust, support.constant.core#aa97d3
constant.regexp#87d68a
entity.name.tag#f6e78a
entity.name.tag.css#f6e78a
entity.other.attribute-name#6b9dd0
entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.attribute.scss, entity.other.attribute-name.scss, entity.other.attribute-name.class.sass#81d9c3
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css#fd5a91
invalid#e75d57
markup.underlineunderline
markup.boldbold
markup.heading#f6e78abold
markup.italicitalic
markup.inserted#aa97d3
markup.deleted#87d68a
markup.changed#f6e78a
markup.inline.raw#87d68a
beginning.punctuation.definition.list.markdown, beginning.punctuation.definition.quote.markdown, text.html.markdown punctuation.definition, text.html.markdown punctuation.definition.string#81d9c3
text.html.markdown string.other.link.title, text.html.markdown string.other.link.description, meta.link.reference.markdown#6b9dd0
meta.link.reference.def.markdown#87d68a
text.html.markdown markup.fenced_code.block, markup.raw.block, markup.inline.raw.markdown#e75d57
markup.quote.markdown#bebeb4
meta.separator.markdown#fd5a91
string.unquoted.cdata#fd5a91
meta.selector#81d9c3
punctuation.definition.tag#fdfae9
meta.preprocessor#f6e78a
meta.preprocessor.string#87d68a
meta.preprocessor.numeric#aa97d3
meta.structure.dictionary.key.python#fdfae9
meta.diff.header#f6e78a
storage#f6e78a
storage.type#f6e78a
storage.modifier#f6e78a
string#87d68a
string.tag#87d68a
string.value#87d68a
string.regexp, string.regexp punctuation.definition, string.regexp punctuation.definition.string, string.regexp keyword.operator#87d68a
punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts, punctuation.definition.template-expression.end.js#f6e78a
support.type.vendored.property-name, support.type.property-name#6b9dd0
variable.css, variable.scss, variable.other.less, variable.declaration.less, variable.parameter.sass#fdfae9
keyword.other.important#fd5a91
keyword#f6e78a
keyword.control#f6e78a
keyword.operator, storage.type.function.arrow#f6e78a
keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.logical.python, keyword.type#f6e78a
keyword.other.unit#aa97d3
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#f6e78a
support.function.git-rebase#fdfae9
constant.sha.git-rebase#aa97d3
variable.language#f6e78a
entity.name.function, support.function, variable.function, support.constant.handlebars, meta.method, meta.function-call, keyword.other.special-method, meta.block-level, entity.other.less.mixin, meta.decorator meta.object.member entity.name.function, meta.method.java meta.method.body.java meta.function-call.java variable.function.java, meta.function.rust meta.block.rust support.function#e75d57
meta.return-type, support.class, support.type, entity.name.type, entity.name.class, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.type.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy, storage.type.class.java, storage.type.class.groovy, storage.class.std.rust, storage.type.source.rust, meta.trait, meta.struct#81d9c3
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class#81d9c3
storage.modifier.import, storage.modifier.package, entity.name.type.namespace, entity.name.package, entity.alias.import, meta.path.rust#fdfae9
entity.name.type.enum#81d9c3
variable.other.enummember, entity.name.variable.enum-member, constant.other.enum#aa97d3
constant.other.color, punctuation, meta.tag, punctuation.separator.inheritance.php, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, meta.method.identifier.java, meta.brace, string.unquoted.cdata.xml punctuation.definition.string, meta.function-call.method.js meta.object-literal.js, meta.generic punctuation.definition.generic, meta.block.rust, meta.group.rust#fdfae9
storage.type.annotation, meta.decorator variable, meta.decorator entity.name.function, variable.annotation, punctuation.definition.annotation, meta.attribute.rust, meta.annotation.rust#ffa55b
variable, meta.definition.variable.name, entity.global.clojure, meta.symbol.clojure, support.variable, entity.name.variable.local, entity.name.variable.parameter, entity.name.variable.global, meta.decorator meta variable#fdfae9
meta.function-call meta.function-call.arguments, meta.method.java meta.method.body.java, meta.method.java meta.method.body.java meta.function-call.java, meta.definition.method.groovy meta.method.body.java, meta.definition.method.groovy meta.definition.method.signature.java meta.method.parameters.groovy, meta.function-call.java meta.parens.java, storage.modifier.array.java#fdfae9
meta.class.identifier.java storage.type.java#f6e78a
entity.name.label#ffa55b
support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color, punctuation.definition.constant.css, punctuation.definition.constant.scss#aa97d3
variable.object.property, variable.other.object.property, variable.other.property, variable.other.constant.property, entity.name.variable.property, entity.name.variable.field, support.variable.property, meta.definition.property, meta.field.declaration, meta.property.object, constant.other.key, variable.other.member#6b9dd0
meta.object-literal.key, meta.object-literal.key entity.name.function#6b9dd0
entity.name.type.type-parameter, meta.type.parameters entity.name.type, meta.type_params, meta.type_params.rust storage.class.std.rust, meta.type_params.rust storage.type, meta.generic#ffa55b
punctuation.definition.string#87d68a
markup.underline.link#87d68a
entity.name.function.macro, support.function.core.rust, support.function.std.rust, support.macro.rust#e75d57italic
storage.modifier.lifetime#fd5a91
source.json meta.structure.dictionary.json support.type.property-name.json, source.json meta.structure.dictionary.json string.quoted.double.json - meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta.structure.dictionary.json punctuation.definition.string - meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#6b9dd0
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, source.json meta meta.structure.dictionary.json string.quoted.double.json - meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta.structure.dictionary.json punctuation.definition.string - meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#e75d57
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, source.json meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#ffa55b
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, source.json meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#fd5a91
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, source.json meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#81d9c3
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#6b9dd0
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#e75d57
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#ffa55b
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#fd5a91

Shiki preview

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

Loading...

Nostromo Theme by Martin Theimer - VS Code Theme