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.background#f5f5f5
  • activityBar.border#e0e0e0
  • activityBar.dropBorder#007acc
  • activityBar.foreground#444444
  • activityBar.inactiveForeground#9ca3af
  • activityBarBadge.background#007acc
  • activityBarBadge.foreground#ffffff
  • badge.background#007acc
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#2e2e2e
  • breadcrumb.focusForeground#2e2e2e
  • breadcrumb.foreground#666666
  • button.background#007acc
  • button.foreground#ffffff
  • button.hoverBackground#005999
  • button.secondaryBackground#f3f4f6
  • button.secondaryForeground#374151
  • button.secondaryHoverBackground#e5e7eb
  • charts.blue#007acc
  • charts.foreground#2e2e2e
  • charts.green#28a745
  • charts.lines#007acc
  • charts.orange#b33e00
  • charts.purple#8957e5
  • charts.red#d73a49
  • charts.yellow#e36209
  • chat.avatarBackground#007acc
  • chat.avatarForeground#ffffff
  • chat.requestBackground#f0f7ff
  • chat.requestBorder#d6eaff
  • chat.responseBackground#f9f9f9
  • chat.responseBorder#e0e0e0
  • commandCenter.activeBackground#f0f0f0
  • commandCenter.activeBorder#007acc
  • commandCenter.activeForeground#2e2e2e
  • commandCenter.background#f9f9f9
  • commandCenter.border#e0e0e0
  • commandCenter.foreground#2e2e2e
  • completionItem.background#ffffff
  • completionItem.foreground#2e2e2e
  • completionItem.selectedBackground#d6eaff
  • completionItem.selectedForeground#2e2e2e
  • debugConsole.errorForeground#d73a49
  • debugConsole.infoForeground#007acc
  • debugConsole.sourceForeground#6c757d
  • debugConsole.warningForeground#e36209
  • debugConsoleInputIcon.foreground#6c757d
  • debugIcon.breakpointCurrentStackframeForeground#007acc
  • debugIcon.breakpointDisabledForeground#a0a0a0
  • debugIcon.breakpointForeground#d73a49
  • debugIcon.breakpointStackframeForeground#e36209
  • descriptionForeground#6c757d
  • dialog.background#ffffff
  • dialog.border#e0e0e0
  • dialog.foreground#2e2e2e
  • dialog.shadow#00000040
  • diffEditor.border#e5e7eb
  • diffEditor.diagonalFill#e5e7eb
  • diffEditor.insertedTextBackground#d4edda
  • diffEditor.removedTextBackground#f8d7da
  • disabledForeground#9ca3af
  • dropdown.background#ffffff
  • dropdown.border#e0e0e0
  • dropdown.foreground#2e2e2e
  • dropdown.listBackground#ffffff
  • editor.background#ffffff
  • editor.findMatchBackground#fff3cd
  • editor.findMatchHighlightBackground#ffe066
  • editor.findRangeHighlightBackground#f0f0f0
  • editor.foldBackground#f0f0f0
  • editor.foreground#2e2e2e
  • editor.hoverHighlightBackground#f0f0f0
  • editor.inactiveSelectionBackground#f0f0f0
  • editor.lineHighlightBackground#f7f7f7
  • editor.lineHighlightBorder#e8e8e8
  • editor.selectionBackground#d6eaff
  • editor.snippetFinalTabstopHighlightBackground#fff3cd
  • editor.snippetFinalTabstopHighlightBorder#e36209
  • editor.snippetTabstopHighlightBackground#d6eaff
  • editor.snippetTabstopHighlightBorder#007acc
  • editor.wordHighlightBackground#eaf2ff
  • editor.wordHighlightStrongBackground#c8e1ff
  • editorBracketHighlight.foreground1#007acc
  • editorBracketHighlight.foreground2#8957e5
  • editorBracketHighlight.foreground3#0a6a3d
  • editorBracketHighlight.foreground4#b33e00
  • editorBracketHighlight.foreground5#1d4ed8
  • editorBracketHighlight.foreground6#e36209
  • editorBracketHighlight.unexpectedBracket.foreground#d73a49
  • editorBracketMatch.background#eaf2ff
  • editorBracketMatch.border#007acc
  • editorCodeLens.foreground#6c757d
  • editorCursor.foreground#4a4a4a
  • editorGroup.border#e5e7eb
  • editorGroup.dropBackground#f0f7ff
  • editorGroup.emptyBackground#fafafa
  • editorGroup.focusedEmptyBorder#007acc
  • editorGroupHeader.noTabsBackground#fafafa
  • editorGroupHeader.tabsBackground#fafafa
  • editorGroupHeader.tabsBorder#e5e7eb
  • editorGutter.addedBackground#28a745
  • editorGutter.background#fafafa
  • editorGutter.deletedBackground#d73a49
  • editorGutter.modifiedBackground#007acc
  • editorHoverWidget.background#ffffff
  • editorHoverWidget.border#e0e0e0
  • editorHoverWidget.foreground#2e2e2e
  • editorHoverWidget.statusBarBackground#f5f5f5
  • editorIndentGuide.activeBackground#c0c0c0
  • editorIndentGuide.activeBackground1#007acc
  • editorIndentGuide.activeBackground2#8957e5
  • editorIndentGuide.activeBackground3#0a6a3d
  • editorIndentGuide.activeBackground4#b33e00
  • editorIndentGuide.activeBackground5#1d4ed8
  • editorIndentGuide.activeBackground6#e36209
  • editorIndentGuide.background#e0e0e0
  • editorInlayHint.background#f8f9fa
  • editorInlayHint.foreground#6c757d
  • editorInlayHint.parameterBackground#fdf2f8
  • editorInlayHint.parameterForeground#a13d63
  • editorInlayHint.typeBackground#f0f4ff
  • editorInlayHint.typeForeground#1d4ed8
  • editorLightBulb.foreground#e36209
  • editorLightBulbAutoFix.foreground#28a745
  • editorLineNumber.activeForeground#2e2e2e
  • editorLineNumber.foreground#a0a0a0
  • editorLinkedEditingBackground#f0f7ff
  • editorOverviewRuler.addedForeground#28a745
  • editorOverviewRuler.border#e8e8e8
  • editorOverviewRuler.deletedForeground#d73a49
  • editorOverviewRuler.errorForeground#d73a49
  • editorOverviewRuler.findMatchForeground#ffe066
  • editorOverviewRuler.infoForeground#007acc
  • editorOverviewRuler.modifiedForeground#007acc
  • editorOverviewRuler.rangeHighlightForeground#d6eaff
  • editorOverviewRuler.selectionHighlightForeground#d6eaff
  • editorOverviewRuler.warningForeground#e36209
  • editorOverviewRuler.wordHighlightForeground#eaf2ff
  • editorOverviewRuler.wordHighlightStrongForeground#c8e1ff
  • editorParameterHint.activeBackground#d6eaff
  • editorParameterHint.activeForeground#2e2e2e
  • editorParameterHint.background#f9f9f9
  • editorParameterHint.border#e0e0e0
  • editorParameterHint.foreground#2e2e2e
  • editorRuler.foreground#e5e7eb
  • editorStickyScroll.background#fafafa
  • editorStickyScrollHover.background#f5f5f5
  • editorSuggestWidget.background#ffffff
  • editorSuggestWidget.border#e0e0e0
  • editorSuggestWidget.focusHighlightForeground#007acc
  • editorSuggestWidget.foreground#2e2e2e
  • editorSuggestWidget.highlightForeground#007acc
  • editorSuggestWidget.selectedBackground#d6eaff
  • editorSuggestWidget.selectedForeground#2e2e2e
  • editorSuggestWidget.selectedIconForeground#2e2e2e
  • editorUnicodeHighlight.background#fff3cd
  • editorUnicodeHighlight.border#e36209
  • editorWhitespace.foreground#d1d5db
  • editorWidget.background#f9f9f9
  • editorWidget.border#e0e0e0
  • errorForeground#d73a49
  • extensionButton.background#007acc
  • extensionButton.foreground#ffffff
  • extensionButton.hoverBackground#0056b3
  • extensionButton.prominentBackground#007acc
  • extensionButton.prominentForeground#ffffff
  • extensionButton.prominentHoverBackground#0056b3
  • extensionButton.separator#ffffff40
  • extensionIcon.preReleaseForeground#e36209
  • extensionIcon.starForeground#ffcc00
  • extensionIcon.verifiedForeground#28a745
  • focusBorder#007acc
  • foreground#2e2e2e
  • gitDecoration.addedResourceForeground#28a745
  • gitDecoration.conflictingResourceForeground#e36209
  • gitDecoration.deletedResourceForeground#d73a49
  • gitDecoration.ignoredResourceForeground#a0a0a0
  • gitDecoration.modifiedResourceForeground#007acc
  • gitDecoration.untrackedResourceForeground#28a745
  • icon.foreground#6c757d
  • inlineSuggestion.background#f0f0f0
  • inlineSuggestion.foreground#a0a0a0
  • input.background#ffffff
  • input.border#e0e0e0
  • input.foreground#2e2e2e
  • input.placeholderForeground#a0a0a0
  • inputValidation.errorBackground#fef2f2
  • inputValidation.errorBorder#d73a49
  • inputValidation.errorForeground#d73a49
  • inputValidation.infoBackground#f0f7ff
  • inputValidation.infoBorder#007acc
  • inputValidation.infoForeground#007acc
  • inputValidation.warningBackground#fffbf0
  • inputValidation.warningBorder#e36209
  • inputValidation.warningForeground#e36209
  • interactive.activeCodeBorder#007acc
  • interactive.inactiveCodeBorder#e0e0e0
  • keybindingLabel.background#f3f4f6
  • keybindingLabel.border#d1d5db
  • keybindingLabel.bottomBorder#9ca3af
  • keybindingLabel.foreground#374151
  • list.activeSelectionBackground#d6eaff
  • list.activeSelectionForeground#2e2e2e
  • list.deemphasizedForeground#9ca3af
  • list.errorForeground#d73a49
  • list.focusBackground#d6eaff
  • list.hoverBackground#f5f5f5
  • list.inactiveSelectionBackground#f0f0f0
  • list.inactiveSelectionForeground#2e2e2e
  • list.warningForeground#e36209
  • listFilterWidget.background#ffffff
  • listFilterWidget.noMatchesOutline#d73a49
  • listFilterWidget.outline#007acc
  • menu.background#ffffff
  • menu.border#e0e0e0
  • menu.foreground#2e2e2e
  • menu.selectionBackground#d6eaff
  • menu.selectionForeground#2e2e2e
  • menu.separatorBackground#e5e7eb
  • merge.border#e5e7eb
  • merge.commonContentBackground#f9f9f9
  • merge.commonHeaderBackground#f3f4f6
  • merge.currentContentBackground#f0f7ff
  • merge.currentHeaderBackground#f0f7ff
  • merge.incomingContentBackground#f6ffed
  • merge.incomingHeaderBackground#f6ffed
  • minimap.background#fafafa
  • minimap.errorHighlight#f8d7da
  • minimap.selectionHighlight#d6eaff
  • minimap.warningHighlight#fff3cd
  • notebook.cellBorderColor#e0e0e0
  • notebook.cellEditorBackground#ffffff
  • notebook.cellInsertionIndicator#007acc
  • notebook.cellStatusBarItemHoverBackground#f0f0f0
  • notebook.cellToolbarSeparator#e0e0e0
  • notebook.focusedCellBorder#007acc
  • notebook.focusedEditorBorder#007acc
  • notebook.inactiveFocusedCellBorder#e0e0e0
  • notebook.selectedCellBackground#f7f7f7
  • notebook.symbolHighlightBackground#fff3cd
  • notificationCenter.border#e5e7eb
  • notificationCenterHeader.background#f5f5f5
  • notificationCenterHeader.foreground#374151
  • notifications.background#ffffff
  • notifications.border#e0e0e0
  • notifications.foreground#2e2e2e
  • notificationsErrorIcon.foreground#d73a49
  • notificationsInfoIcon.foreground#007acc
  • notificationsWarningIcon.foreground#e36209
  • notificationToast.border#e5e7eb
  • outline.background#fafafa
  • panel.background#fafafa
  • panel.border#e0e0e0
  • panel.dropBorder#007acc
  • panelSection.border#e5e7eb
  • panelSection.dropBackground#f0f7ff
  • panelSectionHeader.background#f3f4f6
  • panelSectionHeader.border#e5e7eb
  • panelSectionHeader.foreground#374151
  • panelTitle.activeForeground#2e2e2e
  • panelTitle.inactiveForeground#666666
  • peekView.border#e5e7eb
  • peekViewEditor.background#f9f9f9
  • peekViewEditor.matchHighlightBackground#fff3cd
  • peekViewEditorGutter.background#f9f9f9
  • peekViewResult.background#f5f5f5
  • peekViewResult.fileForeground#2e2e2e
  • peekViewResult.lineForeground#6c757d
  • peekViewResult.matchHighlightBackground#fff3cd
  • peekViewResult.selectionBackground#d6eaff
  • peekViewResult.selectionForeground#2e2e2e
  • peekViewTitle.background#f0f0f0
  • peekViewTitleDescription.foreground#6c757d
  • peekViewTitleLabel.foreground#2e2e2e
  • pickerGroup.border#e0e0e0
  • pickerGroup.foreground#6c757d
  • ports.iconRunningProcessForeground#28a745
  • problemsErrorIcon.foreground#d73a49
  • problemsInfoIcon.foreground#007acc
  • problemsWarningIcon.foreground#e36209
  • progressBar.background#007acc
  • quickInput.background#ffffff
  • quickInput.border#e0e0e0
  • quickInput.foreground#2e2e2e
  • quickInput.list.activeSelectionBackground#d6eaff
  • quickInput.list.activeSelectionForeground#2e2e2e
  • quickInput.list.activeSelectionIconForeground#2e2e2e
  • quickInput.list.background#ffffff
  • quickInput.list.focusBackground#d6eaff
  • quickInput.list.focusForeground#2e2e2e
  • quickInput.list.focusIconForeground#2e2e2e
  • quickInput.list.foreground#2e2e2e
  • quickInput.list.hoverBackground#f5f5f5
  • quickInput.list.hoverForeground#2e2e2e
  • quickInput.list.inactiveSelectionBackground#f0f0f0
  • quickInput.list.inactiveSelectionForeground#2e2e2e
  • quickInput.list.inactiveSelectionIconForeground#2e2e2e
  • quickInputTitle.background#f5f5f5
  • quickInputTitle.foreground#374151
  • scrollbar.shadow#00000020
  • scrollbarSlider.activeBackground#808080
  • scrollbarSlider.background#c0c0c0
  • scrollbarSlider.hoverBackground#a0a0a0
  • searchEditor.findMatchBackground#fff3cd
  • searchEditor.findMatchBorder#ffe066
  • searchEditor.textInputBorder#e0e0e0
  • settings.checkboxBackground#ffffff
  • settings.checkboxBorder#e0e0e0
  • settings.checkboxForeground#2e2e2e
  • settings.dropdownBackground#ffffff
  • settings.dropdownBorder#e0e0e0
  • settings.dropdownForeground#2e2e2e
  • settings.dropdownListBorder#e0e0e0
  • settings.focusedRowBackground#f0f7ff
  • settings.focusedRowBorder#007acc
  • settings.headerForeground#2e2e2e
  • settings.modifiedItemIndicator#007acc
  • settings.numberInputBackground#ffffff
  • settings.numberInputBorder#e0e0e0
  • settings.numberInputForeground#2e2e2e
  • settings.rowHoverBackground#f5f5f5
  • settings.sashBorder#e0e0e0
  • settings.settingsHeaderHoverForeground#007acc
  • settings.textInputBackground#ffffff
  • settings.textInputBorder#e0e0e0
  • settings.textInputForeground#2e2e2e
  • sideBar.background#fafafa
  • sideBar.border#e8e8e8
  • sideBar.dropBackground#f0f7ff
  • sideBar.foreground#333333
  • sideBarSectionHeader.background#f5f5f5
  • sideBarSectionHeader.border#e0e0e0
  • sideBarSectionHeader.foreground#444444
  • statusBar.background#f0f0f0
  • statusBar.border#e0e0e0
  • statusBar.debuggingBackground#e36209
  • statusBar.debuggingBorder#bf5817
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#333333
  • statusBar.noFolderBackground#f3f4f6
  • statusBar.noFolderBorder#e5e7eb
  • statusBar.noFolderForeground#6b7280
  • statusBarItem.activeBackground#cccccc
  • statusBarItem.compactHoverBackground#e0e0e0
  • statusBarItem.errorBackground#d73a49
  • statusBarItem.errorForeground#ffffff
  • statusBarItem.hoverBackground#e0e0e0
  • statusBarItem.prominentBackground#e5e7eb
  • statusBarItem.prominentForeground#374151
  • statusBarItem.prominentHoverBackground#d1d5db
  • statusBarItem.remoteBackground#007acc
  • statusBarItem.remoteForeground#ffffff
  • statusBarItem.warningBackground#e36209
  • statusBarItem.warningForeground#ffffff
  • symbolIcon.arrayForeground#b33e00
  • symbolIcon.booleanForeground#a13d63
  • symbolIcon.classForeground#1d4ed8
  • symbolIcon.colorForeground#b33e00
  • symbolIcon.constantForeground#a13d63
  • symbolIcon.constructorForeground#8957e5
  • symbolIcon.enumeratorForeground#1d4ed8
  • symbolIcon.enumeratorMemberForeground#0550ae
  • symbolIcon.eventForeground#e36209
  • symbolIcon.fieldForeground#0550ae
  • symbolIcon.fileForeground#6c757d
  • symbolIcon.folderForeground#6c757d
  • symbolIcon.functionForeground#0550ae
  • symbolIcon.interfaceForeground#1d4ed8
  • symbolIcon.keyForeground#0550ae
  • symbolIcon.keywordForeground#8957e5
  • symbolIcon.methodForeground#0550ae
  • symbolIcon.moduleForeground#6c757d
  • symbolIcon.namespaceForeground#6c757d
  • symbolIcon.nullForeground#a13d63
  • symbolIcon.numberForeground#b33e00
  • symbolIcon.objectForeground#0550ae
  • symbolIcon.operatorForeground#8957e5
  • symbolIcon.packageForeground#6c757d
  • symbolIcon.propertyForeground#0550ae
  • symbolIcon.referenceForeground#0550ae
  • symbolIcon.snippetForeground#0a6a3d
  • symbolIcon.stringForeground#0a6a3d
  • symbolIcon.structForeground#1d4ed8
  • symbolIcon.textForeground#2e2e2e
  • symbolIcon.typeParameterForeground#1d4ed8
  • symbolIcon.unitForeground#b33e00
  • symbolIcon.variableForeground#0550ae
  • tab.activeBackground#ffffff
  • tab.activeBorder#007acc
  • tab.activeBorderTop#007acc
  • tab.activeForeground#2e2e2e
  • tab.border#e0e0e0
  • tab.hoverBackground#f3f4f6
  • tab.hoverForeground#2e2e2e
  • tab.inactiveBackground#f5f5f5
  • tab.inactiveForeground#666666
  • tab.lastPinnedBorder#007acc
  • tab.unfocusedActiveBackground#f9f9f9
  • tab.unfocusedActiveForeground#6b7280
  • tab.unfocusedHoverBackground#f9f9f9
  • tab.unfocusedHoverForeground#6b7280
  • tab.unfocusedInactiveBackground#f3f4f6
  • tab.unfocusedInactiveForeground#9ca3af
  • terminal.ansiBlack#2e2e2e
  • terminal.ansiBlue#007acc
  • terminal.ansiBrightBlack#6c757d
  • terminal.ansiBrightBlue#4c9eff
  • terminal.ansiBrightCyan#00bcd4
  • terminal.ansiBrightGreen#28a745
  • terminal.ansiBrightMagenta#c2185b
  • terminal.ansiBrightRed#d73a49
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#e36209
  • terminal.ansiCyan#00acc1
  • terminal.ansiGreen#0a6a3d
  • terminal.ansiMagenta#9c27b0
  • terminal.ansiRed#c53030
  • terminal.ansiWhite#9ca3af
  • terminal.ansiYellow#b7791f
  • terminal.background#ffffff
  • terminal.foreground#2e2e2e
  • terminal.selectionBackground#d6eaff
  • terminalCursor.foreground#4a4a4a
  • testing.iconErrored#d73a49
  • testing.iconFailed#d73a49
  • testing.iconPassed#28a745
  • testing.iconSkipped#e36209
  • testing.message.error.decorationForeground#d73a49
  • testing.message.info.decorationForeground#007acc
  • textBlockQuote.background#f9f9f9
  • textBlockQuote.border#e0e0e0
  • textCodeBlock.background#f7f7f7
  • textLink.activeForeground#0056b3
  • textLink.foreground#007acc
  • textPreformat.background#f7f7f7
  • textPreformat.foreground#0a6a3d
  • textSeparator.foreground#d1d5db
  • titleBar.activeBackground#f9f9f9
  • titleBar.activeBorder#007acc
  • titleBar.activeForeground#222222
  • titleBar.border#e0e0e0
  • titleBar.inactiveBackground#f9f9f9
  • titleBar.inactiveBorder#e5e7eb
  • titleBar.inactiveForeground#888888
  • toolbar.activeBackground#e0e0e0
  • toolbar.background#f5f5f5
  • toolbar.hoverBackground#e8e8e8
  • toolbar.hoverOutline#007acc
  • tooltip.background#2e2e2e
  • tooltip.border#e0e0e0
  • tooltip.foreground#ffffff
  • tree.indentGuidesStroke#d1d5db
  • tree.tableColumnsBorder#e5e7eb
  • walkthrough.embeddedEditorBackground#fafafa
  • walkthrough.stepTitle.foreground#2e2e2e
  • welcomePage.background#ffffff
  • welcomePage.buttonBackground#f3f4f6
  • welcomePage.buttonHoverBackground#e5e7eb
  • welcomePage.progress.background#007acc
  • welcomePage.progress.foreground#ffffff
  • welcomePage.tileBackground#f9f9f9
  • welcomePage.tileBorder#e0e0e0
  • welcomePage.tileHoverBackground#f0f0f0
  • widget.border#e5e7eb
  • widget.shadow#00000020
  • window.activeBorder#007acc
  • window.inactiveBorder#e5e7eb

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment.line, comment.block#8a8a8aitalic
comment.block.documentation, comment.line.documentation#6c757ditalic
keyword, keyword.control, keyword.operator, keyword.other#8957e5
keyword.control.flow, keyword.control.loop#7c4dff
string, string.quoted, string.template#0a6a3d
string.regexp, string.regexp.source#b33e00
variable, variable.other, variable.language, variable.parameter#0550ae
variable.other.constant, variable.other.readwrite#1d4ed8
constant, constant.numeric, constant.character, constant.other#b33e00
constant.language, constant.language.boolean, constant.language.null#a13d63
entity.name.function, meta.function, support.function#0550ae
entity.name.function.method, meta.method#0550ae
entity.name.type, entity.name.class, entity.name.interface#1d4ed8
entity.other.inherited-class, entity.name.type.class#1d4ed8italic
storage.type, storage.modifier#8957e5
punctuation, punctuation.separator, punctuation.terminator#333333
keyword.operator, keyword.operator.arithmetic, keyword.operator.logical#8957e5
variable.other.property, variable.other.object.property#0550ae
entity.other.attribute-name, meta.attribute#1d4ed8
entity.name.tag, meta.tag#116329
entity.name.tag.html, entity.name.tag.xml#116329
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name#0550ae
source.css constant.other.color, source.sass constant.other.color, source.scss constant.other.color#b33e00
variable.language.this, variable.language.super#a13d63italic
meta.directive, meta.preprocessor#963a24
invalid, invalid.illegal#ffffff
emphasisitalic
strongbold
markup.underline.link, string.other.link#0550ae
markup.heading, markup.heading.setext#0550aebold
markup.bold, markup.strong#0550aebold
markup.italic, markup.emphasis#0a6a3ditalic
markup.quote#8a8a8aitalic
markup.list, markup.list.bullet#8957e5
markup.inline.raw, markup.fenced_code.block#0a6a3d
storage.type.function.python, meta.function.python#0550ae
variable.parameter.function.python#a13d63
support.type.python#1d4ed8
meta.object-literal.key, string.quoted.double.json, string.quoted.single.json#0550ae
meta.brace.square.ts, meta.brace.square.js#333333
entity.name.type.alias, entity.name.type.interface.ts, entity.name.type.class.ts#1d4ed8
support.class.component.react, entity.name.tag.tsx, entity.name.tag.jsx#116329
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css#0550ae
support.constant.property-value.css#b33e00
meta.at-rule.media.css, keyword.control.at-rule.css#8957e5
variable.other.php, punctuation.definition.variable.php#0550ae
keyword.type.go, entity.name.type.go#1d4ed8
entity.name.type.struct.rust, entity.name.type.enum.rust, storage.type.struct.rust#1d4ed8
keyword.operator.macro.rust#8957e5
entity.name.type.typedef, storage.type.typedef#1d4ed8
keyword.other.DML.sql, keyword.other.DDL.sql#8957e5
entity.name.tag.yaml#0550ae
keyword.other.special-method.dockerfile, entity.name.function.dockerfile#8957e5
keyword.control.shell, support.function.builtin.shell#8957e5
keyword.operation.graphql, keyword.type.graphql#8957e5
entity.name.tag.template.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#116329
variable.language.self, variable.language.this, variable.language.super#a13d63italic
support.type.primitive, support.type.builtin#1d4ed8
entity.name.namespace, entity.name.package#6c757d
invalid.deprecated, invalid.illegal#ffffff
invalid.unimplemented#d73a49underline
Obsidian Light by narcilee7 - VS Code Theme