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

tokenColors

TextMate scopes and font styles (syntax highlighting rules).