Skip to main content
Coding Theme

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.activeBackground#0E141B
  • activityBar.activeBorder#266D87
  • activityBar.activeFocusBorder#3CAED7
  • activityBar.background#070A0D
  • activityBar.border#070A0DAA
  • activityBar.dropBorder#266D87
  • activityBar.foreground#B0B3BA
  • activityBar.inactiveForeground#515B67
  • activityBarBadge.background#266D87
  • activityBarBadge.foreground#E6E6E6
  • badge.background#266D87
  • badge.foreground#E6E6E6
  • banner.background#18242FDD
  • banner.foreground#E6E6E6
  • banner.iconForeground#266D87
  • breadcrumb.activeSelectionForeground#E6E6E6
  • breadcrumb.focusForeground#E6E6E6
  • breadcrumb.foreground#B0B3BA
  • button.background#266D87
  • button.foreground#E6E6E6
  • button.hoverBackground#3CAED7
  • button.secondaryBackground#30475F
  • button.secondaryForeground#E6E6E6
  • button.secondaryHoverBackground#266D87
  • button.separator#8A96A8
  • charts.blue#3CAED7
  • charts.foreground#0E141B
  • charts.green#75FFCD
  • charts.lines#0E141B
  • charts.orange#FFB452
  • charts.purple#BF33C7
  • charts.red#F04242
  • charts.yellow#F7EF9C
  • checkbox.background#070A0D
  • checkbox.border#30475F77
  • commandCenter.activeBackground#0E141B
  • commandCenter.activeBorder#18242F
  • commandCenter.background#070A0D
  • commandCenter.border#18242F
  • commandCenter.debuggingBackground#F5754233
  • debugConsole.errorForeground#F04242
  • debugConsole.infoForeground#E6E6E6
  • debugConsole.sourceForeground#E6E6E6
  • debugConsole.warningForeground#FFB452
  • debugConsoleInputIcon.foreground#ff0000
  • debugExceptionWidget.background#A1262633
  • debugExceptionWidget.border#F04242
  • debugIcon.breakpointCurrentStackframeForeground#F7EF9C
  • debugIcon.breakpointDisabledForeground#515B67
  • debugIcon.breakpointForeground#F04242
  • debugIcon.breakpointStackframeForeground#F04242
  • debugIcon.breakpointUnverifiedForeground#F57542
  • debugIcon.continueForeground#3CAED7
  • debugIcon.disconnectForeground#3CAED7
  • debugIcon.pauseForeground#3CAED7
  • debugIcon.restartForeground#75FFCD
  • debugIcon.startForeground#75FFCD
  • debugIcon.stepBackForeground#3CAED7
  • debugIcon.stepIntoForeground#3CAED7
  • debugIcon.stepOutForeground#3CAED7
  • debugIcon.stepOverForeground#3CAED7
  • debugIcon.stopForeground#F04242
  • debugTokenExpression.boolean#75FFCD
  • debugTokenExpression.error#F04242
  • debugTokenExpression.name#3CAED7
  • debugTokenExpression.number#FFB452
  • debugTokenExpression.string#F7EF9C
  • debugTokenExpression.value#B0B3BA
  • debugToolBar.background#18242F
  • debugView.exceptionLabelBackground#A12626
  • debugView.exceptionLabelForeground#E6E6E6
  • debugView.stateLabelBackground#266D87
  • debugView.stateLabelForeground#E6E6E6
  • debugView.valueChangedHighlight#3CAED7
  • descriptionForeground#B0B3BAAA
  • diffEditor.border#30475F77
  • disabledForeground#515B67
  • dropdown.background#070A0D
  • dropdown.border#30475F77
  • dropdown.foreground#B0B3BA
  • dropdown.listBackground#070A0D
  • editor.background#0E141B
  • editor.findMatchBackground#78217DDD
  • editor.findMatchHighlightBackground#78217D66
  • editor.findRangeHighlightBackground#30475F33
  • editor.focusedStackFrameHighlightBackground#4BBE9655
  • editor.foreground#E6E6E6
  • editor.hoverHighlightBackground#30475F66
  • editor.inactiveSelectionBackground#B0B3BA44
  • editor.inlineValuesBackground#B3AC6B55
  • editor.inlineValuesForeground#F7EF9C77
  • editor.lineHighlightBackground#18242F
  • editor.lineHighlightBorder#30475F22
  • editor.selectionBackground#B0B3BA44
  • editor.selectionHighlightBackground#B0B3BA22
  • editor.snippetFinalTabstopHighlightBackground#4BBE9655
  • editor.snippetFinalTabstopHighlightBorder#4BBE96
  • editor.snippetTabstopHighlightBackground#266D8755
  • editor.snippetTabstopHighlightBorder#266D87
  • editor.stackFrameHighlightBackground#B3AC6B55
  • editor.wordHighlightBackground#30475F00
  • editor.wordHighlightBorder#30475FCC
  • editor.wordHighlightStrongBackground#266D8700
  • editor.wordHighlightStrongBorder#266D87CC
  • editor.wordHighlightTextBackground#30475F00
  • editor.wordHighlightTextBorder#30475FCC
  • editorBracketHighlight.foreground1#BF33C7CC
  • editorBracketHighlight.foreground2#F04242CC
  • editorBracketHighlight.foreground3#FFB452CC
  • editorBracketHighlight.foreground4#F7EF9CCC
  • editorBracketHighlight.foreground5#75FFCDCC
  • editorBracketHighlight.foreground6#3CAED7CC
  • editorBracketHighlight.unexpectedBracket.foreground#E6E6E6
  • editorBracketMatch.background#515B6777
  • editorBracketMatch.border#B0B3BA
  • editorBracketPairGuide.activeBackground1#BF33C7CC
  • editorBracketPairGuide.activeBackground2#F04242CC
  • editorBracketPairGuide.activeBackground3#FFB452CC
  • editorBracketPairGuide.activeBackground4#F7EF9CCC
  • editorBracketPairGuide.activeBackground5#75FFCDCC
  • editorBracketPairGuide.activeBackground6#3CAED7CC
  • editorBracketPairGuide.background1#78217D77
  • editorBracketPairGuide.background2#A1262677
  • editorBracketPairGuide.background3#F5754277
  • editorBracketPairGuide.background4#B3AC6B77
  • editorBracketPairGuide.background5#4BBE9677
  • editorBracketPairGuide.background6#266D8777
  • editorCursor.background#18242F
  • editorCursor.foreground#F7EF9C
  • editorError.foreground#F04242
  • editorGroup.border#18242F
  • editorGroup.dropBackground#30475F44
  • editorGroup.dropIntoPromptBackground#30475FC0
  • editorGroup.dropIntoPromptBorder#30475FFF
  • editorGroup.dropIntoPromptForeground#B0B3BA
  • editorGroup.emptyBackground#070A0D
  • editorGroup.focusedEmptyBorder#0E141B00
  • editorGroupHeader.border#0E141B00
  • editorGroupHeader.noTabsBackground#0E141B
  • editorGroupHeader.tabsBackground#070A0D
  • editorGroupHeader.tabsBorder#0E141B00
  • editorGutter.addedBackground#75FFCDC0
  • editorGutter.deletedBackground#F04242C0
  • editorGutter.modifiedBackground#266D87C0
  • editorHoverWidget.background#18242FDD
  • editorHoverWidget.border#30475F77
  • editorHoverWidget.foreground#E6E6E6
  • editorIndentGuide.activeBackground1#BF33C7CC
  • editorIndentGuide.activeBackground2#F04242CC
  • editorIndentGuide.activeBackground3#FFB452CC
  • editorIndentGuide.activeBackground4#F7EF9CCC
  • editorIndentGuide.activeBackground5#75FFCDCC
  • editorIndentGuide.activeBackground6#3CAED7CC
  • editorIndentGuide.background1#18242F
  • editorIndentGuide.background2#A1262677
  • editorIndentGuide.background3#F5754277
  • editorIndentGuide.background4#B3AC6B77
  • editorIndentGuide.background5#4BBE9677
  • editorIndentGuide.background6#266D8777
  • editorLineNumber.activeForeground#B0B3BA
  • editorLineNumber.dimmedForeground#515B6766
  • editorLineNumber.foreground#515B67
  • editorLink.activeForeground#AEC4DB
  • editorOverviewRuler.addedForeground#75FFCDC0
  • editorOverviewRuler.border#30475F00
  • editorOverviewRuler.deletedForeground#F04242C0
  • editorOverviewRuler.errorForeground#F04242C0
  • editorOverviewRuler.findMatchForeground#78217DDD
  • editorOverviewRuler.modifiedForeground#266D87C0
  • editorOverviewRuler.warningForeground#FFB452C0
  • editorStickyScroll.background#18242FA0
  • editorStickyScrollHover.background#30475F
  • editorSuggestWidget.background#18242FDD
  • editorSuggestWidget.border#30475F77
  • editorSuggestWidget.focusHighlightForeground#3CAED7
  • editorSuggestWidget.foreground#E6E6E6
  • editorSuggestWidget.highlightForeground#3CAED7
  • editorSuggestWidget.selectedBackground#30475FDD
  • editorSuggestWidget.selectedForeground#FAFAFA
  • editorUnicodeHighlight.background#F5754255
  • editorUnicodeHighlight.border#FFB452
  • editorWarning.foreground#FFB452
  • editorWhitespace.foreground#515B67A0
  • editorWidget.background#18242F
  • editorWidget.border#30475F
  • editorWidget.foreground#B0B3BA
  • errorForeground#F04242
  • extensionButton.background#266D87
  • extensionButton.foreground#E6E6E6
  • extensionButton.hoverBackground#3CAED7
  • extensionButton.separator#3CAED7
  • extensionIcon.preReleaseForeground#4BBE96BB
  • extensionIcon.sponsorForeground#BF33C7
  • extensionIcon.starForeground#FFB452
  • extensionIcon.verifiedForeground#266D87
  • focusBorder#266D8700
  • foreground#B0B3BA
  • gitDecoration.addedResourceForeground#75FFCD
  • gitDecoration.conflictingResourceForeground#F57542
  • gitDecoration.deletedResourceForeground#F04242
  • gitDecoration.ignoredResourceForeground#B0B3BA
  • gitDecoration.modifiedResourceForeground#3CAED7
  • gitDecoration.renamedResourceForeground#3CAED7
  • gitDecoration.stageDeletedResourceForeground#F04242
  • gitDecoration.stageModifiedResourceForeground#3CAED7
  • gitDecoration.submoduleResourceForeground#E6E6E6
  • gitDecoration.untrackedResourceForeground#B0B3BA
  • icon.foreground#B0B3BACC
  • input.background#070A0D
  • input.border#18242F
  • input.foreground#B0B3BA
  • input.placeholderForeground#8A96A8
  • inputOption.activeBackground#30475F
  • inputOption.activeBorder#18242F
  • inputOption.activeForeground#E6E6E6
  • inputOption.hoverBackground#18242F
  • inputValidation.errorBackground#A12626
  • inputValidation.errorBorder#A12626
  • inputValidation.errorForeground#E6E6E6
  • inputValidation.infoBackground#F7EF9C
  • inputValidation.infoBorder#F7EF9C
  • inputValidation.infoForeground#0E141B
  • inputValidation.warningBackground#FFB452
  • inputValidation.warningBorder#FFB452
  • inputValidation.warningForeground#0E141B
  • keybindingLabel.background#515B6777
  • keybindingLabel.border#B0B3BA77
  • keybindingLabel.bottomBorder#B0B3BA77
  • keybindingLabel.foreground#E6E6E6
  • list.activeSelectionBackground#30475FCC
  • list.activeSelectionForeground#E6E6E6
  • list.activeSelectionIconForeground#E6E6E6
  • list.dropBackground#30475F44
  • list.errorForeground#F04242
  • list.filterMatchBackground#612924
  • list.focusAndSelectionOutline#18242F00
  • list.focusBackground#18242F
  • list.focusForeground#E6E6E6
  • list.focusHighlightForeground#3CAED7
  • list.focusOutline#18242F00
  • list.highlightForeground#3CAED7
  • list.hoverBackground#30475F77
  • list.hoverForeground#B0B3BA
  • list.inactiveFocusBackground#18242F
  • list.inactiveSelectionBackground#30475F77
  • list.inactiveSelectionForeground#E6E6E6
  • list.inactiveSelectionIconForeground#E6E6E6
  • list.invalidItemForeground#F04242
  • list.warningForeground#FFB452
  • menu.background#18242F
  • menu.border#30475F77
  • minimap.background#0E141BCC
  • minimap.errorHighlight#F04242C0
  • minimap.findMatchHighlight#78217DCC
  • minimap.foregroundOpacity#000000D0
  • minimap.selectionHighlight#266D8777
  • minimap.selectionOccurrenceHighlight#30475F66
  • minimap.warningHighlight#FFB452C0
  • minimapGutter.addedBackground#75FFCDC0
  • minimapGutter.deletedBackground#F04242C0
  • minimapGutter.modifiedBackground#266D87C0
  • minimapSlider.activeBackground#266D87A0
  • minimapSlider.background#30475F60
  • minimapSlider.hoverBackground#30475FA0
  • notebook.cellBorderColor#30475F77
  • notebook.cellEditorBackground#18242F99
  • notebook.cellHoverBackground#18242F00
  • notebook.cellStatusBarItemHoverBackground#30475F99
  • notebook.cellToolbarSeparator#30475F77
  • notebook.editorBackground#0E141B
  • notebook.focusedCellBorder#266D87
  • notebook.focusedEditorBorder#266D87
  • notebook.inactiveFocusedCellBorder#30475F
  • notebook.inactiveSelectedCellBorder#30475F
  • notebook.outputContainerBackgroundColor#00000000
  • notebook.selectedCellBackground#18242F66
  • notebook.selectedCellBorder#266D87
  • notebookStatusErrorIcon.foreground#F04242
  • notebookStatusRunningIcon.foreground#3CAED7
  • notebookStatusSuccessIcon.foreground#75FFCD
  • notificationCenter.border#30475F77
  • notificationCenterHeader.background#18242FDD
  • notificationCenterHeader.foreground#E6E6E6
  • notificationLink.foreground#3CAED7
  • notifications.background#18242FDD
  • notifications.foreground#E6E6E6
  • notificationsErrorIcon.foreground#F04242
  • notificationsInfoIcon.foreground#266D87
  • notificationsWarningIcon.foreground#FFB452
  • notificationToast.border#30475F77
  • panel.border#30475F77
  • panelInput.border#30475F77
  • panelTitle.activeBorder#266D87
  • panelTitle.activeForeground#E6E6E6
  • panelTitle.inactiveForeground#8A96A8
  • peekView.border#3CAED7
  • peekViewEditor.background#070A0DBB
  • peekViewEditor.matchHighlightBackground#78217DDD
  • peekViewEditorStickyScroll.background#18242FA0
  • peekViewResult.background#070A0D
  • peekViewResult.fileForeground#FAFAFA
  • peekViewResult.lineForeground#8A96A8
  • peekViewResult.matchHighlightBackground#78217DDD
  • peekViewResult.selectionBackground#18242FDD
  • peekViewResult.selectionForeground#E6E6E6
  • peekViewTitle.background#070A0D
  • peekViewTitleDescription.foreground#8A96A8
  • peekViewTitleLabel.foreground#E6E6E6
  • pickerGroup.border#30475F77
  • pickerGroup.foreground#B0B3BA
  • profileBadge.background#266D87
  • profileBadge.foreground#E6E6E6
  • progressBar.background#266D87
  • quickInput.background#18242F
  • quickInput.foreground#B0B3BA
  • quickInputList.focusBackground#30475FCC
  • quickInputList.focusForeground#E6E6E6
  • quickInputList.focusIconForeground#E6E6E6
  • quickInputTitle.background#070A0DDD
  • sash.hoverBorder#266D87
  • scrollbar.shadow#070A0DAA
  • scrollbarSlider.activeBackground#266D87A0
  • scrollbarSlider.background#30475F60
  • scrollbarSlider.hoverBackground#30475FA0
  • search.resultsInfoForeground#B0B3BAAA
  • searchEditor.findMatchBackground#FFB45266
  • settings.focusedRowBackground#18242F
  • settings.headerForeground#E6E6E6
  • settings.modifiedItemIndicator#266D87
  • settings.rowHoverBackground#30475F22
  • settings.sashBorder#30475F77
  • sideBar.background#0E141B
  • sideBar.border#070A0DAA
  • sideBar.dropBackground#30475F44
  • sideBar.foreground#B0B3BA
  • sideBarSectionHeader.background#18242F
  • sideBarSectionHeader.foreground#B0B3BA
  • sideBarTitle.foreground#B0B3BA
  • statusBar.background#070A0D
  • statusBar.debuggingBackground#F57542
  • statusBar.debuggingForeground#070A0D
  • statusBar.foreground#8A96A8
  • statusBar.noFolderBackground#78217D
  • statusBar.noFolderForeground#B0B3BA
  • statusBarItem.activeBackground#0E141B
  • statusBarItem.compactHoverBackground#18242F
  • statusBarItem.errorBackground#A12626
  • statusBarItem.errorForeground#E6E6E6
  • statusBarItem.hoverBackground#18242F
  • statusBarItem.hoverForeground#B0B3BA
  • statusBarItem.prominentBackground#266D87
  • statusBarItem.prominentForeground#B0B3BA
  • statusBarItem.prominentHoverBackground#3CAED7
  • statusBarItem.prominentHoverForeground#E6E6E6
  • statusBarItem.remoteBackground#070A0D
  • statusBarItem.remoteForeground#8A96A8
  • statusBarItem.remoteHoverBackground#18242F
  • statusBarItem.remoteHoverForeground#B0B3BA
  • statusBarItem.warningBackground#FFB452
  • statusBarItem.warningForeground#0E141B
  • tab.activeBackground#0E141B
  • tab.activeBorderTop#30475F
  • tab.activeForeground#E6E6E6
  • tab.activeModifiedBorder#3CAED7
  • tab.border#18242F
  • tab.hoverBackground#0E141B
  • tab.hoverBorder#18242F
  • tab.inactiveBackground#070A0D
  • tab.inactiveForeground#8A96A8
  • tab.inactiveModifiedBorder#266D87
  • tab.lastPinnedBorder#30475F
  • tab.unfocusedActiveForeground#B0B3BA
  • tab.unfocusedHoverBackground#0E141B
  • tab.unfocusedInactiveForeground#515B67
  • terminal.ansiBlack#070A0D
  • terminal.ansiBlue#266D87
  • terminal.ansiBrightBlack#515B67
  • terminal.ansiBrightBlue#3CAED7
  • terminal.ansiBrightCyan#AEC4DB
  • terminal.ansiBrightGreen#75FFCD
  • terminal.ansiBrightMagenta#BF33C7
  • terminal.ansiBrightRed#F04242
  • terminal.ansiBrightWhite#FAFAFA
  • terminal.ansiBrightYellow#F7EF9C
  • terminal.ansiCyan#8A96A8
  • terminal.ansiGreen#4BBE96
  • terminal.ansiMagenta#78217D
  • terminal.ansiRed#A12626
  • terminal.ansiWhite#E6E6E6
  • terminal.ansiYellow#B3AC6B
  • terminal.background#0E141B
  • terminal.border#30475F77
  • terminal.dropBackground#30475F44
  • terminal.findMatchBackground#78217DDD
  • terminal.findMatchHighlightBackground#78217D66
  • terminal.foreground#E6E6E6
  • terminal.hoverHighlightBackground#30475F00
  • terminal.inactiveSelectionBackground#266D8766
  • terminal.selectionBackground#266D8766
  • terminal.tab.activeBorder#266D87
  • terminalCommandDecoration.defaultBackground#515B67
  • terminalCommandDecoration.errorBackground#F04242
  • terminalCommandDecoration.successBackground#266D87
  • terminalOverviewRuler.cursorForeground#B0B3BA
  • terminalOverviewRuler.findMatchForeground#78217DDD
  • testing.iconErrored#F04242
  • testing.iconFailed#F04242
  • testing.iconPassed#75FFCD
  • testing.iconQueued#3CAED7
  • testing.iconSkipped#B0B3BA
  • testing.iconUnset#B0B3BA
  • testing.message.error.decorationForeground#F04242
  • testing.message.error.lineBackground#A1262633
  • testing.message.info.decorationForeground#3CAED7
  • testing.message.info.lineBackground#266D8733
  • testing.peekBorder#F04242
  • testing.peekHeaderBackground#A1262633
  • textBlockQuote.background#070A0D
  • textBlockQuote.border#30475F
  • textCodeBlock.background#070A0D
  • textLink.activeForeground#AEC4DB
  • textLink.foreground#3CAED7
  • textPreformat.foreground#F7EF9C
  • textSeparator.foreground#515B67
  • titleBar.activeBackground#070A0D
  • titleBar.activeForeground#8A96A8
  • titleBar.inactiveBackground#070A0D
  • titleBar.inactiveForeground#515B67
  • toolbar.activeBackground#30475F
  • toolbar.hoverBackground#18242F
  • tree.inactiveIndentGuidesStroke#30475F77
  • tree.indentGuidesStroke#30475F
  • tree.tableColumnsBorder#30475F
  • tree.tableOddRowsBackground#18242F

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#515B67
constant#F7EF9C
entity#3CAED7
entity.other.inherited-class#4BBE96italic
entity.name.namespace#75FFCD
entity.name.type.class#3CAED7
meta.function-call.generic#3CAED7
source.cpp entity.name.type#F7EF9C
entity.name.scope-resolution#75FFCD
meta.function.decorator, meta.function.decorator support, entity.name.function.decorator#BF33C7
keyword#F04242
storage#FAFAFA
storage.type#3CAED7italic
storage.modifier#F57542italic
string#F7EF9C
support, support.function.primitive#F7EF9Cbold
variable#F04242bold
invalid#E6E6E6
string.quoted source#75FFCD
string constant#75FFCD
string.regexp#FFB452
string variable#F7EF9C
support.function#F04242
support.constant#75FFCD
other.preprocessor.c#8A96A8
other.preprocessor.c entity#AEC4DB
declaration.tag, declaration.tag entity, meta.tag, meta.tag entity#3CAED7
meta.selector.css entity.name.tag#F57542
meta.selector.css entity.other.attribute-name.id#AEC4DB
meta.selector.css entity.other.attribute-name.class, entity.other.attribute-name.class.css, entity.other.inherited-class.placeholder-selector.css#3CAED7
entity.other.attribute-name.pseudo-class.css#3CAED7italic
meta.property-list.css punctuation.section, meta.brace.round.css, punctuation.terminator.rule.css#E6E6E6
meta.property-name.css support.type, support.type.property-name.css, support.type.property-name.media.css#F7EF9C
meta.property-value.css, meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css#75FFCD
source.css string.quoted#4BBE96
constant.language.color.rgb-value.css, constant.other.color.rgb-value.hex.css, constant.other.rgb-value.css#75FFCD
constant.numeric.css, meta.property-value support.constant.named-color.css, meta.property-value constant#75FFCD
constant.numeric.css keyword.other.unit#F04242
keyword.control.at-rule.css, meta.preprocessor.at-rule keyword.control.at-rule, meta.at-rule keyword.control.at-rule, source.sass keyword.control.at-rule#BF33C7
variable.css, variable.argument.css, source.sass variable.other, variable.other.less, variable.other.less punctuation.definition.variable.less, variable.other.interpolation.less, variable.parameter.keyframe-list.css#FFB452
meta.diff, meta.diff.header#E6E6E6italic
markup.deleted#E6E6E6
markup.changed#E6E6E6
markup.inserted#E6E6E6
entity.other.attribute-name.id.html, entity.other.attribute-name.id.xml#F57542
entity.other.attribute-name.html, entity.other.attribute-name.xml#75FFCD
punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag#266D87
entity.other.attribute-name.angular.html, source.angular.embedded.html#F7EF9C
constant.character.entity.html, constant.character.entity.xml#75FFCD
variable.other.readwrite.instance.coffee#75FFCD
meta.brace.round.coffee, meta.brace.square.coffee#F7EF9C
punctuation.section.embedded.coffee#75FFCD
variable.assignment.coffee variable.assignment.coffee#FAFAFA
meta.delimiter.method.period.coffee#3CAED7
meta.brace.curly.coffee#75FFCD
meta.tag.sgml.doctype.xml, declaration.sgml.html declaration.doctype, declaration.sgml.html declaration.doctype entity, declaration.sgml.html declaration.doctype string, declaration.xml-processing, declaration.xml-processing entity, declaration.xml-processing string, doctype#515B67
markup.deleted.git_gutter#F04242
markup.inserted.git_gutter#4BBE96
markup.changed.git_gutter#3CAED7
markup.ignored.git_gutter#515B67
markup.untracked.git_gutter#515B67
meta.structure.dictionary.property-name.json, support.type.property-name.json#3CAED7
meta.structure.dictionary.value.json support.type.property-name.json#3CAED7
meta.dictionary.value.json, meta.structure.dictionary.value.json string.quoted#F7EF9C
meta.structure.dictionary.value.json constant#FFB452
punctuation.definition.array#F57542
yaml.entity#3CAED7
yaml.punctuation#E6E6E6
yaml.comment#515B67
modifier#3CAED7italic
keyword.control.lua, keyword.local.lua#3CAED7italic
punctuation.definition.heading.markdown, entity.name.section.markdown#3CAED7bold
markup.fenced_code.block.markdown, markup.raw.block.markdown, markup.inline.raw.string.markdown#F7EF9C
meta.paragraph.markdown markup.underline.link#4BBE96
meta.paragraph.markdown string.other.link#75FFCD
punctuation.definition.list.begin.markdown#FFB452
punctuation.definition.table.markdown, punctuation.separator.table.markdown#8A96A8
markup.quote.markdown#AEC4DB
meta.separator.markdown#3CAED7
punctuation.definition.link.title.begin.markdown, punctuation.definition.link.title.end.markdown, punctuation.definition.link.description.begin.markdown, punctuation.definition.link.description.end.markdown, punctuation.definition.metadata.markdown#3CAED7AA
markup.bold.markdownbold
markup.italic.markdownitalic
markup.strikethrough.markdownstrikethrough

Shiki preview

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

Loading...

Glacier Black Phkelley - Coding Theme