Strawberry Matcha - Dark Theme
Publisher: tipandtaleThemes in package: 1
A cozy dark VS Code theme inspired by strawberry pink and matcha green.
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#1e1e1e
- activityBar.border#1e1e1e
- activityBar.foreground#f8dbe6
- activityBar.inactiveForeground#94667d
- activityBarBadge.background#b54b66
- activityBarBadge.foreground#ffffff
- badge.background#dbeacb
- badge.foreground#1e1e1e
- breadcrumb.activeSelectionForeground#f8dbe6
- breadcrumb.background#1e1e1e
- breadcrumb.focusForeground#f8dbe6
- breadcrumb.foreground#94667d
- breadcrumbPicker.background#251b13
- button.background#dbeacb
- button.foreground#1e1e1e
- button.hoverBackground#ffd6e0
- button.secondaryBackground#f8dbe6
- button.secondaryForeground#1e1e1e
- button.secondaryHoverBackground#ffd6e0
- diffEditor.insertedLineBackground#bbe2bb22
- diffEditor.insertedTextBackground#bbe2bb33
- diffEditor.removedLineBackground#efe2ba22
- diffEditor.removedTextBackground#efe2ba33
- disabledForeground#94667d
- dropdown.background#1e1e1e
- dropdown.border#f8dbe6
- dropdown.foreground#f8dbe6
- editor.background#1e1e1e
- editor.findMatchBackground#fbeef3
- editor.findMatchBorder#00000000
- editor.findMatchHighlightBackground#fbeef333
- editor.findMatchHighlightBorder#00000000
- editor.foldBackground#251b1399
- editor.foreground#fefcfc
- editor.inactiveSelectionBackground#e6d1d600
- editor.lineHighlightBackground#251b1399
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#e7cfdf
- editor.selectionHighlightBackground#e7cfdf66
- editor.wordHighlightBackground#edceda66
- editor.wordHighlightStrongBackground#dfe8d066
- editorBracketHighlight.foreground1#fefcfc
- editorBracketHighlight.foreground2#fefcfc
- editorBracketHighlight.foreground3#fefcfc
- editorBracketHighlight.foreground4#fefcfc
- editorBracketHighlight.foreground5#fefcfc
- editorBracketHighlight.foreground6#fefcfc
- editorBracketHighlight.unexpectedBracket.foreground#fefcfc
- editorBracketMatch.background#ffa381
- editorBracketMatch.border#00000000
- editorCursor.foreground#c55ea5
- editorError.foreground#be5c55
- editorGroup.border#f8dbe6
- editorGroupHeader.border#f8dbe6
- editorGroupHeader.tabsBackground#251b13
- editorGroupHeader.tabsBorder#f8dbe6
- editorGutter.addedBackground#30a25e
- editorGutter.background#1e1e1e
- editorGutter.deletedBackground#be5c55
- editorGutter.modifiedBackground#bc9c5c
- editorIndentGuide.activeBackground1#c5795e
- editorIndentGuide.background1#94667d
- editorInfo.foreground#397fb7
- editorLineNumber.activeForeground#d052ab
- editorLineNumber.foreground#c5a0ba
- editorRuler.foreground#94667d
- editorWarning.foreground#bc9c5c
- editorWhitespace.foreground#7a6f7544
- focusBorder#aec09b
- foreground#f8dbe6
- input.background#1e1e1e
- input.border#f8dbe6
- input.foreground#f8dbe6
- input.placeholderForeground#94667d
- list.activeSelectionBackground#ffc9dc
- list.activeSelectionForeground#1e1e1e
- list.focusBackground#e6d1d6
- list.focusForeground#1e1e1e
- list.highlightForeground#aec09b
- list.hoverBackground#ffd6e0
- list.hoverForeground#1e1e1e
- list.inactiveSelectionBackground#e6d1d6
- list.inactiveSelectionForeground#1e1e1e
- menu.background#251b13
- menu.border#f8dbe6
- menu.foreground#f8dbe6
- menu.selectionBackground#ffc9dc
- menu.selectionForeground#1e1e1e
- notificationCenter.border#f8dbe6
- notifications.background#251b13
- notifications.foreground#f8dbe6
- notificationToast.border#f8dbe6
- panel.background#251b13
- panel.border#f8dbe6
- panelTitle.activeBorder#aec09b
- panelTitle.activeForeground#f8dbe6
- panelTitle.inactiveForeground#94667d
- progressBar.background#aec09b
- quickInput.background#1e1e1e
- quickInput.foreground#f8dbe6
- quickInputList.focusBackground#ffc9dc
- quickInputList.focusForeground#1e1e1e
- quickInputTitle.background#f8dbe6
- scrollbar.shadow#1e1e1e
- scrollbarSlider.activeBackground#94667d88
- scrollbarSlider.background#94667d44
- scrollbarSlider.hoverBackground#94667d66
- selection.background#ffc9dc
- sideBar.background#1e1e1e
- sideBar.border#f8dbe6
- sideBar.foreground#f8dbe6
- sideBarSectionHeader.background#f8dbe6
- sideBarSectionHeader.border#f8dbe6
- sideBarSectionHeader.foreground#1e1e1e
- sideBarTitle.foreground#f8dbe6
- statusBar.background#f8dbe6
- statusBar.border#f8dbe6
- statusBar.debuggingBackground#dbeacb
- statusBar.debuggingForeground#1e1e1e
- statusBar.foreground#1e1e1e
- statusBar.noFolderBackground#f8dbe6
- statusBar.noFolderForeground#1e1e1e
- tab.activeBackground#dbeacb
- tab.activeBorder#f8dbe6
- tab.activeBorderTop#aec09b
- tab.activeForeground#1e1e1e
- tab.border#f8dbe6
- tab.hoverBackground#ffc9dc
- tab.hoverForeground#1e1e1e
- tab.inactiveBackground#1e1e1e
- tab.inactiveForeground#94667d
- tab.unfocusedActiveBackground#e6d1d6
- tab.unfocusedActiveBorderTop#d5a9b4
- tab.unfocusedActiveForeground#1e1e1e
- terminal.background#1e1e1e
- terminal.foreground#f8dbe6
- terminal.selectionBackground#e7cfdf
- terminalCursor.foreground#c55ea5
- textLink.activeForeground#397fb7
- textLink.foreground#397fb7
- titleBar.activeBackground#1e1e1e
- titleBar.activeForeground#f8dbe6
- titleBar.border#f8dbe6
- titleBar.inactiveBackground#251b13
- titleBar.inactiveForeground#94667d
- tree.indentGuidesStroke#94667d55
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source, text | #FEFCFC | — |
| comment, punctuation.definition.comment | #7F8D78 | italic |
| keyword, storage.type, storage.modifier, storage.type.class, storage.type.interface, storage.type.function, storage.type.const, storage.type.let, storage.type.var | #98556C | bold |
| string, punctuation.definition.string, string.template, string.quoted, string.quoted.single, string.quoted.double | #AEC09B | — |
| entity.name.function.java, meta.method.identifier.java, meta.method.declaration.java entity.name.function.java | #FEFCFC | — |
| constant.numeric, constant.language, constant.character, constant.other, constant.language.boolean, constant.language.null, constant.language.undefined | #AEC09B | — |
| entity.name.function, support.function, meta.function-call, variable.function, entity.name.function.ts, entity.name.function.tsx, meta.method.declaration.ts entity.name.function, meta.method.declaration.tsx entity.name.function | #FEFCFC | — |
| entity.name.type, entity.name.class, entity.name.interface, entity.name.struct, entity.name.enum, support.type, support.class, support.type.primitive.ts, support.type.builtin.ts, entity.name.type.class.ts, entity.name.type.interface.ts, entity.name.type.alias.ts | #FEFCFC | — |
| variable.parameter, meta.parameter, variable.parameter.ts, variable.parameter.tsx | #CB6B91 | — |
| punctuation.separator.period.java, punctuation.separator.java, punctuation.accessor.java | #FEFCFC | — |
| variable.other.readwrite, variable.other.readwrite.ts, variable.other.readwrite.tsx, variable.other.constant.ts, variable.other.constant.tsx, variable.other | #618C71 | — |
| variable.other.property, variable.other.object.property, support.variable.property, variable.other.property.ts, variable.other.property.tsx, variable.other.object.property.ts, variable.other.object.property.tsx, variable.other.object.property.java, variable.other.property.java, variable.other.member.java, entity.name.variable.field.java | #CB6B91 | — |
| variable.other.global, variable.other.global.ts, variable.other.global.tsx | #618C71 | — |
| variable.other.constant.property, support.constant.property, variable.other.constant.property.ts, variable.other.constant.property.tsx | #B46E8D | — |
| storage.type.annotation, punctuation.definition.annotation, meta.annotation, entity.name.type.annotation, meta.decorator, meta.decorator.ts, meta.decorator.tsx | #B46E8D | — |
| keyword.operator, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.logical, keyword.operator.expression, keyword.operator.expression.typeof, keyword.operator.expression.instanceof, keyword.operator.new | #FEFCFC | — |
| support.type.property-name.json, support.type.property-name.json.comments, source.json support.type.property-name.json, source.json support.type.property-name.json.comments, meta.structure.dictionary.json support.type.property-name.json, meta.structure.dictionary.json.comments support.type.property-name.json.comments | #CB6B91 | — |
| punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json, punctuation.support.type.property-name.begin.json.comments, punctuation.support.type.property-name.end.json.comments | #CB6B91 | — |
| support.constant.property-value.css, constant.other.color.rgb-value.css, keyword.other.unit.css | #AEC09B | — |
| constant.language.json, constant.language.json.comments | #98556C | bold |
| support.type.property-name.css, support.type.vendored.property-name.css, meta.property-name.css | #3A8E74 | — |
| entity.other.attribute-name.class.css | #B46E8D | — |
| entity.other.attribute-name.id.css | #FEFCFC | — |
| entity.name.tag.css | #B46E8D | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-class.scss, entity.other.attribute-name.pseudo-class.sass, entity.other.attribute-name.pseudo-class.less | #B46E8D | — |
| variable.css, variable.other.custom-property.css | #3A8E74 | — |
| support.constant.font-name.css, support.constant.font-name.scss, support.constant.font-name.sass, support.constant.font-name.less, meta.property-value.css support.constant.font-name, meta.property-value.scss support.constant.font-name, meta.property-value.less support.constant.font-name | #AEC09B | — |
| variable.other.readwrite.js, variable.other.readwrite.jsx, variable.other.readwrite.ts, variable.other.readwrite.tsx, variable.other.constant.js, variable.other.constant.jsx, variable.other.constant.ts, variable.other.constant.tsx | #618C71 | — |
| entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.xml | #3A8E74 | — |
| support.type.primitive.ts, support.type.primitive.tsx, support.type.builtin.ts, support.type.builtin.tsx, keyword.type.ts, keyword.type.tsx | #98556C | bold |
| string.quoted.double.html, string.quoted.single.html, string.quoted.double.xml, string.quoted.single.xml, meta.attribute-with-value.html string, meta.attribute-with-value.xml string | #AEC09B | — |
| entity.name.tag, entity.name.tag.html, entity.name.tag.xml | #B46E8D | — |
| punctuation.definition.tag, punctuation.definition.tag.html, punctuation.definition.tag.xml | #B46E8D | — |
| token.info-token | #316BCD | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #CD3131 | — |
| token.debug-token | #800080 | — |