Colorful Theme
Publisher: Leonel Espinoza SoteloThemes in package: 1
Theme without nothing special, just another 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#323234
- activityBar.activeBorder#af936e
- activityBar.background#202022
- activityBar.border#323234
- activityBar.dropBorder#af936e
- activityBar.foreground#af936e
- activityBar.inactiveForeground#FAFAFA
- activityBarBadge.background#FAFAFA
- activityBarBadge.foreground#202022
- badge.background#323234
- badge.foreground#FAFAFA
- banner.background#323234
- banner.foreground#FAFAFA
- banner.iconForeground#70d7ff
- breadcrumb.activeSelectionForeground#FAFAFA
- breadcrumb.background#202022
- breadcrumb.focusForeground#af936e
- breadcrumb.foreground#FAFAFA
- breadcrumbPicker.background#202022
- button.background#323234
- button.foreground#FAFAFA
- button.hoverBackground#202022
- button.secondaryBackground#FAFAFA
- button.secondaryForeground#202022
- button.secondaryHoverBackground#eee5ce
- charts.blue#148aff
- charts.foreground#FAFAFA
- charts.green#34cb5a
- charts.lines#cccccc80
- charts.orange#ffa114
- charts.purple#c363f2
- charts.red#ff4c42
- charts.yellow#ffd814
- checkbox.background#202022
- checkbox.border#323234
- checkbox.foreground#FAFAFA
- commandCenter.activeBackground#323234
- commandCenter.activeForeground#cccccc
- commandCenter.border#323234
- commandCenter.foreground#FAFAFA
- debugConsole.errorForeground#FF4268
- debugConsole.infoForeground#70d7ff
- debugConsole.sourceForeground#cccccc
- debugConsole.warningForeground#ffd814
- debugConsoleInputIcon.foreground#cccccc
- debugExceptionWidget.background#420b0d
- debugExceptionWidget.border#ff4c42
- debugIcon.breakpointCurrentStackframeForeground#ffcc00
- debugIcon.breakpointDisabledForeground#848484
- debugIcon.breakpointForeground#ff4c42
- debugIcon.breakpointStackframeForeground#89d185
- debugIcon.breakpointUnverifiedForeground#848484
- debugIcon.continueForeground#70d7ff
- debugIcon.disconnectForeground#FF4268
- debugIcon.pauseForeground#70d7ff
- debugIcon.restartForeground#89d185
- debugIcon.startForeground#89d185
- debugIcon.stepBackForeground#70d7ff
- debugIcon.stepIntoForeground#70d7ff
- debugIcon.stepOutForeground#70d7ff
- debugIcon.stepOverForeground#70d7ff
- debugIcon.stopForeground#FF4268
- debugTokenExpression.boolean#4e94ce
- debugTokenExpression.error#FF4268
- debugTokenExpression.name#c586c0
- debugTokenExpression.number#b5cea8
- debugTokenExpression.string#ce9178
- debugTokenExpression.value#cccccc99
- debugToolBar.background#202022
- debugView.exceptionLabelBackground#202022
- debugView.exceptionLabelForeground#cccccc
- debugView.stateLabelBackground#323234
- debugView.stateLabelForeground#FAFAFA
- debugView.valueChangedHighlight#1163a7
- descriptionForeground#FAFAFA
- diffEditor.diagonalFill#cccccc33
- diffEditor.insertedTextBackground#9bb95533
- diffEditor.removedTextBackground#ff000033
- disabledForeground#cccccc80
- dropdown.background#202022
- dropdown.border#323234
- dropdown.foreground#FAFAFA
- dropdown.listBackground#202022
- editor.background#202022
- editor.findMatchBackground#515c6a
- editor.findMatchHighlightBackground#FAFAFA30
- editor.findRangeHighlightBackground#3a3d4166
- editor.focusedStackFrameHighlightBackground#7abd7a4d
- editor.foldBackground#442b434d
- editor.foreground#FAFAFA
- editor.hoverHighlightBackground#264f7840
- editor.inactiveSelectionBackground#442b4380
- editor.inlineValuesBackground#ffc80033
- editor.inlineValuesForeground#ffffff80
- editor.lineHighlightBackground#323234
- editor.lineHighlightBorder#282828
- editor.linkedEditingBackground#ff00004d
- editor.rangeHighlightBackground#ffffff0b
- editor.selectionBackground#442b43
- editor.selectionHighlightBackground#38233799
- editor.snippetFinalTabstopHighlightBorder#525252
- editor.snippetTabstopHighlightBackground#7c7c7c4d
- editor.stackFrameHighlightBackground#ffff0033
- editor.symbolHighlightBackground#442b43
- editor.wordHighlightBackground#575757b8
- editor.wordHighlightStrongBackground#004972b8
- editorActiveLineNumber.foreground#c6c6c6
- editorBracketHighlight.foreground1#148AFF
- editorBracketHighlight.foreground2#FFA114
- editorBracketHighlight.foreground3#C363F2
- editorBracketHighlight.foreground4#47CAE1
- editorBracketHighlight.foreground5#FFD814
- editorBracketHighlight.foreground6#6765E7
- editorBracketHighlight.unexpectedBracket.foreground#ff1212cc
- editorBracketMatch.background#442b43
- editorBracketMatch.border#323234
- editorBracketPairGuide.activeBackground1#00000000
- editorBracketPairGuide.activeBackground2#00000000
- editorBracketPairGuide.activeBackground3#00000000
- editorBracketPairGuide.activeBackground4#00000000
- editorBracketPairGuide.activeBackground5#00000000
- editorBracketPairGuide.activeBackground6#00000000
- editorBracketPairGuide.background1#00000000
- editorBracketPairGuide.background2#00000000
- editorBracketPairGuide.background3#00000000
- editorBracketPairGuide.background4#00000000
- editorBracketPairGuide.background5#00000000
- editorBracketPairGuide.background6#00000000
- editorCodeLens.foreground#999999
- editorCommentsWidget.rangeActiveBackground#3187c01a
- editorCommentsWidget.rangeActiveBorder#3187c066
- editorCommentsWidget.rangeBackground#3187c01a
- editorCommentsWidget.rangeBorder#3187c066
- editorCommentsWidget.resolvedBorder#cccccc80
- editorCommentsWidget.unresolvedBorder#3187c0
- editorCursor.foreground#81277e
- editorError.foreground#FF4268
- editorGhostText.foreground#ffffff56
- editorGroup.border#444444
- editorGroup.dropBackground#53595d80
- editorGroup.dropIntoPromptBackground#252526
- editorGroup.dropIntoPromptForeground#cccccc
- editorGroupHeader.border#323234
- editorGroupHeader.noTabsBackground#202022
- editorGroupHeader.tabsBackground#202022
- editorGutter.addedBackground#34cb5a
- editorGutter.background#202022
- editorGutter.commentRangeForeground#949499
- editorGutter.deletedBackground#ff4c42
- editorGutter.foldingControlForeground#949499
- editorGutter.modifiedBackground#148aff
- editorHint.foreground#eeeeeeb3
- editorHoverWidget.background#202022
- editorHoverWidget.border#323234
- editorHoverWidget.foreground#FAFAFA
- editorHoverWidget.highlightForeground#0097fb
- editorHoverWidget.statusBarBackground#202022
- editorIndentGuide.activeBackground#e3e4e229
- editorIndentGuide.background#323234
- editorInfo.foreground#70d7ff
- editorInlayHint.background#32323499
- editorInlayHint.foreground#FAFAFACC
- editorInlayHint.parameterBackground#32323499
- editorInlayHint.parameterForeground#FAFAFACC
- editorInlayHint.typeBackground#32323499
- editorInlayHint.typeForeground#FAFAFACC
- editorLightBulb.foreground#ffcc00
- editorLightBulbAutoFix.foreground#70d7ff
- editorLineNumber.activeForeground#c6c6c6
- editorLineNumber.foreground#555049
- editorLink.activeForeground#4e94ce
- editorMarkerNavigation.background#2d2d30
- editorMarkerNavigationError.background#FF4268
- editorMarkerNavigationError.headerBackground#FF42681A
- editorMarkerNavigationInfo.background#70d7ff
- editorMarkerNavigationInfo.headerBackground#70d7ff1a
- editorMarkerNavigationWarning.background#ffd814
- editorMarkerNavigationWarning.headerBackground#ffd8141a
- editorOverviewRuler.addedForeground#587c0c99
- editorOverviewRuler.border#7f7f7f4d
- editorOverviewRuler.bracketMatchForeground#a0a0a0
- editorOverviewRuler.commonContentForeground#68686a66
- editorOverviewRuler.currentContentForeground#34cb5a80
- editorOverviewRuler.deletedForeground#94151b99
- editorOverviewRuler.errorForeground#ff1212b3
- editorOverviewRuler.findMatchForeground#d186167e
- editorOverviewRuler.incomingContentForeground#148aff80
- editorOverviewRuler.infoForeground#70d7ff
- editorOverviewRuler.modifiedForeground#0c7d9d99
- editorOverviewRuler.rangeHighlightForeground#148aff99
- editorOverviewRuler.selectionHighlightForeground#a0a0a0cc
- editorOverviewRuler.warningForeground#ffd814
- editorOverviewRuler.wordHighlightForeground#a0a0a0cc
- editorOverviewRuler.wordHighlightStrongForeground#c0a0c0cc
- editorPane.background#202022
- editorRuler.foreground#5a5a5a
- editorSuggestWidget.background#202022
- editorSuggestWidget.border#323234
- editorSuggestWidget.focusHighlightForeground#0097fb
- editorSuggestWidget.foreground#FAFAFA
- editorSuggestWidget.highlightForeground#0097fb
- editorSuggestWidget.selectedBackground#148aff50
- editorSuggestWidget.selectedForeground#FAFAFA
- editorSuggestWidgetStatus.foreground#FAFAFA80
- editorUnicodeHighlight.background#bd9b0326
- editorUnicodeHighlight.border#bd9b03
- editorUnnecessaryCode.opacity#000000aa
- editorWarning.foreground#ffd814
- editorWhitespace.foreground#e3e4e229
- editorWidget.background#252526
- editorWidget.border#454545
- editorWidget.foreground#cccccc
- errorForeground#FF4268
- errorLens.errorBackground#ff4c421b
- errorLens.errorBackgroundLight#FF426820
- errorLens.errorForeground#FF4268
- errorLens.errorForegroundLight#FF4268
- errorLens.errorMessageBackground#e4545419
- errorLens.hintBackground#17a2a220
- errorLens.hintBackgroundLight#17a2a220
- errorLens.hintForeground#2faf64
- errorLens.hintForegroundLight#2faf64
- errorLens.hintMessageBackground#17a2a219
- errorLens.infoBackground#00b7e420
- errorLens.infoBackgroundLight#00b7e420
- errorLens.infoForeground#00b7e4
- errorLens.infoForegroundLight#00b7e4
- errorLens.infoMessageBackground#00b7e419
- errorLens.statusBarErrorForeground#ff6464
- errorLens.statusBarHintForeground#2faf64
- errorLens.statusBarIconErrorForeground#ff6464
- errorLens.statusBarIconWarningForeground#FFA114
- errorLens.statusBarInfoForeground#00b7e4
- errorLens.statusBarWarningForeground#FFA114
- errorLens.warningBackground#FFA1141b
- errorLens.warningBackgroundLight#FFA11420
- errorLens.warningForeground#FFA114
- errorLens.warningForegroundLight#FFA114
- errorLens.warningMessageBackground#FFA11419
- extensionBadge.remoteBackground#FAFAFA
- extensionBadge.remoteForeground#202022
- extensionButton.prominentBackground#327e36
- extensionButton.prominentForeground#FAFAFA
- extensionButton.prominentHoverBackground#28632b
- extensionIcon.preReleaseForeground#1d9271
- extensionIcon.starForeground#ff8e00
- extensionIcon.verifiedForeground#FAFAFA
- extensionSponsorButton.background#b51e78
- extensionSponsorButton.hoverBackground#d61b8c
- focusBorder#323234
- foreground#FAFAFA
- gitDecoration.addedResourceForeground#34cb5acc
- gitDecoration.conflictingResourceForeground#c363f2ee
- gitDecoration.deletedResourceForeground#ff4c42cc
- gitDecoration.ignoredResourceForeground#949499cc
- gitDecoration.modifiedResourceForeground#ffd814cc
- gitDecoration.renamedResourceForeground#73c991
- gitDecoration.stageDeletedResourceForeground#ff4c42ee
- gitDecoration.stageModifiedResourceForeground#ffd814ee
- gitDecoration.submoduleResourceForeground#47cae1cc
- gitDecoration.untrackedResourceForeground#34cb5acc
- gitlens.closedAutolinkedIssueIconColor#a371f7
- gitlens.closedPullRequestIconColor#f85149
- gitlens.decorations.addedForegroundColor#34cb5a66
- gitlens.decorations.branchAheadForegroundColor#35b15e
- gitlens.decorations.branchBehindForegroundColor#b15e35
- gitlens.decorations.branchDivergedForegroundColor#d8af1b
- gitlens.decorations.branchMissingUpstreamForegroundColor#c74e39
- gitlens.decorations.branchUnpublishedForegroundColor#35b15e
- gitlens.decorations.branchUpToDateForegroundColor#FAFAFA
- gitlens.decorations.copiedForegroundColor#73c991
- gitlens.decorations.deletedForegroundColor#ff4c4266
- gitlens.decorations.ignoredForegroundColor#94949966
- gitlens.decorations.modifiedForegroundColor#ffd81466
- gitlens.decorations.renamedForegroundColor#73c991
- gitlens.decorations.untrackedForegroundColor#34cb5a66
- gitlens.decorations.worktreeView.hasUncommittedChangesForegroundColor#e2c08d
- gitlens.gutterBackgroundColor#ffffff13
- gitlens.gutterForegroundColor#bebebe
- gitlens.gutterUncommittedForegroundColor#00bcf299
- gitlens.lineHighlightBackgroundColor#00bcf233
- gitlens.lineHighlightOverviewRulerColor#00bcf299
- gitlens.mergedPullRequestIconColor#a371f7
- gitlens.openAutolinkedIssueIconColor#3fb950
- gitlens.openPullRequestIconColor#3fb950
- gitlens.trailingLineBackgroundColor#00000000
- gitlens.trailingLineForegroundColor#99999959
- gitlens.unpublishedChangesIconColor#35b15e
- gitlens.unpublishedCommitIconColor#35b15e
- gitlens.unpulledChangesIconColor#b15e35
- icon.foreground#FAFAFA
- input.background#323234
- input.border#323234
- input.foreground#FAFAFA
- input.placeholderForeground#FAFAFA9D
- inputOption.activeBackground#202022
- inputOption.activeBorder#af936e
- inputOption.activeForeground#FAFAFA
- inputOption.hoverBackground#5a5d5e80
- inputValidation.errorBackground#5a1d1d
- inputValidation.errorBorder#be1100
- inputValidation.infoBackground#063b49
- inputValidation.infoBorder#148aff
- inputValidation.warningBackground#352a05
- inputValidation.warningBorder#b89500
- interactive.activeCodeBorder#3187c0
- interactive.inactiveCodeBorder#37373d
- keybindingLabel.background#8080802b
- keybindingLabel.border#33333399
- keybindingLabel.bottomBorder#44444499
- keybindingLabel.foreground#cccccc
- keybindingTable.headerBackground#FAFAFA0A
- keybindingTable.rowsBackground#FAFAFA0A
- list.activeSelectionBackground#323234
- list.activeSelectionForeground#FAFAFA
- list.deemphasizedForeground#8c8c8c
- list.dropBackground#062f4a
- list.errorForeground#f88070
- list.filterMatchBackground#442b43
- list.focusBackground#323234
- list.focusHighlightForeground#0097fb
- list.focusOutline#323234
- list.highlightForeground#0097fb
- list.hoverBackground#2a2d2e
- list.inactiveSelectionBackground#37373d
- list.invalidItemForeground#b89500
- list.warningForeground#ffd814
- listFilterWidget.background#653723
- listFilterWidget.noMatchesOutline#be1100
- listFilterWidget.outline#00000000
- menu.background#202022
- menu.border#323234
- menu.foreground#FAFAFA
- menu.selectionBackground#323234
- menu.selectionBorder#af936e
- menu.selectionForeground#FAFAFA
- menu.separatorBackground#bbbbbb
- menubar.selectionBackground#323234
- menubar.selectionBorder#202022
- menubar.selectionForeground#cccccc
- merge.commonContentBackground#68686a29
- merge.commonHeaderBackground#68686a66
- merge.currentContentBackground#34cb5a33
- merge.currentHeaderBackground#34cb5a80
- merge.incomingContentBackground#148aff33
- merge.incomingHeaderBackground#148aff80
- minimap.background#202022
- minimap.errorHighlight#ff1212b3
- minimap.findMatchHighlight#d18616
- minimap.foregroundOpacity#000000
- minimap.selectionHighlight#264f78
- minimap.selectionOccurrenceHighlight#676767
- minimap.warningHighlight#ffd814
- minimapGutter.addedBackground#587c0c
- minimapGutter.deletedBackground#94151b
- minimapGutter.modifiedBackground#0c7d9d
- minimapSlider.activeBackground#bfbfbf33
- minimapSlider.background#32323480
- minimapSlider.hoverBackground#64646459
- notebook.cellBorderColor#32323466
- notebook.cellEditorBackground#202022
- notebook.cellHoverBackground#32323433
- notebook.cellInsertionIndicator#007fd4
- notebook.cellStatusBarItemHoverBackground#ffffff26
- notebook.cellToolbarSeparator#80808059
- notebook.focusedCellBackground#32323466
- notebook.focusedCellBorder#ffffff1f
- notebook.focusedEditorBorder#007fd4
- notebook.inactiveFocusedCellBorder#32323466
- notebook.outputContainerBackgroundColor#32323466
- notebook.selectedCellBackground#37373d
- notebook.selectedCellBorder#32323466
- notebook.symbolHighlightBackground#ffffff0b
- notebookScrollbarSlider.activeBackground#bfbfbf66
- notebookScrollbarSlider.background#323234
- notebookScrollbarSlider.hoverBackground#646464b3
- notebookStatusErrorIcon.foreground#FF4268
- notebookStatusRunningIcon.foreground#cccccc
- notebookStatusSuccessIcon.foreground#89d185
- notificationCenter.border#af936e
- notificationCenterHeader.background#323234
- notificationCenterHeader.foreground#FAFAFA
- notificationLink.foreground#FAFAFA
- notifications.background#252526
- notifications.border#323234
- notifications.foreground#cccccc
- notificationsErrorIcon.foreground#FF4268
- notificationsInfoIcon.foreground#70d7ff
- notificationsWarningIcon.foreground#ffd814
- panel.background#202022
- panel.border#323234
- panel.dropBorder#FAFAFA
- panelSection.border#323234
- panelSection.dropBackground#53595d80
- panelSectionHeader.background#80808033
- panelTitle.activeBorder#af936e
- panelTitle.activeForeground#FAFAFA
- panelTitle.inactiveForeground#FAFAFA
- peekView.border#3187c0
- peekViewEditor.background#001f33
- peekViewEditor.matchHighlightBackground#ff8f0099
- peekViewEditorGutter.background#001f33
- peekViewResult.background#252526
- peekViewResult.fileForeground#ffffff
- peekViewResult.lineForeground#bbbbbb
- peekViewResult.matchHighlightBackground#ea5c004d
- peekViewResult.selectionBackground#3399ff33
- peekViewResult.selectionForeground#ffffff
- peekViewTitle.background#202022
- peekViewTitleDescription.foreground#ccccccb3
- peekViewTitleLabel.foreground#ffffff
- pickerGroup.border#323234
- pickerGroup.foreground#af936e
- ports.iconRunningProcessForeground#af936e
- problemsErrorIcon.foreground#FF4268
- problemsInfoIcon.foreground#148aff
- problemsWarningIcon.foreground#ffd814
- progressBar.background#323234
- quickInput.background#202022
- quickInput.foreground#FAFAFA
- quickInputList.focusBackground#323234
- quickInputList.focusForeground#FAFAFA
- quickInputTitle.background#ffffff1b
- rust_analyzer.syntaxTreeBorder#ffffff
- sash.hoverBorder#323234
- scm.providerBorder#454545
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#bfbfbf66
- scrollbarSlider.background#323234
- scrollbarSlider.hoverBackground#646464b3
- searchEditor.findMatchBackground#442b43a8
- searchEditor.findMatchBorder#442b43
- searchEditor.textInputBorder#323234
- selection.background#442b43
- settings.checkboxBackground#202022
- settings.checkboxBorder#323234
- settings.checkboxForeground#FAFAFA
- settings.dropdownBackground#202022
- settings.dropdownBorder#323234
- settings.dropdownForeground#FAFAFA
- settings.dropdownListBorder#454545
- settings.focusedRowBackground#323234
- settings.focusedRowBorder#ffffff1f
- settings.headerBorder#323234
- settings.headerForeground#FAFAFA
- settings.modifiedItemIndicator#af936e
- settings.numberInputBackground#323234
- settings.numberInputBorder#323234
- settings.numberInputForeground#FAFAFA
- settings.rowHoverBackground#2a2d2e4d
- settings.sashBorder#323234
- settings.textInputBackground#323234
- settings.textInputBorder#323234
- settings.textInputForeground#FAFAFA
- sideBar.background#202022
- sideBar.border#323234
- sideBar.dropBackground#53595d80
- sideBar.foreground#FAFAFA
- sideBarSectionHeader.background#80808033
- sideBarSectionHeader.foreground#FAFAFA
- sideBarTitle.foreground#FAFAFA
- sideBySideEditor.horizontalBorder#444444
- sideBySideEditor.verticalBorder#444444
- statusBar.background#202022
- statusBar.border#323234
- statusBar.debuggingBackground#ff4c42
- statusBar.debuggingBorder#323234
- statusBar.debuggingForeground#FAFAFA
- statusBar.focusBorder#FAFAFA
- statusBar.foreground#FAFAFA
- statusBar.noFolderBackground#202022
- statusBar.noFolderBorder#323234
- statusBar.noFolderForeground#FAFAFA
- statusBarItem.activeBackground#ffffff2e
- statusBarItem.compactHoverBackground#ffffff33
- statusBarItem.errorBackground#c00026
- statusBarItem.errorForeground#ffffff
- statusBarItem.focusBorder#FAFAFA
- statusBarItem.hoverBackground#ffffff1f
- statusBarItem.prominentBackground#00000080
- statusBarItem.prominentForeground#FAFAFA
- statusBarItem.prominentHoverBackground#0000004d
- statusBarItem.remoteBackground#af936e
- statusBarItem.remoteForeground#202022
- statusBarItem.warningBackground#a58900
- statusBarItem.warningForeground#ffffff
- symbolIcon.arrayForeground#cccccc
- symbolIcon.booleanForeground#cccccc
- symbolIcon.classForeground#ee9d28
- symbolIcon.colorForeground#cccccc
- symbolIcon.constantForeground#cccccc
- symbolIcon.constructorForeground#b180d7
- symbolIcon.enumeratorForeground#ee9d28
- symbolIcon.enumeratorMemberForeground#70d7ff
- symbolIcon.eventForeground#ee9d28
- symbolIcon.fieldForeground#70d7ff
- symbolIcon.fileForeground#cccccc
- symbolIcon.folderForeground#cccccc
- symbolIcon.functionForeground#b180d7
- symbolIcon.interfaceForeground#70d7ff
- symbolIcon.keyForeground#cccccc
- symbolIcon.keywordForeground#cccccc
- symbolIcon.methodForeground#b180d7
- symbolIcon.moduleForeground#cccccc
- symbolIcon.namespaceForeground#cccccc
- symbolIcon.nullForeground#cccccc
- symbolIcon.numberForeground#cccccc
- symbolIcon.objectForeground#cccccc
- symbolIcon.operatorForeground#cccccc
- symbolIcon.packageForeground#cccccc
- symbolIcon.propertyForeground#cccccc
- symbolIcon.referenceForeground#cccccc
- symbolIcon.snippetForeground#cccccc
- symbolIcon.stringForeground#cccccc
- symbolIcon.structForeground#cccccc
- symbolIcon.textForeground#cccccc
- symbolIcon.typeParameterForeground#cccccc
- symbolIcon.unitForeground#cccccc
- symbolIcon.variableForeground#70d7ff
- tab.activeBackground#323234
- tab.activeBorder#af936e
- tab.activeForeground#ffffff
- tab.activeModifiedBorder#3399cc
- tab.border#323234
- tab.hoverBackground#323234
- tab.inactiveBackground#202022
- tab.inactiveForeground#ffffff80
- tab.inactiveModifiedBorder#3399cc80
- tab.lastPinnedBorder#585858
- tab.unfocusedActiveBackground#323234
- tab.unfocusedActiveBorder#af936e80
- tab.unfocusedActiveForeground#ffffff80
- tab.unfocusedActiveModifiedBorder#3399cc80
- tab.unfocusedHoverBackground#32323480
- tab.unfocusedInactiveBackground#202022
- tab.unfocusedInactiveForeground#ffffff40
- tab.unfocusedInactiveModifiedBorder#3399cc40
- terminal.ansiBlack#000000
- terminal.ansiBlue#148aff
- terminal.ansiBrightBlack#000000
- terminal.ansiBrightBlue#148aff
- terminal.ansiBrightCyan#47cae1
- terminal.ansiBrightGreen#34cb5a
- terminal.ansiBrightMagenta#c363f2
- terminal.ansiBrightRed#ff4c42
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffd814
- terminal.ansiCyan#47cae1
- terminal.ansiGreen#34cb5a
- terminal.ansiMagenta#c363f2
- terminal.ansiRed#ff4c42
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#ffd814
- terminal.border#323234
- terminal.dropBackground#53595d80
- terminal.findMatchBackground#515c6a
- terminal.findMatchHighlightBackground#442b43
- terminal.foreground#FAFAFA
- terminal.selectionBackground#ffffff40
- terminal.tab.activeBorder#af936e
- terminalCommandDecoration.defaultBackground#ffffff40
- terminalCommandDecoration.errorBackground#f14c4c
- terminalCommandDecoration.successBackground#1b81a8
- terminalOverviewRuler.cursorForeground#a0a0a0cc
- terminalOverviewRuler.findMatchForeground#d186167e
- testing.iconErrored#f14c4c
- testing.iconFailed#f14c4c
- testing.iconPassed#73c991
- testing.iconQueued#cca700
- testing.iconSkipped#848484
- testing.iconUnset#848484
- testing.message.error.decorationForeground#FF4268
- testing.message.error.lineBackground#ff000033
- testing.message.info.decorationForeground#FAFAFA80
- testing.peekBorder#FF4268
- testing.peekHeaderBackground#FF42681A
- testing.runAction#73c991
- textBlockQuote.background#7f7f7f1a
- textBlockQuote.border#148aff80
- textCodeBlock.background#0a0a0a66
- textLink.activeForeground#af936e
- textLink.foreground#FAFAFA
- textPreformat.foreground#d7ba7d
- textSeparator.foreground#ffffff2e
- titleBar.activeBackground#202022
- titleBar.activeForeground#FAFAFA
- titleBar.border#323234
- titleBar.inactiveBackground#202022
- titleBar.inactiveForeground#FAFAFA
- toolbar.activeBackground#63666750
- toolbar.hoverBackground#5a5d5e50
- tree.indentGuidesStroke#585858
- tree.tableColumnsBorder#cccccc20
- tree.tableOddRowsBackground#FAFAFA0A
- welcomePage.progress.background#323234
- welcomePage.progress.foreground#FAFAFA
- welcomePage.tileBackground#252526
- welcomePage.tileHoverBackground#2c2c2d
- welcomePage.tileShadow#323234
- widget.shadow#323234
- window.activeBorder#323234
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #A89984 | italic |
| variable, string constant.other.placeholder | #FAFAFA | — |
| constant.other.color | #FAFAFA | — |
| invalid, invalid.illegal | #FF4C42 | — |
| keyword, storage.type, storage.modifier | #148AFF | italic |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.new | #C363F2 | — |
| constant.other.color, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution | #FAFAFAEE | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #FF4C42 | — |
| storage.type.js | #C363F2 | — |
| variable.function, meta.function-call, support.function, keyword.other.special-method, support.function.magic.python, entity.name.function | #34CB5A | — |
| meta.block variable.other | #FAFAFA | — |
| support.other.variable, string.other.link | #FF4C42 | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other | #C363F2 | — |
| constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #FAFAFA | — |
| string | #FFD814 | — |
| variable.parameter | #FAFAFA | — |
| comment.block | #949499 | — |
| entity.name, support.type, support.class, entity.other.inherited-class, support.orther.namespace.use.php, variable.other.readwrite.alias, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types, meta.export.default.js variable.other.readwrite.js | #34CB5A | — |
| support.type | #47CAE1 | — |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name | #FAFAFA | — |
| meta.selector.css, support.constant, meta.property-value.css | #FF4C42 | italic |
| keyword.other.special-method.dockerfile, entity.name.tag.yaml | #FF4C42 | italic |
| string.quoted.docstring.multi.python | #A89984 | italic |
| entity.name.function.decorator.python | — | italic |
| variable.parameter.function.language.special.self.python, variable.language.special.self.python, variable.language.this, variable.language.super, support.function.builtin.python | #FF4C42 | italic |
| source.python entity.name.function | #8EC07C | — |
| source.python keyword.operator.logical.python | #FF4C42 | italic |
| source.python meta.function-call.arguments.python | #FAFAFA | — |
| source.python support.type.python | #47CAE1 | — |
| source.python punctuation.definition.arguments.begin.python, source.python punctuation.definition.arguments.end.python | #FAFAFA | — |
| source.python constant.character.format.placeholder.other.python | #47CAE1 | — |
| source.python storage.type.string.python | #34CB5A | |
| source.pip-requirements, source.pip-requirements entity.name.class | #FF4C42 | italic |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #FF5370 | — |
| variable.language | #FF4C42 | italic |
| entity.name.method.js | #82AAFF | italic |
| source.js meta.block variable.other | #FAFAFA | — |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #82AAFF | — |
| entity.name.tag.structure.any.html, entity.name.tag | #FF4C42 | italic |
| meta.tag.sgml.doctype | #8EC07C | bold |
| entity.name.tag.html | #FF4C42 | italic |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name, entity.other.attribute-name, entity.other.attribute-name.html | #34CB5A | |
| punctuation.definition.tag.end.html, punctuation.definition.tag.begin.html | #FAFAFAEE | italic |
| entity.other.attribute-name.class | #34CB5A | italic |
| source.sass keyword.control | #FAFAFA | — |
| markup.inserted | #C3E88D | — |
| markup.deleted | #FF5370 | — |
| markup.changed | #C363F2 | — |
| string.regexp | #89DDFF | — |
| constant.character.escape | #89DDFF | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #82AAFF | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #FF4C42 | italic |
| source.js keyword.operator.expression.in.js, source.js keyword.operator.expression.of.js, source.js keyword.operator.new | #FF4C42 | italic |
| source.js support.class, source.js entity.name.type.js | #47CAE1 | — |
| source.css support.function | #FF4C42 | italic |
| source.css support.constant, source.css keyword.other.unit, source.css variable.parameter | #34CB5A | |
| source.css keyword.other.unit.fr.css | #FF4C42 | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #FF4C42 | italic |
| source.json meta.structure.dictionary.json | #47CAE1 | — |
| source.json meta.structure.dictionary.value.json, source.json punctuation.separator.dictionary.pair.json, source.json punctuation.definition.dictionary.begin.json, source.json punctuation.definition.dictionary.end.json | #FAFAFA | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #FAFAFA | — |
| text.html.markdown markup.inline.raw.markdown | #C363F2 | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #FAFAFA | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown, markup.heading.markdown entity.name | #FF4C42 | italic |
| markup.italic | #FF4C42 | italic |
| markup.bold, markup.bold string | #FF4C42 | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #FF4C42 | bold |
| markup.underline | #34CB5A | underline |
| markup.quote punctuation.definition.blockquote.markdown | #65737E | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #47CAE1 | — |
| string.other.link.description.title.markdown | #34CB5A | — |
| constant.other.reference.link.markdown | #34CB5A | — |
| markup.raw.block | #C363F2 | — |
| markup.raw.block.fenced.markdown | #00000050 | — |
| punctuation.definition.fenced.markdown | #00000050 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #FAFAFA | — |
| variable.language.fenced.markdown | #65737E | — |
| meta.separator | #65737E | bold |
| markup.table | #EEFFFF | — |
| keyword.other.sql, keyword.other.DML.sql, keyword.other.alias.sql | #FF4C42 | — |
| constant.other.database-name.sql, constant.other.table-name.sql | #8EC07C | — |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...