cucumber-color-theme
Publisher: Jason HulbertThemes in package: 2
Unpickled colors.
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.
- actionBar.toggledBackground#242a2a
- activityBar.activeBorder#22796c
- activityBar.background#1c2121
- activityBar.border#242a2a
- activityBar.foreground#d7d7d7
- activityBar.inactiveForeground#676e6b
- activityBarBadge.background#22796c
- activityBarBadge.foreground#ffffff
- badge.background#898482
- badge.foreground#ffffff
- button.background#22796c
- button.border#242a2a
- button.foreground#ffffff
- button.hoverBackground#0e483f
- button.secondaryBackground#898482
- button.secondaryForeground#ffffff
- button.secondaryHoverBackground#242a2a
- chat.editedFileForeground#e2c08d
- chat.slashCommandForeground#40a6ff
- checkbox.background#141a1a
- checkbox.border#242a2a
- debugToolBar.background#1c2121
- descriptionForeground#898482
- diffEditor.border#242a2a
- diffEditor.insertedLineBackground#2faf7c20
- diffEditor.insertedTextBackground#2faf7c40
- diffEditor.removedLineBackground#c0595920
- diffEditor.removedTextBackground#c0595940
- diffEditorGutter.insertedLineBackground#2faf7c20
- diffEditorGutter.removedLineBackground#c0595920
- dropdown.background#141a1a
- dropdown.border#242a2a
- dropdown.foreground#b3c2bf
- dropdown.listBackground#141a1a
- editor.background#141a1a
- editor.findMatchBackground#e2e3b360
- editor.foreground#b3c2bf
- editor.inactiveSelectionBackground#22796c60
- editor.selectionHighlightBackground#22796c80
- editorGroup.border#242a2a
- editorGroupHeader.tabsBackground#1c2121
- editorGroupHeader.tabsBorder#242a2a
- editorGutter.addedBackground#21b9b9
- editorGutter.deletedBackground#dd9482
- editorGutter.modifiedBackground#788af2
- editorIndentGuide.activeBackground1#676e6b80
- editorIndentGuide.background1#676e6b40
- editorLineNumber.activeForeground#b3c2bf
- editorLineNumber.foreground#676e6b
- editorOverviewRuler.border#242a2a
- editorWidget.background#1c2121
- errorForeground#c05959
- focusBorder#22796c
- foreground#b3c2bf
- gitDecoration.addedResourceForeground#2faf7c
- gitDecoration.conflictingResourceForeground#c05959
- gitDecoration.deletedResourceForeground#dd9482
- gitDecoration.ignoredResourceForeground#676e6b
- gitDecoration.modifiedResourceForeground#788af2
- gitDecoration.stageDeletedResourceForeground#dd9482
- gitDecoration.stageModifiedResourceForeground#788af2
- gitDecoration.submoduleResourceForeground#b7f8e4
- gitDecoration.untrackedResourceForeground#a789f3
- icon.foreground#b3c2bf
- input.background#141a1a
- input.border#242a2a
- input.foreground#b3c2bf
- input.placeholderForeground#676e6b
- inputOption.activeBackground#0e483f
- inputOption.activeBorder#22796c
- keybindingLabel.foreground#b3c2bf
- list.activeSelectionBackground#0e483f
- list.activeSelectionForeground#ffffff
- list.activeSelectionIconForeground#ffffff
- list.dropBackground#242a2a
- list.focusBackground#0e483f60
- list.focusForeground#ffffff
- list.highlightForeground#788af2
- list.hoverBackground#0e483f60
- list.inactiveSelectionBackground#0e483f60
- menu.background#141a1a
- menu.border#242a2a
- menu.foreground#b3c2bf
- menu.selectionBackground#22796c
- menu.separatorBackground#242a2a
- notificationCenterHeader.background#141a1a
- notificationCenterHeader.foreground#b3c2bf
- notifications.background#141a1a
- notifications.border#242a2a
- notifications.foreground#b3c2bf
- panel.background#1c2121
- panel.border#242a2a
- panelInput.border#242a2a
- panelTitle.activeBorder#22796c
- panelTitle.activeForeground#b3c2bf
- panelTitle.inactiveForeground#676e6b
- peekViewEditor.background#141a1a
- peekViewEditor.matchHighlightBackground#e2e3b360
- peekViewResult.background#141a1a
- peekViewResult.matchHighlightBackground#e2e3b360
- pickerGroup.border#242a2a
- ports.iconRunningProcessForeground#2faf7c
- progressBar.background#22796c
- quickInput.background#141a1a
- quickInput.foreground#b3c2bf
- settings.dropdownBackground#141a1a
- settings.dropdownBorder#242a2a
- settings.headerForeground#ffffff
- settings.modifiedItemIndicator#0e483f
- sideBar.background#1c2121
- sideBar.border#242a2a
- sideBar.foreground#b3c2bf
- sideBarSectionHeader.background#1c2121
- sideBarSectionHeader.border#242a2a
- sideBarSectionHeader.foreground#b3c2bf
- sideBarTitle.foreground#b3c2bf
- statusBar.background#1c2121
- statusBar.border#242a2a
- statusBar.debuggingBackground#22796c
- statusBar.debuggingForeground#ffffff
- statusBar.focusBorder#22796c
- statusBar.foreground#d7d7d7
- statusBar.noFolderBackground#242a2a
- statusBarItem.focusBorder#22796c
- statusBarItem.prominentBackground#0e483f
- statusBarItem.remoteBackground#22796c
- statusBarItem.remoteForeground#ffffff
- tab.activeBackground#141a1a
- tab.activeBorder#141a1a
- tab.activeBorderTop#22796c
- tab.activeForeground#ffffff
- tab.border#242a2a
- tab.hoverBackground#141a1a
- tab.inactiveBackground#1c2121
- tab.inactiveForeground#676e6b
- tab.lastPinnedBorder#242a2a
- tab.selectedBackground#141a1a
- tab.selectedBorderTop#22796c
- tab.selectedForeground#ffffff
- tab.unfocusedActiveBorder#141a1a
- tab.unfocusedActiveBorderTop#242a2a
- tab.unfocusedHoverBackground#141a1a
- terminal.ansiBlack#000000
- terminal.ansiBlue#40a6ff
- terminal.ansiBrightBlack#000000
- terminal.ansiBrightBlue#40a6ff
- terminal.ansiBrightCyan#47bbff
- terminal.ansiBrightGreen#21b9b9
- terminal.ansiBrightMagenta#788af2
- terminal.ansiBrightRed#dd9482
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#e2e3b3
- terminal.ansiCyan#47bbff
- terminal.ansiGreen#21b9b9
- terminal.ansiMagenta#788af2
- terminal.ansiRed#dd9482
- terminal.ansiWhite#b3c2bf
- terminal.ansiYellow#e2e3b3
- terminal.background#141a1a
- terminal.foreground#b3c2bf
- terminal.inactiveSelectionBackground#22796c60
- terminal.selectionBackground#22796c80
- terminal.tab.activeBorder#22796c
- textBlockQuote.background#242a2a
- textBlockQuote.border#22796c
- textCodeBlock.background#1c2121
- textLink.activeForeground#22796c
- textLink.foreground#22796c
- textPreformat.background#1c2121
- textPreformat.foreground#d7d7d7
- textSeparator.foreground#242a2a
- titleBar.activeBackground#1c2121
- titleBar.activeForeground#b3c2bf
- titleBar.border#242a2a
- titleBar.inactiveBackground#141a1a
- titleBar.inactiveForeground#676e6b
- welcomePage.progress.foreground#22796c
- welcomePage.tileBackground#242a2a
- widget.border#242a2a
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.brace, meta.punctuation | #b3c2bf | — |
| comment | #676e6b | italic |
| keyword | #47bbff | — |
| entity.name.operator | #3dacc2 | — |
| variable | #9ae0eb | — |
| variable.language | #47bbff | — |
| variable.other.readonly, variable.other.readonly.property, variable.other.constant, variable.other.constant.property, variable.other.object, variable.other.object.property, entity.name.enum, entity.name.enum.member | #b7f8e4 | — |
| constant | #dd9482 | — |
| storage | #a789f3 | — |
| string | #e2e3b3 | — |
| string.regexp | #dd9482 | — |
| meta.punctuation.template-expression, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #dd9482 | — |
| entity.name.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end | #47bbff | — |
| entity.other.attribute-name, entity.other.attribute-name.class.css, source.css entity.other.attribute-name.class, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.scss, source.css entity.other.attribute-name.pseudo-class | #21b9b9 | — |
| support.type, entity.name.type, entity.other.attribute | #21b9b9 | — |
| support.class, entity.name.type.class, entity.name.namespace, entity.name.scope-resolution, entity.name.class | #21b9b9 | — |
| meta.type.cast.expr, meta.type.new.expr, entity.other.inherited-class | #21b9b9 | — |
| meta.object-literal.key | #9ae0eb | — |
| entity.name.function, support.function | #66dcb3 | — |
| punctuation.decorator | #66dcb3 | — |
| meta.paragraph.markdown | #e2e3b3 | — |
| markup.heading.markdown | #21b9b9 | — |
| markup.underline.link | #47bbff | — |
| punctuation.definition.link.title.begin.markdown, punctuation.definition.link.title.end.markdown, punctuation.definition.list.begin.markdown, punctuation.definition.list.end.markdown, punctuation.definition.metadata.markdown | #b7f8e4 | — |
| punctuation.definition.heading.markdown | #21b9b9 | bold |
| markup.bold.markdown | — | bold |
| markup.italic.markdown | — | italic |
| markup.inline.raw.string.markdown, markup.fenced_code.block.markdown | #b3c2bf | — |