Monokai Pro
Publisher: monokaiThemes in package: 8
✨ Professional dark & light theme + icon pack, from the author of the original Monokai color scheme.
Color themes
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.activeFocusBorder#f9cc6c
- activityBar.background#191515
- activityBar.border#191515
- activityBar.foreground#c3b7b8
- activityBar.inactiveForeground#5b5353
- activityBarBadge.background#f9cc6c
- activityBarBadge.foreground#2c2525
- activityBarTop.background#211c1c
- activityBarTop.foreground#c3b7b8
- activityBarTop.inactiveForeground#5b5353
- activityErrorBadge.background#fd6883
- activityErrorBadge.foreground#2c2525
- activityWarningBadge.background#f38d70
- activityWarningBadge.foreground#2c2525
- badge.background#403838
- badge.foreground#948a8b
- banner.background#403838
- banner.foreground#c3b7b8
- banner.iconForeground#c3b7b8
- breadcrumb.activeSelectionForeground#fff1f3
- breadcrumb.focusForeground#c3b7b8
- breadcrumb.foreground#948a8b
- breadcrumbPicker.background#2c2525
- button.background#403838
- button.foreground#fff1f3
- button.hoverBackground#5b5353
- button.secondaryBackground#403838
- button.secondaryForeground#c3b7b8
- button.secondaryHoverBackground#5b5353
- button.separator#2c2525
- charts.blue#85dacc
- charts.foreground#fff1f3
- charts.green#adda78
- charts.lines#72696a
- charts.orange#f38d70
- charts.purple#a8a9eb
- charts.red#fd6883
- charts.yellow#f9cc6c
- chat.avatarBackground#2c2525
- chat.avatarForeground#a8a9eb
- chat.linesAddedForeground#adda78
- chat.linesRemovedForeground#fd6883
- chat.requestBackground#403838
- chat.requestBorder#5b5353
- chat.requestBubbleBackground#2c2525
- chat.requestBubbleHoverBackground#403838
- chat.requestCodeBorder#403838
- chat.slashCommandBackground#00000000
- chat.slashCommandForeground#f9cc6c
- chat.thinkingShimmer#adda78
- checkbox.background#403838
- checkbox.border#5b5353
- checkbox.foreground#f9cc6c
- commandCenter.activeBackground#2c2525
- commandCenter.activeForeground#c3b7b8
- commandCenter.background#211c1c
- commandCenter.border#2c2525
- commandCenter.debuggingBackground#211c1c
- commandCenter.foreground#948a8b
- debugConsole.errorForeground#fd6883
- debugConsole.infoForeground#85dacc
- debugConsole.sourceForeground#fff1f3
- debugConsole.warningForeground#f38d70
- debugConsoleInputIcon.foreground#f9cc6c
- debugExceptionWidget.background#403838
- debugExceptionWidget.border#211c1c
- debugIcon.breakpointCurrentStackframeForeground#f9cc6c
- debugIcon.breakpointDisabledForeground#c3b7b8
- debugIcon.breakpointForeground#fd6883
- debugIcon.breakpointStackframeForeground#fff1f3
- debugIcon.breakpointUnverifiedForeground#f38d70
- debugIcon.continueForeground#fff1f3
- debugIcon.disconnectForeground#fff1f3
- debugIcon.pauseForeground#fff1f3
- debugIcon.restartForeground#adda78
- debugIcon.startForeground#adda78
- debugIcon.stepBackForeground#fff1f3
- debugIcon.stepIntoForeground#fff1f3
- debugIcon.stepOutForeground#fff1f3
- debugIcon.stepOverForeground#fff1f3
- debugIcon.stopForeground#fd6883
- debugTokenExpression.boolean#f38d70
- debugTokenExpression.error#fd6883
- debugTokenExpression.name#85dacc
- debugTokenExpression.number#a8a9eb
- debugTokenExpression.string#f9cc6c
- debugTokenExpression.value#fff1f3
- debugToolBar.background#403838
- debugView.exceptionLabelBackground#fd6883
- debugView.exceptionLabelForeground#2c2525
- debugView.stateLabelBackground#adda78
- debugView.stateLabelForeground#2c2525
- debugView.valueChangedHighlight#f9cc6c
- descriptionForeground#948a8b
- diffEditor.diagonalFill#403838
- diffEditor.insertedLineBackground#adda7819
- diffEditor.insertedTextBackground#adda7819
- diffEditor.move.border
- diffEditor.moveActive.border
- diffEditor.removedLineBackground#fd688319
- diffEditor.removedTextBackground#fd688319
- diffEditor.unchangedCodeBackground#211c1c
- diffEditor.unchangedRegionBackground#211c1c
- diffEditor.unchangedRegionForeground#c3b7b8
- diffEditor.unchangedRegionShadow#191515
- diffEditorGutter.insertedLineBackground#adda7819
- diffEditorGutter.removedLineBackground#fd688319
- diffEditorOverview.insertedForeground#adda78a5
- diffEditorOverview.removedForeground#fd6883a5
- disabledForeground#fff1f326
- dropdown.background#403838
- dropdown.border#5b5353
- dropdown.foreground#948a8b
- dropdown.listBackground#403838
- editor.background#2c2525
- editor.findMatchBackground#fff1f326
- editor.findMatchBorder#f9cc6c
- editor.findMatchHighlightBackground#fff1f326
- editor.findMatchHighlightBorder#00000000
- editor.findRangeHighlightBackground#fff1f30c
- editor.findRangeHighlightBorder#00000000
- editor.focusedStackFrameHighlightBackground#c3b7b826
- editor.foldBackground#fff1f30c
- editor.foreground#fff1f3
- editor.hoverHighlightBackground#fff1f30c
- editor.inactiveSelectionBackground#fff1f30c
- editor.inlineValuesBackground#5b5353
- editor.inlineValuesForeground#c3b7b8
- editor.lineHighlightBackground#fff1f30c
- editor.lineHighlightBorder#00000000
- editor.linkedEditingBackground#403838
- editor.rangeHighlightBackground#403838
- editor.rangeHighlightBorder#403838
- editor.selectionBackground#c3b7b826
- editor.selectionHighlightBackground#fff1f326
- editor.selectionHighlightBorder#00000000
- editor.stackFrameHighlightBackground#c3b7b826
- editor.wordHighlightBackground#fff1f326
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#fff1f326
- editor.wordHighlightStrongBorder#00000000
- editorBracketHighlight.foreground1#fd6883
- editorBracketHighlight.foreground2#f38d70
- editorBracketHighlight.foreground3#f9cc6c
- editorBracketHighlight.foreground4#adda78
- editorBracketHighlight.foreground5#85dacc
- editorBracketHighlight.foreground6#a8a9eb
- editorBracketMatch.background#2c2525
- editorBracketMatch.border#72696a
- editorCodeLens.foreground#72696a
- editorCursor.background#2c2525
- editorCursor.foreground#fff1f3
- editorError.background#00000000
- editorError.border#00000000
- editorError.foreground#fd6883
- editorGhostText.foreground#72696a
- editorGroup.border#211c1c
- editorGroup.dropBackground#211c1cbf
- editorGroup.emptyBackground#191515
- editorGroup.focusedEmptyBorder#211c1c
- editorGroupHeader.noTabsBackground#2c2525
- editorGroupHeader.tabsBackground#2c2525
- editorGroupHeader.tabsBorder#2c2525
- editorGutter.addedBackground#adda78
- editorGutter.background#2c2525
- editorGutter.deletedBackground#fd6883
- editorGutter.foldingControlForeground#c3b7b8
- editorGutter.modifiedBackground#f38d70
- editorHint.border#2c2525
- editorHint.foreground#a8a9eb
- editorHoverWidget.background#403838
- editorHoverWidget.border#211c1c
- editorIndentGuide.background#403838
- editorInfo.background#00000000
- editorInfo.border#2c2525
- editorInfo.foreground#85dacc
- editorInlayHint.background#403838
- editorInlayHint.foreground#948a8b
- editorInlayHint.parameterBackground#f38d700c
- editorInlayHint.parameterForeground#f38d707f
- editorInlayHint.typeBackground#a8a9eb0c
- editorInlayHint.typeForeground#a8a9eb7f
- editorLightBulb.foreground#f9cc6c
- editorLightBulbAi.foreground#f9cc6c
- editorLightBulbAutoFix.foreground#adda78
- editorLineNumber.activeForeground#c3b7b8
- editorLineNumber.foreground#5b5353
- editorLink.activeForeground#85dacc
- editorMarkerNavigation.background#403838
- editorMarkerNavigationError.background#fd6883
- editorMarkerNavigationInfo.background#85dacc
- editorMarkerNavigationWarning.background#f38d70
- editorOverviewRuler.addedForeground#adda78
- editorOverviewRuler.border#2c2525
- editorOverviewRuler.currentContentForeground#403838
- editorOverviewRuler.deletedForeground#fd6883
- editorOverviewRuler.errorForeground#fd6883
- editorOverviewRuler.findMatchForeground#fff1f326
- editorOverviewRuler.incomingContentForeground#403838
- editorOverviewRuler.infoForeground#85dacc
- editorOverviewRuler.modifiedForeground#f38d70
- editorOverviewRuler.rangeHighlightForeground#fff1f326
- editorOverviewRuler.selectionHighlightForeground#fff1f326
- editorOverviewRuler.warningForeground#f38d70
- editorOverviewRuler.wordHighlightForeground#fff1f326
- editorOverviewRuler.wordHighlightStrongForeground#fff1f326
- editorPane.background#2c2525
- editorRuler.foreground#5b5353
- editorStickyScroll.background#2c2525
- editorStickyScroll.border#403838
- editorStickyScroll.shadow#2c2525
- editorStickyScrollHover.background#fff1f30c
- editorSuggestWidget.background#403838
- editorSuggestWidget.border#211c1c
- editorSuggestWidget.foreground#c3b7b8
- editorSuggestWidget.highlightForeground#fff1f3
- editorSuggestWidget.selectedBackground#5b5353
- editorUnnecessaryCode.opacity#000000a5
- editorWarning.background#00000000
- editorWarning.border#00000000
- editorWarning.foreground#f38d70
- editorWhitespace.foreground#5b5353
- editorWidget.background#403838
- editorWidget.border#211c1c
- errorForeground#fd6883
- extensionBadge.remoteBackground#adda78
- extensionBadge.remoteForeground#fff1f3
- extensionButton.background#403838
- extensionButton.foreground#c3b7b8
- extensionButton.hoverBackground#5b5353
- extensionButton.prominentBackground#403838
- extensionButton.prominentForeground#fff1f3
- extensionButton.prominentHoverBackground#5b5353
- extensionIcon.preReleaseForeground#a8a9eb
- extensionIcon.sponsorForeground#85dacc
- extensionIcon.starForeground#f9cc6c
- extensionIcon.verifiedForeground#adda78
- focusBorder#72696a
- foreground#fff1f3
- gitDecoration.addedResourceForeground#adda78
- gitDecoration.conflictingResourceForeground#f38d70
- gitDecoration.deletedResourceForeground#fd6883
- gitDecoration.ignoredResourceForeground#5b5353
- gitDecoration.modifiedResourceForeground#f9cc6c
- gitDecoration.stageDeletedResourceForeground#fd6883
- gitDecoration.stageModifiedResourceForeground#f9cc6c
- gitDecoration.untrackedResourceForeground#c3b7b8
- icon.foreground#948a8b
- inlineChat.background#2c2525
- inlineChat.border#211c1c
- inlineChat.shadow#191515
- inlineChatDiff.inserted#adda7819
- inlineChatDiff.removed#adda7819
- inlineEdit.gutterIndicator.background#403838
- inlineEdit.gutterIndicator.primaryBackground#403838
- inlineEdit.gutterIndicator.primaryBorder#403838
- inlineEdit.gutterIndicator.primaryForeground#a8a9eb
- inlineEdit.gutterIndicator.secondaryBackground#403838
- inlineEdit.gutterIndicator.secondaryBorder#403838
- inlineEdit.gutterIndicator.secondaryForeground#f9cc6c
- inlineEdit.gutterIndicator.successfulBackground#403838
- inlineEdit.gutterIndicator.successfulBorder#403838
- inlineEdit.gutterIndicator.successfulForeground#adda78
- inlineEdit.modifiedBackground#adda7819
- inlineEdit.modifiedBorder#adda7819
- inlineEdit.modifiedChangedLineBackground#adda7819
- inlineEdit.modifiedChangedTextBackground#adda7819
- inlineEdit.originalBackground#fd688319
- inlineEdit.originalBorder#fd688319
- inlineEdit.originalChangedLineBackground#fd688319
- inlineEdit.originalChangedTextBackground#fd688319
- inlineEdit.tabWillAcceptModifiedBorder#adda7819
- inlineEdit.tabWillAcceptOriginalBorder#fd688319
- input.background#2c2525
- input.border#5b5353
- input.foreground#fff1f3
- input.placeholderForeground#72696a
- inputOption.activeBackground#5b5353
- inputOption.activeBorder#5b5353
- inputOption.activeForeground#fff1f3
- inputOption.hoverBackground#5b5353
- inputValidation.errorBackground#403838
- inputValidation.errorBorder#fd6883
- inputValidation.errorForeground#fd6883
- inputValidation.infoBackground#403838
- inputValidation.infoBorder#85dacc
- inputValidation.infoForeground#85dacc
- inputValidation.warningBackground#403838
- inputValidation.warningBorder#f38d70
- inputValidation.warningForeground#f38d70
- interactive.activeCodeBorder#72696a
- interactive.inactiveCodeBorder#403838
- keybindingLabel.background#5b5353
- keybindingLabel.border#5b5353
- keybindingLabel.bottomBorder#5b5353
- keybindingLabel.foreground#c3b7b8
- list.activeSelectionBackground#fff1f30c
- list.activeSelectionForeground#f9cc6c
- list.dropBackground#191515bf
- list.errorForeground#fd6883
- list.focusBackground#2c2525
- list.focusForeground#fff1f3
- list.highlightForeground#fff1f3
- list.hoverBackground#fff1f30c
- list.hoverForeground#fff1f3
- list.inactiveFocusBackground#2c2525
- list.inactiveSelectionBackground#c3b7b80c
- list.inactiveSelectionForeground#f9cc6c
- list.invalidItemForeground#fd6883
- list.warningForeground#f38d70
- listFilterWidget.background#2c2525
- listFilterWidget.noMatchesOutline#fd6883
- listFilterWidget.outline#2c2525
- listFilterWidget.shadow#191515
- menu.background#2c2525
- menu.border#211c1c
- menu.foreground#fff1f3
- menu.selectionForeground#f9cc6c
- menu.separatorBackground#403838
- menubar.selectionForeground#fff1f3
- merge.border#2c2525
- merge.commonContentBackground#fff1f319
- merge.commonHeaderBackground#fff1f326
- merge.currentContentBackground#fd688319
- merge.currentHeaderBackground#fd688326
- merge.incomingContentBackground#adda7819
- merge.incomingHeaderBackground#adda7826
- mergeEditor.change.background#fff1f319
- mergeEditor.change.word.background#fff1f319
- mergeEditor.conflict.handled.minimapOverViewRuler#adda78
- mergeEditor.conflict.handledFocused.border#adda78
- mergeEditor.conflict.handledUnfocused.border#adda78
- mergeEditor.conflict.unhandled.minimapOverViewRuler#fd6883
- mergeEditor.conflict.unhandledFocused.border#fd6883
- mergeEditor.conflict.unhandledUnfocused.border#fd6883
- minimap.chatEditHighlight#a8a9eba5
- minimap.errorHighlight#fd6883a5
- minimap.findMatchHighlight#948a8ba5
- minimap.infoHighlight#85dacca5
- minimap.selectionHighlight#c3b7b826
- minimap.selectionOccurrenceHighlight#72696aa5
- minimap.warningHighlight#f38d70a5
- minimapGutter.addedBackground#adda78
- minimapGutter.deletedBackground#fd6883
- minimapGutter.modifiedBackground#f9cc6c
- notebook.cellBorderColor#403838
- notebook.cellEditorBackground#211c1c7f
- notebook.cellInsertionIndicator#fff1f3
- notebook.cellStatusBarItemHoverBackground#72696a
- notebook.cellToolbarSeparator#403838
- notebook.editorBackground#2c2525
- notebook.focusedEditorBorder#72696a
- notebookStatusErrorIcon.foreground#fd6883
- notebookStatusRunningIcon.foreground#fff1f3
- notebookStatusSuccessIcon.foreground#adda78
- notificationCenter.border#211c1c
- notificationCenterHeader.background#403838
- notificationCenterHeader.foreground#948a8b
- notificationLink.foreground#f9cc6c
- notifications.background#403838
- notifications.border#211c1c
- notifications.foreground#c3b7b8
- notificationsErrorIcon.foreground#fd6883
- notificationsInfoIcon.foreground#85dacc
- notificationsWarningIcon.foreground#f38d70
- notificationToast.border#211c1c
- panel.background#403838
- panel.border#191515
- panel.dropBackground#211c1cbf
- panelStickyScroll.background#403838
- panelStickyScroll.border#5b5353
- panelStickyScroll.shadow#403838
- panelTitle.activeBorder#f9cc6c
- panelTitle.activeForeground#f9cc6c
- panelTitle.inactiveForeground#948a8b
- panelTitleBadge.background#f9cc6c
- panelTitleBadge.foreground#2c2525
- peekView.border#211c1c
- peekViewEditor.background#403838
- peekViewEditor.matchHighlightBackground#5b5353
- peekViewEditorGutter.background#403838
- peekViewResult.background#403838
- peekViewResult.fileForeground#948a8b
- peekViewResult.lineForeground#948a8b
- peekViewResult.matchHighlightBackground#5b5353
- peekViewResult.selectionBackground#403838
- peekViewResult.selectionForeground#fff1f3
- peekViewTitle.background#211c1c
- peekViewTitleDescription.foreground#948a8b
- peekViewTitleLabel.foreground#fff1f3
- pickerGroup.border#2c2525
- pickerGroup.foreground#5b5353
- ports.iconRunningProcessForeground#adda78
- problemsErrorIcon.foreground#fd6883
- problemsInfoIcon.foreground#85dacc
- problemsWarningIcon.foreground#f38d70
- profileBadge.background#403838
- profileBadge.foreground#c3b7b8
- progressBar.background#72696a
- quickInput.background#403838
- quickInput.foreground#948a8b
- radio.activeBackground#403838
- radio.activeBorder#5b5353
- radio.activeForeground#f9cc6c
- radio.inactiveBackground#2c2525
- radio.inactiveBorder#5b5353
- radio.inactiveForeground#948a8b
- radio.inactiveHoverBackground#403838
- sash.hoverBorder#72696a
- scmGraph.foreground1#fd6883
- scmGraph.foreground2#f38d70
- scmGraph.foreground3#f9cc6c
- scmGraph.foreground4#adda78
- scmGraph.foreground5#a8a9eb
- scmGraph.historyItemBaseRefColor#85dacc
- scmGraph.historyItemHoverAdditionsForeground#adda78
- scmGraph.historyItemHoverDefaultLabelBackground#72696a
- scmGraph.historyItemHoverDefaultLabelForeground#2c2525
- scmGraph.historyItemHoverDeletionsForeground#fd6883
- scmGraph.historyItemHoverLabelForeground#2c2525
- scmGraph.historyItemRefColor#a8a9eb
- scmGraph.historyItemRemoteRefColor#adda78
- scrollbar.shadow#2c2525
- scrollbarSlider.activeBackground#fff1f359
- scrollbarSlider.background#c3b7b826
- scrollbarSlider.hoverBackground#fff1f326
- selection.background#c3b7b826
- settings.checkboxBackground#403838
- settings.checkboxBorder#5b5353
- settings.checkboxForeground#f9cc6c
- settings.dropdownBackground#403838
- settings.dropdownBorder#5b5353
- settings.dropdownForeground#fff1f3
- settings.dropdownListBorder#948a8b
- settings.focusedRowBackground#403838
- settings.focusedRowBorder#5b5353
- settings.headerForeground#f9cc6c
- settings.modifiedItemForeground#f9cc6c
- settings.modifiedItemIndicator#f9cc6c
- settings.numberInputBackground#403838
- settings.numberInputBorder#5b5353
- settings.numberInputForeground#fff1f3
- settings.rowHoverBackground#fff1f30c
- settings.sashBorder#403838
- settings.settingsHeaderHoverForeground#fff1f3
- settings.textInputBackground#403838
- settings.textInputBorder#5b5353
- settings.textInputForeground#fff1f3
- sideBar.background#211c1c
- sideBar.border#191515
- sideBar.dropBackground#211c1cbf
- sideBar.foreground#948a8b
- sideBarSectionHeader.background#211c1c
- sideBarSectionHeader.foreground#72696a
- sideBarStickyScroll.background#211c1c
- sideBarStickyScroll.border#403838
- sideBarStickyScroll.shadow#211c1c
- sideBarTitle.foreground#5b5353
- simpleFindWidget.sashBorder
- statusBar.background#211c1c
- statusBar.border#191515
- statusBar.debuggingBackground#72696a
- statusBar.debuggingBorder#211c1c
- statusBar.debuggingForeground#fff1f3
- statusBar.focusBorder#403838
- statusBar.foreground#72696a
- statusBar.noFolderBackground#211c1c
- statusBar.noFolderBorder#191515
- statusBar.noFolderForeground#72696a
- statusBarItem.activeBackground#2c2525
- statusBarItem.errorBackground#2c2525
- statusBarItem.errorForeground#fd6883
- statusBarItem.focusBorder#72696a
- statusBarItem.hoverBackground#211c1c
- statusBarItem.hoverForeground#fff1f3
- statusBarItem.offlineBackground
- statusBarItem.offlineForeground
- statusBarItem.prominentBackground#403838
- statusBarItem.prominentHoverBackground#403838
- statusBarItem.remoteBackground#211c1c
- statusBarItem.remoteForeground#adda78
- statusBarItem.remoteHoverBackground#adda78
- statusBarItem.remoteHoverForeground#2c2525
- statusBarItem.warningBackground#2c2525
- statusBarItem.warningForeground#f38d70
- symbolIcon.arrayForeground#fd6883
- symbolIcon.booleanForeground#fd6883
- symbolIcon.classForeground#85dacc
- symbolIcon.colorForeground#a8a9eb
- symbolIcon.constantForeground#a8a9eb
- symbolIcon.constructorForeground#adda78
- symbolIcon.enumeratorForeground#f38d70
- symbolIcon.enumeratorMemberForeground#f38d70
- symbolIcon.eventForeground#f38d70
- symbolIcon.fieldForeground#f38d70
- symbolIcon.fileForeground#c3b7b8
- symbolIcon.folderForeground#c3b7b8
- symbolIcon.functionForeground#adda78
- symbolIcon.interfaceForeground#85dacc
- symbolIcon.keyForeground#f38d70
- symbolIcon.keywordForeground#fd6883
- symbolIcon.methodForeground#adda78
- symbolIcon.moduleForeground#85dacc
- symbolIcon.namespaceForeground#85dacc
- symbolIcon.nullForeground#a8a9eb
- symbolIcon.numberForeground#a8a9eb
- symbolIcon.objectForeground#85dacc
- symbolIcon.operatorForeground#fd6883
- symbolIcon.packageForeground#a8a9eb
- symbolIcon.propertyForeground#f38d70
- symbolIcon.referenceForeground#a8a9eb
- symbolIcon.snippetForeground#adda78
- symbolIcon.stringForeground#f9cc6c
- symbolIcon.structForeground#fd6883
- symbolIcon.textForeground#f9cc6c
- symbolIcon.typeParameterForeground#f38d70
- symbolIcon.unitForeground#a8a9eb
- symbolIcon.variableForeground#85dacc
- tab.activeBackground#2c2525
- tab.activeBorder#f9cc6c
- tab.activeForeground#f9cc6c
- tab.activeModifiedBorder#5b5353
- tab.border#2c2525
- tab.hoverBackground#2c2525
- tab.hoverBorder#5b5353
- tab.hoverForeground#fff1f3
- tab.inactiveBackground#2c2525
- tab.inactiveForeground#948a8b
- tab.inactiveModifiedBorder#5b5353
- tab.lastPinnedBorder#5b5353
- tab.unfocusedActiveBorder#948a8b
- tab.unfocusedActiveForeground#c3b7b8
- tab.unfocusedActiveModifiedBorder#403838
- tab.unfocusedHoverBackground#2c2525
- tab.unfocusedHoverBorder#2c2525
- tab.unfocusedHoverForeground#c3b7b8
- tab.unfocusedInactiveForeground#948a8b
- tab.unfocusedInactiveModifiedBorder#403838
- terminal.ansiBlack#403838
- terminal.ansiBlue#f38d70
- terminal.ansiBrightBlack#72696a
- terminal.ansiBrightBlue#f38d70
- terminal.ansiBrightCyan#85dacc
- terminal.ansiBrightGreen#adda78
- terminal.ansiBrightMagenta#a8a9eb
- terminal.ansiBrightRed#fd6883
- terminal.ansiBrightWhite#fff1f3
- terminal.ansiBrightYellow#f9cc6c
- terminal.ansiCyan#85dacc
- terminal.ansiGreen#adda78
- terminal.ansiMagenta#a8a9eb
- terminal.ansiRed#fd6883
- terminal.ansiWhite#fff1f3
- terminal.ansiYellow#f9cc6c
- terminal.background#403838
- terminal.foreground#fff1f3
- terminal.selectionBackground#fff1f326
- terminalCommandDecoration.defaultBackground#fff1f3
- terminalCommandDecoration.errorBackground#fd6883
- terminalCommandDecoration.successBackground#adda78
- terminalCursor.background#00000000
- terminalCursor.foreground#fff1f3
- testing.iconErrored#fd6883
- testing.iconFailed#fd6883
- testing.iconPassed#adda78
- testing.iconQueued#fff1f3
- testing.iconSkipped#f38d70
- testing.iconUnset#948a8b
- testing.message.error.decorationForeground#fd6883
- testing.message.error.lineBackground#fd688319
- testing.message.info.decorationForeground#fff1f3
- testing.message.info.lineBackground#fff1f319
- testing.runAction#f9cc6c
- textBlockQuote.background#403838
- textBlockQuote.border#403838
- textCodeBlock.background#403838
- textLink.activeForeground#fff1f3
- textLink.foreground#f9cc6c
- textPreformat.foreground#fff1f3
- textSeparator.foreground#72696a
- titleBar.activeBackground#211c1c
- titleBar.activeForeground#948a8b
- titleBar.border#191515
- titleBar.inactiveBackground#211c1c
- titleBar.inactiveForeground#5b5353
- tree.inactiveIndentGuidesStroke#2c2525
- tree.indentGuidesStroke#403838
- walkThrough.embeddedEditorBackground#211c1c
- welcomePage.buttonBackground#403838
- welcomePage.buttonHoverBackground#5b5353
- welcomePage.progress.background#72696a
- welcomePage.progress.foreground#948a8b
- welcomePage.tileBackground#403838
- welcomePage.tileHoverBackground#5b5353
- welcomePage.tileShadow#191515
- widget.shadow#191515
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment keyword, comment markup.underline.link, comment string, comment punctuation.definition, comment punctuation, comment text | #72696a | italic |
| comment storage.type | #72696a | — |
| comment entity.name.type | #c3b7b8 | — |
| comment variable, comment variable.other | #c3b7b8 | — |
| comment keyword, comment entity.name.tag, entity.name.tag.documentation | #c3b7b8 | — |
| comment keyword.codetag.notation | #a8a9eb | — |
| comment.git-status.header.remote | #fd6883 | — |
| comment.git-status.header.local | #85dacc | — |
| comment.other.git-status.head | #fff1f3 | — |
| string.quoted.docstring, string.quoted.docstring punctuation.definition | #72696a | — |
| constant | #a8a9eb | — |
| constant.other | #fff1f3 | — |
| constant.other.java | #a8a9eb | — |
| constant.other.caps | #a8a9eb | — |
| constant.other.placeholder | #f38d70 | — |
| constant.other.property | #a8a9eb | — |
| constant.other.citation.latex | #a8a9eb | — |
| constant.other.color | #a8a9eb | — |
| constant.other.character-class.escape | #a8a9eb | — |
| constant.other.key | #a8a9eb | — |
| constant.other.symbol | #f38d70 | — |
| constant.other.elm | #85dacc | — |
| constant.numeric | #a8a9eb | — |
| constant.language | #a8a9eb | — |
| constant.character.escape | #a8a9eb | — |
| constant.numeric.line-number.find-in-files | #5b5353 | — |
| constant.numeric.line-number.match.find-in-files | #f9cc6c | — |
| entity.name.section | #f9cc6c | — |
| entity.name.function, entity.name.function.templated, entity.name.function.member.static | #adda78 | — |
| entity.name.type.class.templated, entity.name.type.class.generic, entity.name.type.namespace | #85dacc | — |
| entity.name.label | #a8a9eb | — |
| entity.name.function.preprocessor | #85dacc | — |
| entity.name | #adda78 | — |
| entity.name.class | #85dacc | — |
| entity.name.constant | #a8a9eb | — |
| entity.name.namespace | #85dacc | — |
| entity.other.inherited-class | #85dacc | italic |
| entity.name.function | #adda78 | — |
| entity.name.tag, entity.name.tag.js.jsx support.class.component.js.jsx, entity.name.tag support.class.component, source.vue support.class.component | #fd6883 | — |
| source.ansible entity.name.tag | #85dacc | — |
| entity.name.function.operator | #fd6883 | — |
| meta.brackets entity.name.function.operator, punctuation.separator entity.name.function.operator | #948a8b | — |
| entity.name.type, entity.name.type.class.reference, entity.name.type.class.value | #85dacc | — |
| entity.other.attribute-name | #85dacc | italic |
| entity.other.attribute-name.class.css, entity.other.attribute-name.parent-selector-suffix.css, entity.other.attribute-name.parent-selector-suffix.css punctuation.definition.entity.css, entity.other.attribute-name.css, entity.other.animation-name.css | #adda78 | — |
| entity.other.attribute-name.id.css | #f38d70 | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.pseudo-class.css, entity.other.pseudo-element.css | #85dacc | italic |
| entity.name.function, support.function | #adda78 | — |
| entity.other.git-status.hex | #a8a9eb | — |
| entity.other.jinja2.delimiter | #948a8b | — |
| entity.name.operator.custom-literal | #fff1f3 | — |
| entity.name.operator.custom-literal.string | #f9cc6c | — |
| entity.name.operator.custom-literal.number | #a8a9eb | — |
| entity.name.type.rust | #85dacc | — |
| entity.name.lifetime.rust | #fd6883 | — |
| invalid | #fd6883 | italic underline |
| invalid.deprecated | #f38d70 | italic underline |
| keyword | #fd6883 | — |
| keyword.control | #fd6883 | — |
| keyword.control.directive | #fd6883 | — |
| keyword.operator, keyword.operator.member, keyword.operator.new | #fd6883 | — |
| keyword.other.substitution | #948a8b | — |
| keyword.other.template.begin, keyword.other.template.end | #fd6883 | — |
| keyword.operator.heading.restructuredtext, keyword.operator.table.row.restructuredtext keyword.operator.table.data.restructuredtext | #948a8b | — |
| keyword.other.parenthesis.elm | #948a8b | — |
| keyword.other.fn.rust, keyword.other.rust, keyword.other.unsafe.rust, keyword.other.where.rust | #85dacc | — |
| keyword.control.rust, keyword.operator.misc.rust | #fd6883 | — |
| keyword.declaration.class.ruby, keyword.declaration.function.ruby, keyword.declaration.namespace.ruby | #fd6883 | — |
| markup.italic | — | italic |
| markup.bold | — | bold |
| markup.heading | #f9cc6c | — |
| markup.raw | #f38d70 | — |
| markup.underline | — | underline |
| markup.underline.link | #adda78 | — |
| markup.inserted, markup.inserted punctuation.definition.inserted | #adda78 | — |
| markup.deleted, markup.deleted punctuation.definition.deleted | #fd6883 | — |
| markup.changed, markup.changed punctuation.definition.changed | #f9cc6c | — |
| markup.ignored, markup.ignored punctuation.definition.ignored | #948a8b | — |
| markup.untracked | #948a8b | — |
| markup.quote | — | italic |
| meta.brace.round, meta.brace.square, meta.brace.curly, meta.delimiter.comma.js, meta.function-call.without-arguments.js, meta.function-call.method.without-arguments.js | #948a8b | — |
| meta.function-call.generic.python, support.function.builtin.python | #adda78 | — |
| meta.function-call.python meta.function-call.arguments.python | #fff1f3 | — |
| meta.interpolation | #f38d70 | — |
| meta.instance.constructor | #adda78 | — |
| meta.attribute-with-value.class string, meta.attribute.class.html string | #adda78 | — |
| meta.attribute-with-value.id string, meta.attribute.id.html string | #f38d70 | — |
| source.json meta.mapping.key string | #fff1f3 | — |
| source.yaml meta.mapping.key string | #fd6883 | — |
| meta.object.member | #fff1f3 | — |
| meta.property-list.css variable.other | #f38d70 | — |
| entity.name.constant.preprocessor, meta.preprocessor | #a8a9eb | — |
| meta.diff.git-diff.header | #f9cc6c | — |
| meta.type_params.rust | #fff1f3 | — |
| meta.attribute.rust, meta.annotation.rust, variable.language.rust, variable.annotation.rust, meta.annotation.rust string, meta.annotation.rust keyword, meta.annotation.rust keyword.operator, meta.attribute.rust string | #c3b7b8 | — |
| meta.type variable, meta.type variable.other.readwrite, variable.annotation, meta.decorator variable.other.readwrite | #a8a9eb | — |
| punctuation | #948a8b | — |
| punctuation.definition.tag, punctuation.definition.tag source, punctuation.definition.group.begin.ruby, punctuation.definition.group.end.ruby, punctuation.definition.group.begin.css, punctuation.definition.group.end.css, punctuation.definition.string.end.html source.css, punctuation.definition.block, punctuation.definition.parameters.begin, punctuation.definition.parameters.end, punctuation.separator.parameter, punctuation.accessor, punctuation.terminator | #948a8b | — |
| punctuation.definition.group | #fff1f3 | — |
| punctuation.definition.comment | #72696a | — |
| punctuation.definition.variable, punctuation.definition.keyword.scss, punctuation.definition.entity.css | #c3b7b8 | — |
| punctuation.section.embedded, punctuation.section.embedded entity.name.tag, punctuation.section.embedded constant.other, punctuation.section.embedded source, punctuation.section.embedded.begin | #f38d70 | — |
| punctuation.template-string.element.begin, punctuation.template-string.element.end, punctuation.definition.string.template.begin, punctuation.definition.string.template.end, string.quoted.template punctuation.definition.string.begin, string.quoted.template punctuation.definition.string.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #fd6883 | — |
| meta.paragraph.markdown meta.dummy.line-break, meta.paragraph.markdown meta.hard-line-break.markdown | — | — |
| markup.underline.link punctuation | #adda78 | — |
| meta.brace.round, meta.brace.square, keyword.operator.type.annotation, meta.type storage.modifier.array | #948a8b | — |
| region.redish | #fd6883 | — |
| region.orangish | #f38d70 | — |
| region.yellowish | #f9cc6c | — |
| region.greenish | #adda78 | — |
| region.bluish | #85dacc | — |
| region.purplish | #a8a9eb | — |
| region.pinkish | #fd6883 | — |
| region.whitish | #FFFFFF | — |
| source | #fff1f3 | — |
| source.scss, source.sass | #948a8b | — |
| source.sass variable.other, source.sass variable.sass, source.scss variable.other, source.scss variable.scss, source.scss variable.sass, source.css variable.other, source.css variable.scss, source.less variable.other, source.less variable.other.less, source.less variable.declaration.less | #f38d70 | italic |
| source.git-show.commit.sha | #a8a9eb | — |
| source.git-show.author, source.git-show.date, source.git-diff.command, source.git-diff.command meta.diff.git-diff.header.from-file, source.git-diff.command meta.diff.git-diff.header.to-file | #948a8b | — |
| source.git-show meta.diff.git-diff.header.extended.index.from-sha, source.git-show meta.diff.git-diff.header.extended.index.to-sha | #a8a9eb | — |
| source.git-show meta.diff.range.unified | #f38d70 | — |
| source.git-show meta.diff.header.from-file, source.git-show meta.diff.header.to-file | #948a8b | — |
| storage | #fd6883 | — |
| storage.type | #85dacc | italic |
| storage.type.extends | #fd6883 | normal |
| storage.type.function.arrow | #fd6883 | normal |
| storage.modifier, storage.type.modifier | #fd6883 | italic |
| storage.class.restructuredtext.ref | #a8a9eb | — |
| storage.modifier.visibility.rust, storage.modifier.lifetime.rust | #fd6883 | — |
| storage.modifier.const.rust, storage.modifier.dyn.rust, storage.modifier.mut.rust, storage.modifier.static.rust, storage.type.rust, storage.type.core.rust, storage.class.std.rust | #85dacc | — |
| storage.type.rust, storage.modifier.const.rust, storage.modifier.dyn.rust, storage.modifier.mut.rust, storage.modifier.static.rust, keyword.other.rust, keyword.other.where.rust | #fd6883 | — |
| storage.modifier.import.java | #fff1f3 | — |
| string | #f9cc6c | — |
| string.unquoted.label | #fff1f3 | — |
| string source | #fff1f3 | — |
| string source punctuation.section.embedded, string punctuation.definition.string source | #948a8b | — |
| string.other.link.title, string.other.link.description | #fd6883 | — |
| string.other.link.description.title | #85dacc | — |
| string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end | #fd6883 | — |
| string.other.ref, string.other.restructuredtext.ref | #adda78 | — |
| string.other.git-status.help.key | #c3b7b8 | — |
| string.other.git-status.remote | #fd6883 | — |
| support.constant | #85dacc | — |
| support.constant.handlebars | #948a8b | — |
| support.type.vendor-prefix.css | #c3b7b8 | — |
| support.function | #adda78 | — |
| support.macro | #adda78 | — |
| support.function.delimiter.elm | #948a8b | — |
| support.type, entity.name.type.object.console | #85dacc | italic |
| support.variable, support.variable.property | #85dacc | — |
| support.type.property-name | #fff1f3 | normal |
| support.class | #85dacc | — |
| support.constant.core.rust | #a8a9eb | — |
| comment support, comment support.class | #72696a | — |
| text | #fff1f3 | — |
| text.find-in-files | #fff1f3 | — |
| variable, variable.other | #fff1f3 | — |
| variable.parameter, parameters variable.function | #f38d70 | italic |
| variable.language, variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python | #c3b7b8 | italic |
| variable.language.arguments | #a8a9eb | — |
| variable.other.class | #85dacc | — |
| variable.other.constant | #a8a9eb | — |
| variable.other.readwrite | #fff1f3 | — |
| variable.other.member | #fff1f3 | — |
| variable.other.enummember | #a8a9eb | — |
| variable.other.property, variable.other.property.static, variable.other.event | #fff1f3 | — |
| variable.function | #adda78 | — |
| variable.other.substitution | #f38d70 | — |
| source.ruby variable.other.readwrite.instance.ruby, source.ruby variable.other.readwrite.class.ruby | #a8a9eb | — |
| source.jinja2 variable.other.jinja2.block | #adda78 | — |
| source.jinja2 variable.other.jinja2 | #f38d70 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...