Strawberry Theme
Publisher: Jonas Siltamäki HåkanssonThemes in package: 3
Monokai and berry inspired themes. Includes the all-around strawberry theme, the more blue Blueberry and the more red Raspberry theme.
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.background#252B2E
- activityBar.border#394347
- activityBar.dropBackground#1F2426
- activityBar.foreground#d4d4d4
- activityBarBadge.background#5986B3
- activityBarBadge.foreground#d4d4d4
- badge.background#394347
- badge.foreground#d4d4d4
- button.background#D4545B
- button.foreground#d4d4d4
- button.hoverBackground#E15A60
- debugExceptionWidget.background#1F2426
- debugExceptionWidget.border#394347
- diffEditor.insertedTextBackground#40543E
- diffEditor.insertedTextBorder#40543E
- diffEditor.removedTextBackground#542224
- diffEditor.removedTextBorder#542224
- dropdown.background#252B2E
- dropdown.border#394347
- dropdown.foreground#d4d4d4
- editor.background#252B2E
- editor.findMatchBackground#58666E
- editor.findMatchHighlightBackground#394347
- editor.findRangeHighlightBackground#394347
- editor.foreground#d4d4d4
- editor.hoverHighlightBackground#394347
- editor.inactiveSelectionBackground#394347
- editor.lineHighlightBackground#394347
- editor.lineHighlightBorder#394347
- editor.rangeHighlightBackground#394347
- editor.selectionBackground#58666E
- editor.selectionHighlightBackground#394347
- editor.wordHighlightBackground#394347
- editor.wordHighlightStrongBackground#394347
- editorBracketMatch.background#58666E
- editorBracketMatch.border#58666E
- editorCodeLens.foreground#878787
- editorCursor.foreground#d4d4d4
- editorError.border#252B2E
- editorError.foreground#E15A60
- editorGroup.background#1F2426
- editorGroup.border#394347
- editorGroup.dropBackground#394347
- editorGroupHeader.noTabsBackground#394347
- editorGroupHeader.tabsBackground#1F2426
- editorGroupHeader.tabsBorder#394347
- editorGutter.addedBackground#99c794
- editorGutter.background#252B2E
- editorGutter.deletedBackground#E15A60
- editorGutter.modifiedBackground#6699cc
- editorHoverWidget.background#1F2426
- editorHoverWidget.border#394347
- editorIndentGuide.background#394347
- editorLineNumber.foreground#545454
- editorLink.activeForeground#6699CC
- editorMarkerNavigation.background#1F2426
- editorMarkerNavigationError.background#E15A60
- editorMarkerNavigationWarning.background#fac863
- editorOverviewRuler.border#394347
- editorOverviewRuler.currentContentForeground#D4545B
- editorOverviewRuler.incomingContentForeground#D4545B
- editorRuler.foreground#394347
- editorSuggestWidget.background#1F2426
- editorSuggestWidget.border#394347
- editorSuggestWidget.foreground#d4d4d4
- editorSuggestWidget.highlightForeground#ff0000
- editorSuggestWidget.selectedBackground#394347
- editorWarning.border#252B2E
- editorWarning.foreground#fac863
- editorWhitespace.foreground#545454
- editorWidget.background#1F2426
- editorWidget.border#ff0000
- errorForeground#ff0000
- extensionButton.prominentBackground#D4545B
- extensionButton.prominentForeground#f4f4f4
- extensionButton.prominentHoverBackground#D4545B
- focusBorder#394347
- foreground#d4d4d4
- input.background#1F2426
- input.border#394347
- input.foreground#d4d4d4
- input.placeholderForeground#878787
- inputOption.activeBorder#878787
- inputValidation.errorBackground#D4545B
- inputValidation.errorBorder#394347
- inputValidation.infoBackground#D4545B
- inputValidation.infoBorder#394347
- inputValidation.warningBackground#D4545B
- inputValidation.warningBorder#394347
- list.activeSelectionBackground#333c40
- list.activeSelectionForeground#d4d4d4
- list.dropBackground#333c40
- list.focusBackground#333c40
- list.focusForeground#d4d4d4
- list.highlightForeground#d4d4d4
- list.hoverBackground#333c40
- list.hoverForeground#d4d4d4
- list.inactiveSelectionBackground#333c40
- list.inactiveSelectionForeground#d4d4d4
- merge.border#394347
- merge.currentContentBackground#1F2426
- merge.currentHeaderBackground#1F2426
- merge.incomingContentBackground#1F2426
- merge.incomingHeaderBackground#1F2426
- notification.background#252B2E
- notification.buttonBackground#D4545B
- notification.buttonForeground#d4d4d4
- notification.buttonHoverBackground#D4545B
- notification.errorBackground#D4545B
- notification.errorForeground#d4d4d4
- notification.foreground#d4d4d4
- notification.infoBackground#D4545B
- notification.infoForeground#d4d4d4
- notification.warningBackground#D4545B
- notification.warningForeground#d4d4d4
- panel.background#252B2E
- panel.border#394347
- panelTitle.activeBorder#394347
- panelTitle.activeForeground#d4d4d4
- panelTitle.inactiveForeground#878787
- peekView.border#394347
- peekViewEditor.background#1F2426
- peekViewEditor.matchHighlightBackground#58666E
- peekViewEditorGutter.background#1F2426
- peekViewResult.background#1F2426
- peekViewResult.fileForeground#d4d4d4
- peekViewResult.lineForeground#d4d4d4
- peekViewResult.matchHighlightBackground#58666E
- peekViewResult.selectionBackground#394347
- peekViewResult.selectionForeground#d4d4d4
- peekViewTitle.background#1F2426
- peekViewTitleDescription.foreground#878787
- peekViewTitleLabel.foreground#d4d4d4
- pickerGroup.border#394347
- pickerGroup.foreground#878787
- progressBar.background#fac863
- scrollbar.shadow#1F2426
- scrollbarSlider.activeBackground#58666E80
- scrollbarSlider.background#58666E80
- scrollbarSlider.hoverBackground#58666E80
- selection.background#fac863
- sideBar.background#1F2426
- sideBar.border#394347
- sideBar.foreground#d4d4d4
- sideBarSectionHeader.background#394347
- sideBarSectionHeader.foreground#d4d4d4
- sideBarTitle.foreground#878787
- statusBar.background#252B2E
- statusBar.border#394347
- statusBar.debuggingBackground#252B2E
- statusBar.debuggingForeground#d4d4d4
- statusBar.foreground#878787
- statusBar.noFolderBackground#252B2E
- statusBar.noFolderForeground#878787
- statusBarItem.activeBackground#252B2E
- statusBarItem.hoverBackground#252B2E
- statusBarItem.prominentBackground#252B2E
- statusBarItem.prominentHoverBackground#252B2E
- tab.activeBackground#252B2E
- tab.activeForeground#d4d4d4
- tab.border#394347
- tab.inactiveBackground#1F2426
- tab.inactiveForeground#878787
- tab.unfocusedActiveForeground#d4d4d4
- tab.unfocusedInactiveForeground#878787
- terminal.ansiBlack#878787
- terminal.ansiBlue#6699cc
- terminal.ansiBrightBlack#878787
- terminal.ansiBrightBlue#6699cc
- terminal.ansiBrightCyan#5fb3b3
- terminal.ansiBrightGreen#99c794
- terminal.ansiBrightMagenta#c594c5
- terminal.ansiBrightRed#E15A60
- terminal.ansiBrightWhite#d4d4d4
- terminal.ansiBrightYellow#fac863
- terminal.ansiCyan#5fb3b3
- terminal.ansiGreen#99c794
- terminal.ansiMagenta#c594c5
- terminal.ansiRed#E15A60
- terminal.ansiWhite#d4d4d4
- terminal.ansiYellow#fac863
- titleBar.activeBackground#252B2E
- titleBar.activeForeground#878787
- titleBar.inactiveBackground#252B2E
- titleBar.inactiveForeground#878787
- widget.shadow#1F2426
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| mcol_e8bc84FF | #8A7F19FF | — |
| mcol_text_e8bc84FF | #e8bc84FF | — |
| mcol_3B3A32FF | #CDCCC3FF | — |
| mcol_text_3B3A32FF | #3B3A32FF | — |
| mcol_272822FF | #DCDDD7FF | — |
| mcol_text_272822FF | #272822FF | — |
| mcol_AE81FFA0 | #2D007EFF | — |
| mcol_text_AE81FFA0 | #AE81FFA0 | — |
| mcol_607D8BFF | #1F282DFF | — |
| mcol_text_607D8BFF | #607D8BFF | — |
| mcol_FF602028 | #4C1500FF | — |
| mcol_text_FF602028 | #FF602028 | — |
| mcol_AE81FFFF | #2D007EFF | — |
| mcol_text_AE81FFFF | #AE81FFFF | — |
| mcol_EEEEEEFF | #101010FF | — |
| mcol_text_EEEEEEFF | #EEEEEEFF | — |
| mcol_FFE792FF | #6D5500FF | — |
| mcol_text_FFE792FF | #FFE792FF | — |
| mcol_F92672FF | #4A021CFF | — |
| mcol_text_F92672FF | #F92672FF | — |
| mcol_D02000FF | #FF4F2FFF | — |
| mcol_text_D02000FF | #D02000FF | — |
| mcol_6483F2FF | #0D2C9BFF | — |
| mcol_text_6483F2FF | #6483F2FF | — |
| mcol_DDB700FF | #4C3F00FF | — |
| mcol_text_DDB700FF | #DDB700FF | — |
| mcol_101010FF | #EFEFEFFF | — |
| mcol_text_101010FF | #101010FF | — |
| mcol_CFCFC2FF | #3D3D2FFF | — |
| mcol_text_CFCFC2FF | #CFCFC2FF | — |
| mcol_DDDDDDFF | #212121FF | — |
| mcol_text_DDDDDDFF | #DDDDDDFF | — |
| mcol_223F44FF | #BBD8DDFF | — |
| mcol_text_223F44FF | #223F44FF | — |
| mcol_F8F8F0FF | #0F0F07FF | — |
| mcol_text_F8F8F0FF | #F8F8F0FF | — |
| mcol_9D550FB0 | #F0A761FF | — |
| mcol_text_9D550FB0 | #9D550FB0 | — |
| mcol_66e2b1FF | #2F4309FF | — |
| mcol_text_66e2b1FF | #66e2b1FF | — |
| mcol_F8F8F2A5 | #0D0D07FF | — |
| mcol_text_F8F8F2A5 | #F8F8F2A5 | — |
| mcol_000000FF | #FFFFFFFF | — |
| mcol_text_000000FF | #000000FF | — |
| mcol_3E3D32FF | #CCCBC1FF | — |
| mcol_text_3E3D32FF | #3E3D32FF | — |
| mcol_FFFFFF00 | #000000FF | — |
| mcol_text_FFFFFF00 | #FFFFFF00 | — |
| mcol_E9FFCCFF | #1C3200FF | — |
| mcol_text_E9FFCCFF | #E9FFCCFF | — |
| mcol_212121FF | #DEDEDEFF | — |
| mcol_text_212121FF | #212121FF | — |
| mcol_75715EFF | #A19D8AFF | — |
| mcol_text_75715EFF | #75715EFF | — |
| mcol_DA725DFF | #A23A25FF | — |
| mcol_text_DA725DFF | #DA725DFF | — |
| mcol_1F282DFF | #D2DBE0FF | — |
| mcol_text_1F282DFF | #1F282DFF | — |
| mcol_222B30FF | #CFD8DDFF | — |
| mcol_text_222B30FF | #222B30FF | — |
| mcol_66D9EFFF | #108398FF | — |
| mcol_text_66D9EFFF | #66D9EFFF | — |
| mcol_222218FF | #E7E7DCFF | — |
| mcol_text_222218FF | #222218FF | — |
| mcol_FD971FFF | #4B2900FF | — |
| mcol_text_FD971FFF | #FD971FFF | — |
| mcol_49483EFF | #C1C0B6FF | — |
| mcol_text_49483EFF | #49483EFF | — |
| mcol_CFD8DCFF | #222B30FF | — |
| mcol_text_CFD8DCFF | #CFD8DCFF | — |
| mcol_272823FF | #DBDCD6FF | — |
| mcol_text_272823FF | #272823FF | — |
| mcol_BBD8DCFF | #223F44FF | — |
| mcol_text_BBD8DCFF | #BBD8DCFF | — |
| mcol_75D1A6FF | #2E8A5FFF | — |
| mcol_text_75D1A6FF | #75D1A6FF | — |
| mcol_F8F8F2FF | #0D0D07FF | — |
| mcol_text_F8F8F2FF | #F8F8F2FF | — |
| mcol_FFFFFFFF | #000000FF | — |
| mcol_text_FFFFFFFF | #FFFFFFFF | — |
| — | #F8F8F2 | — |
| comment | #75715E | — |
| string | #e8bc84 | — |
| string.regexp | #75D1A6 | |
| string.regexp.characterclass | — | — |
| string.regexp.characterclass punctuation.definition.string.begin, string.regexp.characterclass punctuation.definition.string.end | — | — |
| string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition | #E9FFCC | — |
| string.regexp regexp-operator, string.regexp.characterclass punctuation.definition.string.begin, string.regexp.characterclass punctuation.definition.string.end | #DA725D | — |
| constant.numeric | #689ff2 | — |
| constant.language, variable.language.this.ts, variable.language.this.js, variable.language.super.ts, variable.language.super.js | #689ff2 | — |
| constant.character, constant.other | #689ff2 | — |
| variable | — | |
| keyword.operator, storage.type.function.arrow | #ad97d9 | |
| keyword, keyword.operator.new.ts, keyword.operator.new.js, keyword.operator.expression, support.type.primitive | #ed4f6f | — |
| storage | #ed4f6f | |
| storage.type | #ed4f6f | — |
| entity.name.class | #a4dbcc | italic |
| entity.other.inherited-class | #a4dbcc | italic |
| entity.name.function | #a4dbcc | |
| entity.name.type, entity.name.type.class | #a4dbcc | italic |
| variable.parameter | — | |
| meta.object-literal.key | #E9E9E9 | italic |
| punctuation.decorator, meta.decorator entity.name.function | #93C7CC | — |
| entity.name.tag | #66e2b1 | |
| entity.other.attribute-name | #1FB4C2 | |
| support.function | #93C7CC | |
| support.constant | #93C7CC | |
| support.type, support.class | #93C7CC | italic |
| support.other.variable | — | |
| invalid | #F8F8F0 | |
| invalid.deprecated | #F8F8F0 | — |
| meta.structure.dictionary.json string.quoted.double.json | #e8bc84 | — |
| meta.diff, meta.diff.header | #75715E | — |
| markup.deleted | #F92672 | — |
| markup.inserted | #66e2b1 | — |
| markup.changed | #e8bc84 | — |
| constant.numeric.line-number.find-in-files - match | #689ff2A0 | — |
| entity.name.filename.find-in-files | #e8bc84 | — |
| sublimelinter.gutter-mark | #FFFFFF | — |
| sublimelinter.mark.warning | #DDB700 | — |
| sublimelinter.mark.error | #D02000 | — |
| punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.separator.key-value.html | #96A392 | — |
| support.type.property-name | #A7D0DD | — |
| support.constant.property-value | #35AFF1 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.class.scss | #e2b766 | — |
| entity.other.attribute-name.id | #f26b1d | — |
| entity.other.attribute-name.pseudo-class | #72CCB7 | — |
| meta.at-rule.media | #93C7CC | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...