Finger Paint Set AYMS

Color themes

• 

  Themer Dark

• 

  Themer Light

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#463d3e33
• activityBar.activeBorder#d1ced1
• activityBar.activeFocusBorder#995785
• activityBar.background#2a2021
• activityBar.border#2a2021
• activityBar.dropBorder#6484b5
• activityBar.foreground#b5b1b3
• activityBar.inactiveForeground#999496
• activityBarBadge.background#995785
• activityBarBadge.foreground#2a2021
• badge.background#995785
• badge.foreground#2a2021
• breadcrumb.activeSelectionForeground#edebee
• breadcrumb.background#2a2021
• breadcrumb.focusForeground#d1ced1
• breadcrumb.foreground#b5b1b3
• breadcrumbPicker.background#2a2021
• button.background#6484b5
• button.foreground#2a2021
• button.hoverBackground#76a377
• button.secondaryBackground#d1ced1
• button.secondaryForeground#2a2021
• button.secondaryHoverBackground#b5b1b3
• charts.blue#6484b5
• charts.foreground#d1ced1
• charts.green#97b55a
• charts.lines#7e7779
• charts.orange#d3873b
• charts.purple#995785
• charts.red#c65967
• charts.yellow#e5be31
• checkbox.background#6484b5
• checkbox.border#463d3e
• checkbox.foreground#2a2021
• debugConsole.errorForeground#c65967
• debugConsole.infoForeground#6484b5
• debugConsole.sourceForeground#995785
• debugConsole.warningForeground#d3873b
• debugConsoleInputIcon.foreground#999496
• debugExceptionWidget.background#463d3e
• debugExceptionWidget.border#463d3e
• debugIcon.breakpointCurrentStackframeForeground#97b55a
• debugIcon.breakpointDisabledForeground#999496
• debugIcon.breakpointForeground#c65967
• debugIcon.breakpointStackframeForeground#e5be31
• debugIcon.breakpointUnverifiedForeground#b5b1b3
• debugIcon.continueForeground#97b55a
• debugIcon.disconnectForeground#d3873b
• debugIcon.pauseForeground#6484b5
• debugIcon.restartForeground#ac7155
• debugIcon.startForeground#97b55a
• debugIcon.stepBackForeground#edebee
• debugIcon.stepIntoForeground#edebee
• debugIcon.stepOutForeground#edebee
• debugIcon.stepOverForeground#edebee
• debugIcon.stopForeground#c65967
• debugTokenExpression.boolean#995785
• debugTokenExpression.error#c65967
• debugTokenExpression.name#6484b5
• debugTokenExpression.number#ac7155
• debugTokenExpression.string#97b55a
• debugTokenExpression.value#edebee
• debugToolBar.background#463d3e
• debugToolBar.border#625a5c
• debugView.exceptionLabelBackground#463d3e
• debugView.exceptionLabelForeground#e5be31
• debugView.stateLabelBackground#463d3e
• debugView.stateLabelForeground#6484b5
• debugView.valueChangedHighlight#e5be3133
• descriptionForeground#d1ced1
• diffEditor.border#463d3e
• diffEditor.diagonalFill#463d3e7f
• diffEditor.insertedTextBackground#97b55a20
• diffEditor.removedTextBackground#c6596720
• dropdown.background#463d3e
• dropdown.border#463d3e
• dropdown.foreground#d1ced1
• dropdown.listBackground#463d3e
• editor.background#2a2021
• editor.findMatchBackground#e5be313f
• editor.findMatchHighlightBackground#e5be3133
• editor.findRangeHighlightBackground#463d3e
• editor.focusedStackFrameHighlightBackground#97b55a3f
• editor.foldBackground#463d3e66
• editor.foreground#edebee
• editor.hoverHighlightBackground#625a5c7f
• editor.inactiveSelectionBackground#6484b533
• editor.lineHighlightBackground#2a2021
• editor.lineHighlightBorder#463d3e
• editor.rangeHighlightBackground#e5be3133
• editor.selectionBackground#6484b533
• editor.selectionForeground#edebee
• editor.selectionHighlightBackground#463d3e
• editor.snippetFinalTabstopHighlightBackground#625a5c7f
• editor.snippetTabstopHighlightBackground#463d3e7f
• editor.stackFrameHighlightBackground#76a3773f
• editor.symbolHighlightBackground#99578533
• editor.wordHighlightBackground#99578533
• editor.wordHighlightStrongBackground#ac715533
• editorBracketHighlight.foreground1#edebee
• editorBracketHighlight.foreground2#e5be31
• editorBracketHighlight.foreground3#76a377
• editorBracketHighlight.foreground4#995785
• editorBracketHighlight.foreground5#97b55a
• editorBracketHighlight.foreground6#6484b5
• editorBracketHighlight.unexpectedBracket#c65967
• editorBracketMatch.background#463d3e
• editorBracketMatch.border#625a5c
• editorCodeLens.foreground#b5b1b3
• editorCursor.background#2a2021
• editorCursor.foreground#995785
• editorError.border#edebee
• editorError.foreground#c65967
• editorGroup.border#463d3e
• editorGroup.dropBackground#625a5c7f
• editorGroup.emptyBackground#2a2021
• editorGroup.focusedEmptyBorder#463d3e
• editorGroupHeader.border#2a2021
• editorGroupHeader.noTabsBackground#2a2021
• editorGroupHeader.tabsBackground#2a2021
• editorGroupHeader.tabsBorder#2a2021
• editorGutter.addedBackground#97b55a
• editorGutter.background#2a2021
• editorGutter.commentRangeForeground#7e7779
• editorGutter.deletedBackground#c65967
• editorGutter.foldingControlForeground#b5b1b3
• editorGutter.modifiedBackground#e5be31
• editorHint.border#999496
• editorHint.foreground#ac7155
• editorHoverWidget.background#463d3e
• editorHoverWidget.border#463d3e
• editorHoverWidget.foreground#d1ced1
• editorHoverWidget.statusBarBackground#6484b533
• editorIndentGuide.activeBackground#625a5c
• editorIndentGuide.background#463d3e
• editorInfo.border#b5b1b3
• editorInfo.foreground#6484b5
• editorLightBulb.foreground#e5be31
• editorLightBulbAutoFix.foreground#6484b5
• editorLineNumber.activeForeground#999496
• editorLineNumber.foreground#625a5c
• editorLink.activeForeground#76a377
• editorMarkerNavigation.background#463d3e
• editorMarkerNavigationError.background#c65967
• editorMarkerNavigationInfo.background#6484b5
• editorMarkerNavigationWarning.background#d3873b
• editorOverviewRuler.addedForeground#97b55a7f
• editorOverviewRuler.border#463d3e
• editorOverviewRuler.bracketMatchForeground#7e7779
• editorOverviewRuler.commonContentForeground#995785
• editorOverviewRuler.currentContentForeground#76a377
• editorOverviewRuler.deletedForeground#c659677f
• editorOverviewRuler.errorForeground#c659677f
• editorOverviewRuler.findMatchForeground#e5be31bf
• editorOverviewRuler.incomingContentForeground#6484b5
• editorOverviewRuler.infoForeground#6484b57f
• editorOverviewRuler.modifiedForeground#e5be317f
• editorOverviewRuler.rangeHighlightForeground#625a5cbf
• editorOverviewRuler.selectionHighlightForeground#463d3ebf
• editorOverviewRuler.warningForeground#d3873b7f
• editorOverviewRuler.wordHighlightForeground#625a5cbf
• editorOverviewRuler.wordHighlightStrongForeground#7e7779bf
• editorPane.background#2a2021
• editorRuler.foreground#463d3e
• editorSuggestWidget.background#463d3e
• editorSuggestWidget.border#463d3e
• editorSuggestWidget.foreground#d1ced1
• editorSuggestWidget.highlightForeground#ac7155
• editorSuggestWidget.selectedBackground#625a5c
• editorUnnecessaryCode.opacity#0000007f
• editorWarning.border#d1ced1
• editorWarning.foreground#d3873b
• editorWhitespace.foreground#463d3e
• editorWidget.background#463d3e
• editorWidget.border#463d3e
• editorWidget.foreground#d1ced1
• editorWidget.resizeBorder#6484b5
• errorForeground#c65967
• extensionBadge.remoteBackground#ac7155
• extensionBadge.remoteForeground#2a2021
• extensionButton.prominentBackground#6484b5
• extensionButton.prominentForeground#2a2021
• extensionButton.prominentHoverBackground#76a377
• focusBorder#995785
• foreground#edebee
• gitDecoration.addedResourceForeground#97b55a
• gitDecoration.conflictingResourceForeground#76a377
• gitDecoration.deletedResourceForeground#c65967
• gitDecoration.ignoredResourceForeground#7e7779
• gitDecoration.modifiedResourceForeground#e5be31
• gitDecoration.stageDeletedResourceForeground#c65967
• gitDecoration.stageModifiedResourceForeground#76a377
• gitDecoration.submoduleResourceForeground#ac7155
• gitDecoration.untrackedResourceForeground#995785
• icon.foreground#d1ced1
• imagePreview.border#463d3e
• input.background#463d3e
• input.border#463d3e
• input.foreground#d1ced1
• input.placeholderForeground#625a5c
• inputOption.activeBackground#625a5c
• inputOption.activeBorder#76a377
• inputOption.activeForeground#edebee
• inputValidation.errorBackground#463d3e
• inputValidation.errorBorder#c65967
• inputValidation.errorForeground#c65967
• inputValidation.infoBackground#463d3e
• inputValidation.infoBorder#6484b5
• inputValidation.infoForeground#6484b5
• inputValidation.warningBackground#463d3e
• inputValidation.warningBorder#d3873b
• inputValidation.warningForeground#d3873b
• list.activeSelectionBackground#99578533
• list.activeSelectionForeground#edebee
• list.deemphasizedForeground#999496
• list.dropBackground#463d3e
• list.errorForeground#c65967
• list.filterMatchBackground#e5be3133
• list.filterMatchBorder#e5be3133
• list.focusBackground#7e77793f
• list.focusForeground#edebee
• list.highlightForeground#e5be31
• list.hoverBackground#463d3e33
• list.hoverForeground#edebee
• list.inactiveFocusBackground#463d3e3f
• list.inactiveSelectionBackground#625a5c3f
• list.inactiveSelectionForeground#d1ced1
• list.invalidItemForeground#c65967
• list.warningForeground#e5be31
• listFilterWidget.background#463d3e
• listFilterWidget.noMatchesOutline#c65967
• listFilterWidget.outline#6484b5
• menu.background#2a2021
• menu.foreground#d1ced1
• menu.selectionBackground#463d3e
• menu.selectionForeground#edebee
• menu.separatorBackground#625a5c
• menubar.selectionBackground#463d3e
• menubar.selectionForeground#edebee
• merge.border#999496
• merge.commonContentBackground#9957854c
• merge.commonHeaderBackground#9957854c
• merge.currentContentBackground#76a3774c
• merge.currentHeaderBackground#76a3774c
• merge.incomingContentBackground#6484b54c
• merge.incomingHeaderBackground#6484b54c
• minimap.background#2a2021
• minimap.errorHighlight#c6596780
• minimap.findMatchHighlight#e5be31
• minimap.selectionHighlight#6484b580
• minimap.warningHighlight#d3873b80
• minimapGutter.addedBackground#97b55a80
• minimapGutter.deletedBackground#c6596780
• minimapGutter.modifiedBackground#e5be3180
• minimapSlider.activeBackground#7e777933
• minimapSlider.background#463d3e33
• minimapSlider.hoverBackground#625a5c33
• notebook.cellBorderColor#463d3e3f
• notebook.cellHoverBackground#463d3e3f
• notebook.cellInsertionIndicator#97b55a
• notebook.cellStatusBarItemHoverBackground#463d3e3f
• notebook.cellToolbarSeparator#463d3e3f
• notebook.focusedCellBackground#463d3e7f
• notebook.focusedCellBorder#995785
• notebook.focusedCellShadow#0000003f
• notebook.focusedEditorBorder#463d3e
• notebook.focusedRowBorder#995785
• notebook.inactiveFocusedCellBorder#b5b1b3
• notebook.outputContainerBackgroundColor#2a2021
• notebook.rowHoverBackground#463d3e7f
• notebook.selectedCellBorder#999496
• notebook.symbolHighlightBackground#9957853f
• notebookScrollbarSlider.activeBackground#b5b1b37f
• notebookScrollbarSlider.background#7e77797f
• notebookScrollbarSlider.hoverBackground#9994967f
• notebookStatusErrorIcon.foreground#c65967
• notebookStatusRunningIcon.foreground#6484b5
• notebookStatusSuccessIcon.foreground#97b55a
• notificationCenterHeader.background#625a5c
• notificationCenterHeader.foreground#d1ced1
• notificationLink.foreground#6484b5
• notifications.background#463d3e
• notifications.border#7e7779
• notifications.foreground#edebee
• notificationsErrorIcon.foreground#c65967
• notificationsInfoIcon.foreground#6484b5
• notificationsWarningIcon.foreground#d3873b
• notificationToast.border#7e7779
• panel.background#2a2021
• panel.border#463d3e
• panel.dropBorder#6484b5
• panelSection.border#463d3e
• panelSection.dropBackground#463d3e3f
• panelSectionHeader.background#625a5c
• panelSectionHeader.border#2a2021
• panelSectionHeader.foreground#d1ced1
• panelTitle.activeBorder#7e7779
• panelTitle.activeForeground#d1ced1
• panelTitle.inactiveForeground#999496
• peekView.border#ac7155
• peekViewEditor.background#463d3e7f
• peekViewEditor.matchHighlightBackground#e5be317f
• peekViewEditorGutter.background#463d3e7f
• peekViewResult.background#463d3e
• peekViewResult.fileForeground#d1ced1
• peekViewResult.lineForeground#625a5c
• peekViewResult.matchHighlightBackground#e5be31
• peekViewResult.selectionBackground#7e7779
• peekViewResult.selectionForeground#edebee
• peekViewTitle.background#463d3e
• peekViewTitleDescription.foreground#b5b1b3
• peekViewTitleLabel.foreground#edebee
• pickerGroup.border#625a5c
• pickerGroup.foreground#999496
• problemsErrorIcon.foreground#c65967
• problemsInfoIcon.foreground#6484b5
• problemsWarningIcon.foreground#d3873b
• progressBar.background#97b55a
• quickInput.background#463d3e
• quickInput.foreground#edebee
• quickInputTitle.background#625a5c
• sash.hoverBorder#6484b5
• scm.providerBorder#625a5c
• scrollbar.shadow#2a2021
• scrollbarSlider.activeBackground#b5b1b37f
• scrollbarSlider.background#7e77797f
• scrollbarSlider.hoverBackground#9994967f
• selection.background#625a5c
• settings.checkboxBackground#6484b5
• settings.checkboxBorder#6484b5
• settings.checkboxForeground#2a2021
• settings.dropdownBackground#463d3e
• settings.dropdownForeground#d1ced1
• settings.dropdownListBorder#625a5c
• settings.focusedRowBackground#2a2021
• settings.headerForeground#edebee
• settings.modifiedItemIndicator#76a377
• settings.numberInputBackground#463d3e
• settings.numberInputForeground#d1ced1
• settings.textInputBackground#463d3e
• settings.textInputForeground#d1ced1
• sideBar.background#2a2021
• sideBar.border#463d3e
• sideBar.dropBackground#463d3e3f
• sideBar.foreground#d1ced1
• sideBarSectionHeader.background#625a5c
• sideBarSectionHeader.border#2a2021
• sideBarSectionHeader.foreground#d1ced1
• sideBarTitle.foreground#b5b1b3
• statusBar.background#6484b5
• statusBar.border#2a2021
• statusBar.debuggingBackground#d3873b
• statusBar.debuggingBorder#2a2021
• statusBar.debuggingForeground#2a2021
• statusBar.foreground#2a2021
• statusBar.noFolderBackground#995785
• statusBar.noFolderBorder#2a2021
• statusBar.noFolderForeground#2a2021
• statusBarItem.activeBackground#76a377
• statusBarItem.errorBackground#c65967
• statusBarItem.errorForeground#2a2021
• statusBarItem.hoverBackground#97b55a
• statusBarItem.prominentBackground#76a377
• statusBarItem.prominentHoverBackground#97b55a
• statusBarItem.remoteBackground#76a377
• statusBarItem.remoteForeground#2a2021
• symbolIcon.arrayForeground#ac7155
• symbolIcon.booleanForeground#995785
• symbolIcon.classForeground#6484b5
• symbolIcon.colorForeground#76a377
• symbolIcon.constantForeground#97b55a
• symbolIcon.constructorForeground#995785
• symbolIcon.enumeratorForeground#76a377
• symbolIcon.enumeratorMemberForeground#6484b5
• symbolIcon.eventForeground#d3873b
• symbolIcon.fieldForeground#c65967
• symbolIcon.fileForeground#d1ced1
• symbolIcon.folderForeground#b5b1b3
• symbolIcon.functionForeground#995785
• symbolIcon.interfaceForeground#c65967
• symbolIcon.keyForeground#e5be31
• symbolIcon.keywordForeground#6484b5
• symbolIcon.methodForeground#76a377
• symbolIcon.moduleForeground#76a377
• symbolIcon.namespaceForeground#6484b5
• symbolIcon.nullForeground#c65967
• symbolIcon.numberForeground#d3873b
• symbolIcon.objectForeground#edebee
• symbolIcon.operatorForeground#c65967
• symbolIcon.packageForeground#d3873b
• symbolIcon.propertyForeground#76a377
• symbolIcon.referenceForeground#d3873b
• symbolIcon.snippetForeground#b5b1b3
• symbolIcon.stringForeground#97b55a
• symbolIcon.structForeground#6484b5
• symbolIcon.textForeground#edebee
• symbolIcon.typeParameterForeground#6484b5
• symbolIcon.unitForeground#e5be31
• symbolIcon.variableForeground#d3873b
• tab.activeBackground#2a2021
• tab.activeForeground#d1ced1
• tab.activeModifiedBorder#e5be31
• tab.border#2a2021
• tab.hoverBackground#463d3e80
• tab.hoverForeground#b5b1b3
• tab.inactiveBackground#463d3e
• tab.inactiveForeground#7e7779
• tab.inactiveModifiedBorder#e5be31
• tab.lastPinnedBorder#ac7155
• tab.unfocusedActiveBackground#2a2021
• tab.unfocusedActiveForeground#7e7779
• tab.unfocusedActiveModifiedBorder#e5be31
• tab.unfocusedHoverBackground#463d3e80
• tab.unfocusedHoverForeground#999496
• tab.unfocusedInactiveBackground#463d3e
• tab.unfocusedInactiveForeground#625a5c
• tab.unfocusedInactiveModifiedBorder#e5be31
• terminal.ansiBlack#2a2021
• terminal.ansiBlue#6484b5
• terminal.ansiBrightBlack#463d3e
• terminal.ansiBrightBlue#6484b5
• terminal.ansiBrightCyan#76a377
• terminal.ansiBrightGreen#76a377
• terminal.ansiBrightMagenta#ac7155
• terminal.ansiBrightRed#d3873b
• terminal.ansiBrightWhite#edebee
• terminal.ansiBrightYellow#e5be31
• terminal.ansiCyan#76a377
• terminal.ansiGreen#97b55a
• terminal.ansiMagenta#ac7155
• terminal.ansiRed#c65967
• terminal.ansiWhite#d1ced1
• terminal.ansiYellow#e5be31
• terminal.background#2a2021
• terminal.foreground#d1ced1
• terminal.selectionBackground#6484b57f
• terminalCursor.background#463d3e
• terminalCursor.foreground#b5b1b3
• testing.iconErrored#c65967
• testing.iconFailed#d3873b
• testing.iconPassed#97b55a
• testing.iconQueued#76a377
• testing.iconSkipped#999496
• testing.iconUnset#b5b1b3
• testing.message.error.decorationForeground#c65967
• testing.message.error.lineBackground#c659673f
• testing.message.hint.decorationForeground#ac7155
• testing.message.hint.lineBackground#ac71553f
• testing.message.info.decorationForeground#6484b5
• testing.message.info.lineBackground#6484b53f
• testing.message.warning.decorationForeground#d3873b
• testing.message.warning.lineBackground#d3873b3f
• testing.peekBorder#7e7779
• testing.runAction#6484b5
• textBlockQuote.background#463d3e
• textBlockQuote.border#463d3e
• textCodeBlock.background#2a2021
• textLink.activeForeground#76a377
• textLink.foreground#6484b5
• textPreformat.foreground#d3873b
• textSeparator.foreground#999496
• titleBar.activeBackground#2a2021
• titleBar.activeForeground#b5b1b3
• titleBar.inactiveBackground#2a2021
• titleBar.inactiveForeground#7e7779
• tree.indentGuidesStroke#463d3e
• walkThrough.embeddedEditorBackground#2a2021
• welcomePage.background#2a2021
• welcomePage.buttonBackground#463d3e
• welcomePage.buttonHoverBackground#625a5c
• welcomePage.progress.background#6484b5
• welcomePage.progress.foreground#2a2021
• widget.shadow#2a2021

tokenColors

TextMate scopes and font styles (syntax highlighting rules).