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.activeBorder#2A2535
  • activityBar.background#141220
  • activityBar.dropBorder#2A2535
  • activityBar.foreground#dad7de
  • activityBar.inactiveForeground#7A6F85
  • activityBarBadge.background#B06CD5
  • activityBarBadge.foreground#191624
  • badge.background#C678DD
  • badge.foreground#191624
  • banner.background#191624
  • banner.foreground#DCD4E0
  • banner.iconForeground#7A6F85
  • breadcrumb.activeSelectionForeground#E8E4F0
  • breadcrumb.background#1A1625
  • breadcrumb.focusForeground#B06CD5
  • breadcrumb.foreground#7A6F85
  • breadcrumbPicker.background#1A1625
  • button.background#B06CD5
  • button.foreground#FFFFFF
  • button.hoverBackground#D580E6
  • button.secondaryBackground#2F2941
  • button.secondaryForeground#FFFFFF
  • button.secondaryHoverBackground#443B58
  • charts.blue#61afef
  • charts.foreground#DCD4E0
  • charts.green#8FBC8F
  • charts.lines#7A6F85
  • charts.orange#E49E62
  • charts.purple#C678DD
  • charts.red#C678DD
  • charts.yellow#DDB26F
  • checkbox.background#191624
  • checkbox.border#5A4E7A33
  • checkbox.foreground#DCD4E0
  • debugExceptionWidget.background#191624
  • debugExceptionWidget.border#5A4E7A33
  • debugIcon.breakpointCurrentStackframeForeground#7A6F85
  • debugIcon.breakpointDisabledForeground#7A6F85
  • debugIcon.breakpointForeground#7A6F85
  • debugIcon.breakpointStackframeForeground#7A6F85
  • debugIcon.breakpointUnverifiedForeground#7A6F85
  • debugIcon.continueForeground#7A6F85
  • debugIcon.disconnectForeground#7A6F85
  • debugIcon.pauseForeground#7A6F85
  • debugIcon.restartForeground#7A6F85
  • debugIcon.startForeground#7A6F85
  • debugIcon.stepBackForeground#7A6F85
  • debugIcon.stepIntoForeground#7A6F85
  • debugIcon.stepOutForeground#7A6F85
  • debugIcon.stepOverForeground#7A6F85
  • debugIcon.stopForeground#C678DD
  • debugToolBar.background#191624
  • debugToolBar.border#2F2941
  • descriptionForeground#7A6F85
  • diffEditor.border#2F2941
  • diffEditor.diagonalFill#5A4E7A66
  • diffEditor.insertedLineBackground#8FBC8F26
  • diffEditor.insertedTextBackground#8FBC8F26
  • diffEditor.removedLineBackground#C678DD26
  • diffEditor.removedTextBackground#C678DD26
  • diffEditorOverview.insertedForeground#8FBC8F80
  • diffEditorOverview.removedForeground#C678DD80
  • dropdown.background#1A1625
  • dropdown.border#5A4E7A66
  • dropdown.foreground#E8E4F0
  • dropdown.listBackground#1A1625
  • editor.background#1A1625
  • editor.findMatchBackground#DDB26F66
  • editor.findMatchBorder#DDB26F
  • editor.findMatchForeground#FFFFFF
  • editor.findMatchHighlightBackground#5A4E7A99
  • editor.findMatchHighlightForeground#FFFFFF
  • editor.findRangeHighlightBackground#5A4E7A99
  • editor.findRangeHighlightBorder#5A4E7A
  • editor.focusedStackFrameHighlightBackground#5A4E7A66
  • editor.foldBackground#5A4E7A66
  • editor.foreground#E8E4F0
  • editor.hoverHighlightBackground#5A4E7A33
  • editor.inactiveSelectionBackground#5A4E7A33
  • editor.inlineValuesBackground#2F2941
  • editor.inlineValuesForeground#DCD4E0
  • editor.lineHighlightBackground#2A2535
  • editor.lineHighlightBorder#00000000
  • editor.linkedEditingBackground#5A4E7A66
  • editor.rangeHighlightBackground#5A4E7A33
  • editor.selectionBackground#4A3D58
  • editor.selectionForeground#FFFFFF
  • editor.selectionHighlightBackground#5A4E7A66
  • editor.selectionHighlightBorder#5A4E7A
  • editor.snippetFinalTabstopHighlightBackground#5A4E7A33
  • editor.snippetFinalTabstopHighlightBorder#1B1626
  • editor.snippetTabstopHighlightBackground#5A4E7A33
  • editor.snippetTabstopHighlightBorder#1B1626
  • editor.stackFrameHighlightBackground#5A4E7A33
  • editor.symbolHighlightBackground#5A4E7A33
  • editor.symbolHighlightBorder#00000000
  • editor.wordHighlightBackground#5A4E7A33
  • editor.wordHighlightBorder#00000000
  • editor.wordHighlightStrongBackground#5A4E7A33
  • editor.wordHighlightStrongBorder#5A4E7A33
  • editorBracketHighlight.foreground1#D4A1D6
  • editorBracketHighlight.foreground2#A1C4E6
  • editorBracketHighlight.foreground3#DDB26F80
  • editorBracketHighlight.foreground4#8FBC8F80
  • editorBracketHighlight.foreground5#C678DD80
  • editorBracketHighlight.foreground6#E6B89C80
  • editorBracketMatch.background#00000000
  • editorBracketMatch.border#D4A1D6
  • editorBracketPairGuide.activeBackground1#D4A1D6
  • editorBracketPairGuide.activeBackground2#A1C4E6
  • editorBracketPairGuide.activeBackground3#DDB26F
  • editorBracketPairGuide.activeBackground4#8FBC8F
  • editorBracketPairGuide.activeBackground5#C678DD
  • editorBracketPairGuide.activeBackground6#E6B89C
  • editorBracketPairGuide.background1#D4A1D680
  • editorBracketPairGuide.background2#A1C4E680
  • editorBracketPairGuide.background3#DDB26F80
  • editorBracketPairGuide.background4#8FBC8F80
  • editorBracketPairGuide.background5#C678DD80
  • editorBracketPairGuide.background6#E6B89C80
  • editorCodeLens.foreground#B06CD5
  • editorCursor.background#1A1625
  • editorCursor.foreground#F0A8D8
  • editorError.border#5A4E7A33
  • editorError.foreground#E6A3C7
  • editorGhostText.foreground#7A6F8580
  • editorGroup.border#3A3348
  • editorGroup.dropBackground#5A4E7A33
  • editorGroup.emptyBackground#1A1625
  • editorGroup.focusedEmptyBorder#5A4E7A33
  • editorGroupHeader.noTabsBackground#1A1625
  • editorGroupHeader.tabsBackground#1A1625
  • editorGroupHeader.tabsBorder#2F2941
  • editorGutter.addedBackground#61afef
  • editorGutter.background#1B1626
  • editorGutter.commentRangeForeground#2F2941
  • editorGutter.deletedBackground#C678DD
  • editorGutter.foldingControlForeground#C678DD
  • editorGutter.modifiedBackground#C678DD
  • editorHint.border#5A4E7A33
  • editorHint.foreground#B06CD5
  • editorHoverWidget.background#1A1625
  • editorHoverWidget.border#5A4E7A66
  • editorHoverWidget.foreground#DCD4E0
  • editorHoverWidget.highlightForeground#E8E4F0
  • editorHoverWidget.statusBarBackground#2F2941
  • editorIndentGuide.activeBackground1#5A4E7A66
  • editorIndentGuide.background1#5A4E7A80
  • editorInfo.border#2F2941
  • editorInfo.foreground#61afef
  • editorInlayHint.background#2F2941
  • editorInlayHint.foreground#DCD4E0
  • editorInlayHint.parameterBackground#3A3348
  • editorInlayHint.parameterForeground#C678DD
  • editorInlayHint.typeBackground#2A2535
  • editorInlayHint.typeForeground#8FBC8F
  • editorLightBulb.foreground#61afef
  • editorLightBulbAutoFix.foreground#C678DD
  • editorLineNumber.activeForeground#F0E6B8
  • editorLineNumber.foreground#7A6F85
  • editorLink.activeForeground#C678DD
  • editorMarkerNavigation.background#191624
  • editorMarkerNavigationError.background#191624
  • editorMarkerNavigationInfo.background#191624
  • editorMarkerNavigationWarning.background#191624
  • editorOverviewRuler.addedForeground#61afef80
  • editorOverviewRuler.background#191624
  • editorOverviewRuler.border#5A4E7A66
  • editorOverviewRuler.bracketMatchForeground#D4A1D6
  • editorOverviewRuler.commentForeground#A68FB380
  • editorOverviewRuler.commentUnresolvedForeground#DDB26F80
  • editorOverviewRuler.commonContentForeground#5A4E7A1A
  • editorOverviewRuler.currentContentForeground#5A4E7A33
  • editorOverviewRuler.deletedForeground#C678DD80
  • editorOverviewRuler.errorForeground#E6A3C780
  • editorOverviewRuler.findMatchForeground#5A4E7A66
  • editorOverviewRuler.incomingContentForeground#C678DD80
  • editorOverviewRuler.infoForeground#61afef80
  • editorOverviewRuler.modifiedForeground#C678DD80
  • editorOverviewRuler.rangeHighlightForeground#5A4E7A66
  • editorOverviewRuler.selectionHighlightForeground#5A4E7A66
  • editorOverviewRuler.warningForeground#E6D19C80
  • editorOverviewRuler.wordHighlightForeground#5A4E7A33
  • editorOverviewRuler.wordHighlightStrongForeground#5A4E7A66
  • editorPane.background#00000000
  • editorRuler.foreground#5A4E7A66
  • editorSuggestWidget.background#211d2c
  • editorSuggestWidget.border#5A4E7A66
  • editorSuggestWidget.focusHighlightForeground#C678DD
  • editorSuggestWidget.foreground#DCD4E0
  • editorSuggestWidget.highlightForeground#C678DD
  • editorSuggestWidget.selectedBackground#3A3348
  • editorSuggestWidget.selectedForeground#FFFFFF
  • editorSuggestWidget.selectedIconForeground#FFFFFF
  • editorUnnecessaryCode.border#ffffff25
  • editorUnnecessaryCode.opacity#dcd4e084
  • editorWarning.border#00000000
  • editorWarning.foreground#E6D19C
  • editorWhitespace.foreground#5A4E7A80
  • editorWidget.background#191624
  • editorWidget.border#2F2941
  • editorWidget.foreground#7A6F85
  • editorWidget.resizeBorder#7A6F85
  • errorForeground#E6A3C7
  • extensionBadge.remoteBackground#d56c84
  • extensionBadge.remoteForeground#FFFFFF
  • extensionButton.prominentBackground#d56c84
  • extensionButton.prominentForeground#FFFFFF
  • extensionButton.prominentHoverBackground#d56c84
  • extensionIcon.preReleaseForeground#61afef
  • extensionIcon.starForeground#E6B89C
  • extensionIcon.verifiedForeground#8FBC8F
  • focusBorder#5A4E7A
  • foreground#E8E4F0
  • git.blame.editorDecorationForeground#DCD4E0
  • gitDecoration.addedResourceForeground#8FBC8F
  • gitDecoration.conflictingResourceForeground#E6B89C
  • gitDecoration.deletedResourceForeground#C678DD
  • gitDecoration.ignoredResourceForeground#7A6F85
  • gitDecoration.modifiedResourceForeground#61afef
  • gitDecoration.renamedResourceForeground#8FBC8F
  • gitDecoration.stageDeletedResourceForeground#C678DD
  • gitDecoration.stageModifiedResourceForeground#61afef
  • gitDecoration.submoduleResourceForeground#DDB26F
  • gitDecoration.untrackedResourceForeground#DDB26F
  • icon.foreground#7A6F85
  • input.background#2F294180
  • input.border#5A4E7A33
  • input.foreground#DCD4E0
  • input.placeholderForeground#7A6F85
  • inputOption.activeBackground#C678DD26
  • inputOption.activeBorder#00000000
  • inputOption.activeForeground#C678DD
  • inputValidation.errorBackground#191624
  • inputValidation.errorBorder#5A4E7A66
  • inputValidation.errorForeground#E6A3C7
  • inputValidation.infoBackground#191624
  • inputValidation.infoBorder#5A4E7A66
  • inputValidation.infoForeground#61afef
  • inputValidation.warningBackground#191624
  • inputValidation.warningBorder#5A4E7A66
  • inputValidation.warningForeground#E6D19C
  • keybindingLabel.background#2A2535
  • keybindingLabel.border#5A4E7A80
  • keybindingLabel.bottomBorder#5A4E7A80
  • keybindingLabel.foreground#B06CD5
  • keybindingTable.headerBackground#1A1625
  • keybindingTable.rowsBackground#1A1625
  • list.activeSelectionBackground#2A2535
  • list.activeSelectionForeground#DCD4E0
  • list.deemphasizedForeground#7A6F85
  • list.dropBackground#191624
  • list.errorForeground#E6A3C7
  • list.filterMatchBackground#191624
  • list.filterMatchBorder#C678DD
  • list.focusBackground#5A4E7A33
  • list.focusForeground#DCD4E0
  • list.focusOutline#5A4E7A33
  • list.highlightForeground#C678DD
  • list.hoverBackground#5A4E7A26
  • list.hoverForeground#DCD4E0
  • list.inactiveFocusBackground#5A4E7A1A
  • list.inactiveSelectionBackground#191624
  • list.inactiveSelectionForeground#DCD4E0
  • list.invalidItemForeground#E6A3C7
  • list.warningForeground#E6D19C
  • listFilterWidget.background#191624
  • listFilterWidget.noMatchesOutline#E6A3C7
  • listFilterWidget.outline#2F2941
  • menu.background#191624
  • menu.border#5A4E7A1A
  • menu.foreground#DCD4E0
  • menu.selectionBackground#5A4E7A33
  • menu.selectionBorder#2F2941
  • menu.selectionForeground#DCD4E0
  • menu.separatorBackground#5A4E7A66
  • menubar.selectionBackground#5A4E7A33
  • menubar.selectionBorder#5A4E7A1A
  • menubar.selectionForeground#DCD4E0
  • merge.border#2F2941
  • merge.commonContentBackground#5A4E7A33
  • merge.commonHeaderBackground#5A4E7A33
  • merge.currentContentBackground#DDB26F80
  • merge.currentHeaderBackground#DDB26F80
  • merge.incomingContentBackground#61afef80
  • merge.incomingHeaderBackground#61afef80
  • minimap.background#191624
  • minimap.errorHighlight#E6A3C780
  • minimap.findMatchHighlight#5A4E7A33
  • minimap.selectionHighlight#5A4E7A33
  • minimap.warningHighlight#E6D19C80
  • minimapGutter.addedBackground#61afef
  • minimapGutter.deletedBackground#C678DD
  • minimapGutter.modifiedBackground#C678DD
  • minimapSlider.activeBackground#5A4E7A66
  • minimapSlider.background#5A4E7A33
  • minimapSlider.hoverBackground#5A4E7A66
  • notebook.cellBorderColor#61afef80
  • notebook.cellEditorBackground#191624
  • notebook.cellHoverBackground#2F294180
  • notebook.focusedCellBackground#5A4E7A1A
  • notebook.focusedCellBorder#61afef
  • notebook.outputContainerBackgroundColor#5A4E7A1A
  • notificationCenter.border#5A4E7A33
  • notificationCenterHeader.background#191624
  • notificationCenterHeader.foreground#7A6F85
  • notificationLink.foreground#C678DDE6
  • notifications.background#191624
  • notifications.border#5A4E7A33
  • notifications.foreground#DCD4E0
  • notificationsErrorIcon.foreground#E6A3C7
  • notificationsInfoIcon.foreground#61afef
  • notificationsWarningIcon.foreground#E6D19C
  • notificationToast.border#5A4E7A33
  • panel.background#1E1A29
  • panel.border#2A2535
  • panel.dropBorder#5A4E7A66
  • panelInput.border#2A2535
  • panelSection.dropBackground#5A4E7A40
  • panelSectionHeader.background#211d2c
  • panelSectionHeader.foreground#dad7de
  • panelTitle.activeBorder#B06CD5
  • panelTitle.activeForeground#dad7de
  • panelTitle.inactiveForeground#7A6F85
  • peekView.border#2F2941
  • peekViewEditor.background#191624
  • peekViewEditor.matchHighlightBackground#5A4E7A66
  • peekViewResult.background#191624
  • peekViewResult.fileForeground#7A6F85
  • peekViewResult.lineForeground#7A6F85
  • peekViewResult.matchHighlightBackground#5A4E7A66
  • peekViewResult.selectionBackground#5A4E7A33
  • peekViewResult.selectionForeground#DCD4E0
  • peekViewTitle.background#2F2941
  • peekViewTitleDescription.foreground#7A6F85
  • pickerGroup.border#5A4E7A66
  • pickerGroup.foreground#C678DD
  • ports.iconRunningProcessForeground#C678DD
  • problemsErrorIcon.foreground#E6A3C7
  • problemsInfoIcon.foreground#61afef
  • problemsWarningIcon.foreground#E6D19C
  • progressBar.background#B06CD5
  • quickInput.background#1E1A29
  • quickInput.foreground#b2b2b2
  • quickInputList.focusBackground#2F2941
  • quickInputList.focusForeground#ffffff
  • quickInputList.focusIconForeground#ffffff
  • scrollbar.shadow#1916244D
  • scrollbarSlider.activeBackground#61afef80
  • scrollbarSlider.background#5A4E7A33
  • scrollbarSlider.hoverBackground#5A4E7A66
  • searchEditor.findMatchBackground#5A4E7A33
  • selection.background#5A4E7A66
  • settings.focusedRowBackground#191624
  • settings.focusedRowBorder#5A4E7A33
  • settings.headerForeground#DCD4E0
  • settings.modifiedItemIndicator#C678DD
  • settings.rowHoverBackground#191624
  • sideBar.background#1F1B2A
  • sideBar.dropBackground#191624
  • sideBar.foreground#dad7de
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#2A2535
  • statusBar.background#16141F
  • statusBar.debuggingBackground#211D2C
  • statusBar.debuggingForeground#FFFFFF
  • statusBar.foreground#E8E4F0
  • statusBar.noFolderBackground#16141F
  • statusBar.noFolderForeground#E8E4F0
  • statusBarItem.activeBackground#2F2941
  • statusBarItem.errorBackground#2F2941
  • statusBarItem.errorForeground#E6A3C7
  • statusBarItem.hoverBackground#3A3348
  • statusBarItem.prominentBackground#2F2941
  • statusBarItem.prominentForeground#FFFFFF
  • statusBarItem.prominentHoverBackground#3A3348
  • statusBarItem.remoteBackground#2F2941
  • statusBarItem.remoteForeground#E6B89C
  • symbolIcon.arrayForeground#7A6F85
  • symbolIcon.classForeground#7A6F85
  • symbolIcon.colorForeground#7A6F85
  • symbolIcon.constantForeground#7A6F85
  • symbolIcon.constructorForeground#7A6F85
  • symbolIcon.enumeratorForeground#7A6F85
  • symbolIcon.enumeratorMemberForeground#7A6F85
  • symbolIcon.eventForeground#7A6F85
  • symbolIcon.fieldForeground#7A6F85
  • symbolIcon.fileForeground#7A6F85
  • symbolIcon.folderForeground#7A6F85
  • symbolIcon.functionForeground#7A6F85
  • symbolIcon.interfaceForeground#7A6F85
  • symbolIcon.keyForeground#7A6F85
  • symbolIcon.keywordForeground#7A6F85
  • symbolIcon.methodForeground#7A6F85
  • symbolIcon.moduleForeground#7A6F85
  • symbolIcon.namespaceForeground#7A6F85
  • symbolIcon.nullForeground#7A6F85
  • symbolIcon.numberForeground#7A6F85
  • symbolIcon.objectForeground#7A6F85
  • symbolIcon.operatorForeground#7A6F85
  • symbolIcon.packageForeground#7A6F85
  • symbolIcon.propertyForeground#7A6F85
  • symbolIcon.referenceForeground#7A6F85
  • symbolIcon.snippetForeground#7A6F85
  • symbolIcon.stringForeground#7A6F85
  • symbolIcon.structForeground#7A6F85
  • symbolIcon.textForeground#7A6F85
  • symbolIcon.typeParameterForeground#7A6F85
  • symbolIcon.unitForeground#7A6F85
  • symbolIcon.variableForeground#7A6F85
  • tab.activeBackground#2A2535
  • tab.activeBorder#D580E6
  • tab.activeForeground#E8E4F0
  • tab.activeModifiedBorder#B06CD5
  • tab.border#2F2941
  • tab.hoverBackground#2F2941
  • tab.inactiveBackground#1A1625
  • tab.inactiveForeground#7A6F85
  • tab.inactiveModifiedBorder#B06CD580
  • tab.lastPinnedBorder#5A4E7A66
  • tab.unfocusedActiveBackground#2A2535
  • tab.unfocusedHoverBackground#2A2535
  • tab.unfocusedInactiveBackground#1A1625
  • tab.unfocusedInactiveModifiedBorder#B06CD533
  • terminal.ansiBlack#2F2941
  • terminal.ansiBlue#7BB7F0
  • terminal.ansiBrightBlack#7A6F85
  • terminal.ansiBrightBlue#61afef
  • terminal.ansiBrightCyan#C678DD
  • terminal.ansiBrightGreen#9DCC9D
  • terminal.ansiBrightMagenta#B06CD5
  • terminal.ansiBrightRed#C678DD
  • terminal.ansiBrightWhite#DCD4E0
  • terminal.ansiBrightYellow#DDB26F
  • terminal.ansiCyan#8FBC8F
  • terminal.ansiGreen#9DCC9D
  • terminal.ansiMagenta#B06CD5
  • terminal.ansiRed#C678DD
  • terminal.ansiWhite#DCD4E0
  • terminal.ansiYellow#DDB26F
  • terminal.background#1E1A29
  • terminal.dropBackground#5A4E7A33
  • terminal.foreground#DCD4E0
  • terminal.selectionBackground#5A4E7A33
  • terminal.tab.activeBorder#DCD4E0
  • terminalCursor.background#DCD4E0
  • terminalCursor.foreground#C678DD
  • textBlockQuote.background#191624
  • textBlockQuote.border#5A4E7A33
  • textCodeBlock.background#191624
  • textLink.activeForeground#C678DDE6
  • textLink.foreground#C678DD
  • textPreformat.foreground#DDB26F
  • textSeparator.foreground#7A6F85
  • titleBar.activeBackground#14121C
  • titleBar.activeForeground#7A6F85
  • titleBar.inactiveBackground#12101A
  • titleBar.inactiveForeground#7A6F85
  • toolbar.activeBackground#5A4E7A66
  • toolbar.hoverBackground#5A4E7A33
  • tree.indentGuidesStroke#7A6F85
  • walkThrough.embeddedEditorBackground#1B1626
  • welcomePage.background#1B1626
  • widget.shadow#1916244D
  • window.activeBorder#191624
  • window.inactiveBorder#191624

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#A68FB3italic
keyword, storage.type, storage.modifier#E1B8E4bold
constant.numeric, constant.language#E6B89C
string, punctuation.definition.string#C8E6C8
string.template, punctuation.definition.string.template#B8E6C8
meta.template.expression, punctuation.definition.template-expression#E6B89C
variable, variable.other, variable.language, variable.argument#E8E4F0
entity.name.function, entity.name.method#D580E6bold
variable.function, meta.function-call#A1C4E6
support.function#A1C4E6italic
entity.name.type, support.type, entity.other.inherited-class#A1C4E6bold
storage.modifier.import, storage.modifier.export#E1B8E4bold
punctuation.separator, punctuation.terminator#C4A1D6
punctuation.definition.parameters, meta.brace.round#D4A1D6
punctuation.definition.array, meta.brace.square#A1C4D6
punctuation.definition.block, meta.brace.curly#C4A1D6
constant, constant.character.escape#E1B8E4bold
keyword.operator, keyword.separator#C4A1D6
entity.name.variable#E8E4F0
invalid, invalid.deprecated#E6A3C7
support.type.property-name.css, meta.property-name.css, support.type.property-name.scss, meta.property-name.scss#7BB7F0bold
support.constant.property-value.css, meta.property-value.css, constant.numeric.css, support.constant.property-value.scss, meta.property-value.scss#E6B89C
keyword.control.at-rule.css, keyword.control.at-rule.scss, punctuation.definition.keyword.css, punctuation.definition.keyword.scss#8FBC8Fbold
entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css#D580E6
keyword.other.unit.css, keyword.other.unit.scss#DDB26F
support.function.css, support.function.scss#A1C4E6italic
entity.other.attribute-name.class.css#B8D4E6
entity.name.tag, punctuation.definition.tag#A1C4E6bold
entity.other.attribute-name#C4A1D6italic
string.quoted.double.html, string.quoted.single.html#C8E6C8
constant.character.entity.html#E6B89C
meta.object-literal.key, meta.object-literal.key.js, meta.object-literal.key.ts, variable.other.object.property#B8D4E6
variable.other.constant.js, variable.other.constant.ts#E6B89Cbold
punctuation.decorator, meta.decorator#DDB26F
support.type.property-name.json#A1C4E6
markup.heading, markup.bold#E1B8E4bold
markup.italic#D580E6italic
markup.underline.link#A1C4E6underline
markup.inline.raw, markup.fenced_code.block#E6B89C
markup.quote#A68FB3italic
support.function.builtin.python#A1C4E6italic
entity.name.function.decorator.python, punctuation.definition.decorator.python#DDB26F
string.quoted.docstring#A68FB3italic
string.regexp#DDB26F
constant.character.escape#E6B89Cbold
punctuation.definition.string#C8E6C8
entity.name.tag#A1C4E6
entity.other.attribute-name#C4A1D6
Monokai Rose by David Federico - VS Code Theme