Cherry Blossom Theme
Publisher: daitsukuThemes in package: 15
A VSCode theme inspired by a color palette of a sakura / cherry blossom.
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#1E1F3A
- activityBar.border#282A45
- activityBar.foreground#E06796
- activityBar.inactiveForeground#BF99A7
- activityBarBadge.background#E06796
- activityBarBadge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#F8FAFF
- breadcrumb.focusForeground#DBE6F7
- breadcrumb.foreground#8CA2BC
- breadcrumbPicker.background#1A1B34
- button.background#E06796
- button.foreground#FFFFFF
- button.hoverBackground#E87CA6
- charts.blue#4A88C7
- charts.foreground#DBE6F7
- charts.green#5DA68C
- charts.lines#5D6A85
- charts.orange#E09C5D
- charts.purple#C0579D
- charts.red#E06796
- charts.yellow#D4964C
- debugIcon.breakpointForeground#E06796
- debugIcon.startForeground#5DA68C
- debugIcon.stopForeground#E06796
- debugToolBar.background#1A1B34
- diffEditor.border#282A45
- diffEditor.insertedTextBackground#5DA68C20
- diffEditor.removedTextBackground#E0679620
- editor.background#16172E
- editor.foreground#F8FAFF
- editor.lineHighlightBackground#282A45
- editor.lineHighlightBorder#282A4500
- editor.selectionBackground#E0679640
- editor.selectionHighlightBackground#E0679630
- editor.wordHighlightBackground#4A88C730
- editor.wordHighlightStrongBackground#4BA7BE30
- editorGroupHeader.tabsBackground#141529
- editorGroupHeader.tabsBorder#282A45
- editorGutter.background#16172E
- editorLineNumber.activeForeground#E06796
- editorLineNumber.foreground#5D6A85
- editorOverviewRuler.currentContentForeground#5DA68C
- editorOverviewRuler.incomingContentForeground#4A88C7
- editorSuggestWidget.background#1A1B34
- editorSuggestWidget.border#282A45
- editorSuggestWidget.highlightForeground#E06796
- editorSuggestWidget.selectedBackground#3A354D
- editorWidget.background#1A1B34
- editorWidget.border#282A45
- extensionButton.prominentBackground#E06796
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#E87CA6
- gitDecoration.conflictingResourceForeground#E6B575
- gitDecoration.deletedResourceForeground#E06796
- gitDecoration.ignoredResourceForeground#5D6A85
- gitDecoration.modifiedResourceForeground#78A8DB
- gitDecoration.untrackedResourceForeground#7FCEA8
- input.background#1A1B34
- input.border#282A45
- input.foreground#F8FAFF
- input.placeholderForeground#8CA2BC
- keybindingLabel.background#1A1B34
- keybindingLabel.border#282A45
- keybindingLabel.bottomBorder#282A45
- keybindingLabel.foreground#DBE6F7
- list.activeSelectionBackground#3A354D
- list.activeSelectionForeground#F8FAFF
- list.focusBackground#3A354D
- list.focusForeground#F8FAFF
- list.highlightForeground#E06796
- list.hoverBackground#282A45
- list.inactiveSelectionBackground#282A45
- list.inactiveSelectionForeground#DBE6F7
- merge.commonContentBackground#8CA2BC20
- merge.commonHeaderBackground#8CA2BC30
- merge.currentContentBackground#5DA68C20
- merge.currentHeaderBackground#5DA68C40
- merge.incomingContentBackground#4A88C720
- merge.incomingHeaderBackground#4A88C740
- notificationCenter.border#282A45
- notificationCenterHeader.background#1A1B34
- notificationCenterHeader.foreground#DBE6F7
- notificationLink.foreground#78A8DB
- notifications.background#1A1B34
- notifications.border#282A45
- notifications.foreground#DBE6F7
- notificationToast.border#282A45
- panel.background#1A1B34
- panel.border#282A45
- panelTitle.activeForeground#F8FAFF
- panelTitle.inactiveForeground#8CA2BC
- peekView.border#E06796
- peekViewEditor.background#16172E
- peekViewEditor.matchHighlightBackground#E0679630
- peekViewResult.background#1A1B34
- peekViewResult.matchHighlightBackground#E0679630
- peekViewTitle.background#141529
- scrollbarSlider.activeBackground#8CA2BC50
- scrollbarSlider.background#8CA2BC30
- scrollbarSlider.hoverBackground#8CA2BC40
- settings.checkboxBackground#1A1B34
- settings.dropdownBackground#1A1B34
- settings.headerForeground#E06796
- settings.modifiedItemIndicator#4A88C7
- settings.numberInputBackground#1A1B34
- settings.textInputBackground#1A1B34
- sideBar.background#1A1B34
- sideBar.border#282A45
- sideBar.foreground#DBE6F7
- statusBar.background#141529
- statusBar.border#282A45
- statusBar.debuggingBackground#E06796
- statusBar.foreground#DBE6F7
- statusBar.noFolderBackground#141529
- tab.activeBackground#16172E
- tab.activeBorder#E06796
- tab.activeForeground#F8FAFF
- tab.inactiveBackground#1A1B34
- tab.inactiveForeground#8CA2BC
- tab.unfocusedActiveBorder#BF99A7
- terminal.ansiBlack#1A1B34
- terminal.ansiBlue#4A88C7
- terminal.ansiBrightBlack#5D6A85
- terminal.ansiBrightBlue#78A8DB
- terminal.ansiBrightCyan#6CBFD2
- terminal.ansiBrightGreen#7FCEA8
- terminal.ansiBrightMagenta#D07EB3
- terminal.ansiBrightRed#E87CA6
- terminal.ansiBrightWhite#F8FAFF
- terminal.ansiBrightYellow#E6B575
- terminal.ansiCyan#4BA7BE
- terminal.ansiGreen#5DA68C
- terminal.ansiMagenta#C0579D
- terminal.ansiRed#E06796
- terminal.ansiWhite#DBE6F7
- terminal.ansiYellow#D4964C
- terminal.background#16172E
- terminal.foreground#F8FAFF
- titleBar.activeBackground#141529
- titleBar.activeForeground#DBE6F7
- titleBar.border#282A45
- titleBar.inactiveBackground#141529
- titleBar.inactiveForeground#8CA2BC
- welcomePage.buttonBackground#1A1B34
- welcomePage.buttonHoverBackground#282A45
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5D6A85 | — |
| variable, string constant.other.placeholder | #F8FAFF | — |
| constant.other.color | #E6B575 | — |
| invalid, invalid.illegal | #E06796 | — |
| keyword, storage.type, storage.modifier | #C0579D | — |
| keyword.operator | #78A8DB | — |
| string, constant.other.symbol | #7FCEA8 | — |
| constant.numeric | #E6B575 | — |
| constant.language, support.constant, constant.character, constant.escape | #E06796 | — |
| entity.name.function, meta.function-call, support.function | #78A8DB | — |
| entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution | #D07EB3 | — |
| meta.method.declaration, meta.method-call, meta.method | #78A8DB | — |
| variable.other.property, support.variable.property | #6CBFD2 | — |
| meta.object-literal.key | #6CBFD2 | — |
| entity.name.tag, meta.tag.sgml | #C0579D | — |
| entity.other.attribute-name | #78A8DB | — |
| markup.heading | #C0579D | — |
| markup.bold | #78A8DB | bold |
| markup.italic | #7FCEA8 | italic |
| punctuation.definition, punctuation.separator, punctuation.terminator | #8CA2BC | — |
| punctuation.definition.block, punctuation.definition.parameters, punctuation.section | #A6B6CC | — |
| entity.name.type.interface, entity.name.type.struct | #D07EB3 | — |
| meta.decorator, tag.decorator.js entity.name.tag, tag.decorator.js punctuation.definition.tag | #78A8DB | — |
| template.expression.begin, template.expression.end | #E06796 | — |
| support.type.property-name.css | #6CBFD2 | — |
| support.constant.property-value.css | #7FCEA8 | — |
| entity.other.attribute-name.html | #7FCEA8 | — |
| support.type.property-name.json | #6CBFD2 | — |
| string.quoted.double.json | #7FCEA8 | — |
| meta.tag.jsx, meta.tag.tsx | #F8FAFF | — |
| entity.other.attribute-name.jsx, entity.other.attribute-name.tsx | #7FCEA8 | — |
| meta.object-literal.key, variable.object.property | #6CBFD2 | — |
| meta.function.decorator.python, meta.function.decorator.identifier.python | #E06796 | — |
| variable.parameter.function.python | #E6B575 | — |
| meta.fstring.python, constant.character.format.placeholder.other.python | #E6B575 | — |
| variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python | #C0579D | — |
| constant.language.symbol.ruby | #E6B575 | — |
| variable.other.readwrite.instance.ruby | #E06796 | — |
| variable.other.readwrite.class.ruby | #C0579D | — |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #78A8DB | — |
| beginning.punctuation.definition.list.markdown | #E06796 | — |
| markup.fenced_code.block.markdown, markup.inline.raw.string.markdown | #7FCEA8 | — |
| markup.quote.markdown | #8CA2BC | italic |
| entity.name.function.go | #78A8DB | — |
| entity.name.type.go | #D07EB3 | — |
| entity.name.package.go | #7FCEA8 | — |
| meta.attribute.rust | #E06796 | — |
| entity.name.type.rust, storage.type.rust | #D07EB3 | — |
| entity.name.lifetime.rust, punctuation.definition.lifetime.rust | #E6B575 | — |
| meta.macro.rust | #E06796 | — |
| entity.name.tag.yaml | #6CBFD2 | — |
| punctuation.definition.anchor.yaml, punctuation.definition.alias.yaml | #E06796 | — |
| entity.other.document.begin.yaml, entity.other.document.end.yaml | #C0579D | — |
| keyword.other.sql | #C0579D | — |
| support.function.sql | #78A8DB | — |
| meta.table.sql | #7FCEA8 | — |
| meta.decorator.ts, meta.decorator.tsx | #E06796 | — |
| meta.type.annotation.ts, meta.type.annotation.tsx | #D07EB3 | — |
| entity.name.type.interface.ts, entity.name.type.interface.tsx | #D07EB3 | — |
| meta.preprocessor.c, meta.preprocessor.cpp | #E06796 | — |
| string.quoted.other.lt-gt.include.c, string.quoted.other.lt-gt.include.cpp, string.quoted.double.include.c, string.quoted.double.include.cpp | #7FCEA8 | — |
| storage.type.annotation.java | #E06796 | — |
| storage.type.generic.java | #D07EB3 | — |
| storage.modifier.import.java, storage.modifier.package.java | #7FCEA8 | — |
| variable.other.php | #E06796 | — |
| entity.name.type.class.php | #D07EB3 | — |
| support.other.namespace.php | #7FCEA8 | — |
| variable.other.special.shell | #E06796 | — |
| support.function.builtin.shell | #78A8DB | — |
| variable.parameter.option.shell | #E6B575 | — |
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#1E1B21
- activityBar.border#2E2833
- activityBar.foreground#E7BED0
- activityBar.inactiveForeground#94828A
- activityBarBadge.background#DF88A7
- activityBarBadge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#F0E6EF
- breadcrumb.focusForeground#E0D6E0
- breadcrumb.foreground#94828A
- breadcrumbPicker.background#201D23
- button.background#DF88A7
- button.foreground#FFFFFF
- button.hoverBackground#E7A4BA
- charts.blue#8992D4
- charts.foreground#E0D6E0
- charts.green#84BD8B
- charts.lines#6E636E
- charts.orange#E5A877
- charts.purple#C87D9D
- charts.red#DF88A7
- charts.yellow#EDBE80
- debugIcon.breakpointForeground#DF88A7
- debugIcon.startForeground#84BD8B
- debugIcon.stopForeground#DF88A7
- debugToolBar.background#201D23
- diffEditor.border#2E2833
- diffEditor.insertedTextBackground#84BD8B20
- diffEditor.removedTextBackground#DF88A720
- editor.background#232026
- editor.foreground#F0E6EF
- editor.lineHighlightBackground#765D6E20
- editor.lineHighlightBorder#765D6E00
- editor.selectionBackground#DF88A750
- editor.selectionHighlightBackground#DF88A730
- editor.wordHighlightBackground#765D6E40
- editor.wordHighlightStrongBackground#765D6E60
- editorGroupHeader.tabsBackground#1A171D
- editorGroupHeader.tabsBorder#2E2833
- editorGutter.background#232026
- editorLineNumber.activeForeground#E7BED0
- editorLineNumber.foreground#765D6E
- editorOverviewRuler.currentContentForeground#84BD8B
- editorOverviewRuler.incomingContentForeground#8992D4
- editorSuggestWidget.background#201D23
- editorSuggestWidget.border#2E2833
- editorSuggestWidget.highlightForeground#E7BED0
- editorSuggestWidget.selectedBackground#564351
- editorWidget.background#201D23
- editorWidget.border#2E2833
- extensionButton.prominentBackground#DF88A7
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#E7A4BA
- gitDecoration.conflictingResourceForeground#EDBE80
- gitDecoration.deletedResourceForeground#DF88A7
- gitDecoration.ignoredResourceForeground#6E636E
- gitDecoration.modifiedResourceForeground#8992D4
- gitDecoration.untrackedResourceForeground#84BD8B
- input.background#2E2833
- input.border#36313A
- input.foreground#F0E6EF
- input.placeholderForeground#94828A
- keybindingLabel.background#2E2833
- keybindingLabel.border#36313A
- keybindingLabel.bottomBorder#36313A
- keybindingLabel.foreground#E0D6E0
- list.activeSelectionBackground#564351
- list.activeSelectionForeground#F0E6EF
- list.focusBackground#564351
- list.focusForeground#F0E6EF
- list.highlightForeground#E7BED0
- list.hoverBackground#36313A
- list.inactiveSelectionBackground#36313A
- list.inactiveSelectionForeground#E0D6E0
- merge.commonContentBackground#6E636E20
- merge.commonHeaderBackground#6E636E30
- merge.currentContentBackground#84BD8B20
- merge.currentHeaderBackground#84BD8B40
- merge.incomingContentBackground#8992D420
- merge.incomingHeaderBackground#8992D440
- notificationCenter.border#2E2833
- notificationCenterHeader.background#201D23
- notificationCenterHeader.foreground#E0D6E0
- notificationLink.foreground#8992D4
- notifications.background#201D23
- notifications.border#2E2833
- notifications.foreground#E0D6E0
- notificationToast.border#2E2833
- panel.background#201D23
- panel.border#2E2833
- panelTitle.activeForeground#E7BED0
- panelTitle.inactiveForeground#94828A
- peekView.border#DF88A7
- peekViewEditor.background#232026
- peekViewEditor.matchHighlightBackground#DF88A730
- peekViewResult.background#201D23
- peekViewResult.matchHighlightBackground#DF88A730
- peekViewTitle.background#1A171D
- scrollbarSlider.activeBackground#765D6E80
- scrollbarSlider.background#4B414B50
- scrollbarSlider.hoverBackground#4B414B80
- settings.checkboxBackground#201D23
- settings.dropdownBackground#201D23
- settings.headerForeground#E7BED0
- settings.modifiedItemIndicator#8992D4
- settings.numberInputBackground#201D23
- settings.textInputBackground#201D23
- sideBar.background#201D23
- sideBar.border#2E2833
- sideBar.foreground#E0D6E0
- statusBar.background#1A171D
- statusBar.border#2E2833
- statusBar.debuggingBackground#DF88A7
- statusBar.foreground#E0D6E0
- statusBar.noFolderBackground#1A171D
- tab.activeBackground#2E2833
- tab.activeBorder#DF88A7
- tab.activeForeground#F0E6EF
- tab.inactiveBackground#201D23
- tab.inactiveForeground#94828A
- tab.unfocusedActiveBorder#765D6E
- terminal.ansiBlack#201D23
- terminal.ansiBlue#8992D4
- terminal.ansiBrightBlack#6E636E
- terminal.ansiBrightBlue#A5ACE5
- terminal.ansiBrightCyan#A3D5F3
- terminal.ansiBrightGreen#A2D1A7
- terminal.ansiBrightMagenta#D898B4
- terminal.ansiBrightRed#E7A4BA
- terminal.ansiBrightWhite#F0E6EF
- terminal.ansiBrightYellow#EDCEA1
- terminal.ansiCyan#8CCBED
- terminal.ansiGreen#84BD8B
- terminal.ansiMagenta#C87D9D
- terminal.ansiRed#DF88A7
- terminal.ansiWhite#E0D6E0
- terminal.ansiYellow#EDBE80
- terminal.background#232026
- terminal.foreground#F0E6EF
- titleBar.activeBackground#1A171D
- titleBar.activeForeground#E0D6E0
- titleBar.border#2E2833
- titleBar.inactiveBackground#1A171D
- titleBar.inactiveForeground#94828A
- welcomePage.buttonBackground#201D23
- welcomePage.buttonHoverBackground#36313A
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #765D6E | — |
| variable, string constant.other.placeholder | #E0D6E0 | — |
| constant.other.color | #EDBE80 | — |
| invalid, invalid.illegal | #DF88A7 | — |
| keyword, storage.type, storage.modifier | #C87D9D | — |
| keyword.operator | #8992D4 | — |
| string, constant.other.symbol | #84BD8B | — |
| constant.numeric | #EDBE80 | — |
| constant.language, support.constant, constant.character, constant.escape | #DF88A7 | — |
| entity.name.function, meta.function-call, support.function | #8992D4 | — |
| entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution | #D898B4 | — |
| meta.method.declaration, meta.method-call, meta.method | #8992D4 | — |
| variable.other.property, support.variable.property | #8CCBED | — |
| meta.object-literal.key | #8CCBED | — |
| entity.name.tag, meta.tag.sgml | #C87D9D | — |
| entity.other.attribute-name | #8992D4 | — |
| markup.heading | #C87D9D | — |
| markup.bold | #8992D4 | bold |
| markup.italic | #84BD8B | italic |
| punctuation.definition, punctuation.separator, punctuation.terminator | #94828A | — |
| punctuation.definition.block, punctuation.definition.parameters, punctuation.section | #A5ACE5 | — |
| entity.name.type.interface, entity.name.type.struct | #D898B4 | — |
| meta.decorator, tag.decorator.js entity.name.tag, tag.decorator.js punctuation.definition.tag | #8992D4 | — |
| template.expression.begin, template.expression.end | #DF88A7 | — |
| support.type.property-name.css | #8CCBED | — |
| support.constant.property-value.css | #84BD8B | — |
| entity.other.attribute-name.html | #EDBE80 | — |
| support.type.property-name.json | #8CCBED | — |
| string.quoted.double.json | #84BD8B | — |
| meta.tag.jsx, meta.tag.tsx | #E0D6E0 | — |
| entity.other.attribute-name.jsx, entity.other.attribute-name.tsx | #EDBE80 | — |
| meta.object-literal.key, variable.object.property | #8CCBED | — |
| meta.function.decorator.python, meta.function.decorator.identifier.python | #DF88A7 | — |
| variable.parameter.function.python | #EDBE80 | — |
| meta.fstring.python, constant.character.format.placeholder.other.python | #EDBE80 | — |
| variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python | #C87D9D | — |
| constant.language.symbol.ruby | #EDBE80 | — |
| variable.other.readwrite.instance.ruby | #DF88A7 | — |
| variable.other.readwrite.class.ruby | #C87D9D | — |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #8992D4 | — |
| beginning.punctuation.definition.list.markdown | #DF88A7 | — |
| markup.fenced_code.block.markdown, markup.inline.raw.string.markdown | #84BD8B | — |
| markup.quote.markdown | #94828A | italic |
| entity.name.function.go | #8992D4 | — |
| entity.name.type.go | #D898B4 | — |
| entity.name.package.go | #84BD8B | — |
| meta.attribute.rust | #DF88A7 | — |
| entity.name.type.rust, storage.type.rust | #D898B4 | — |
| entity.name.lifetime.rust, punctuation.definition.lifetime.rust | #EDBE80 | — |
| meta.macro.rust | #DF88A7 | — |
| entity.name.tag.yaml | #8CCBED | — |
| punctuation.definition.anchor.yaml, punctuation.definition.alias.yaml | #DF88A7 | — |
| entity.other.document.begin.yaml, entity.other.document.end.yaml | #C87D9D | — |
| keyword.other.sql | #C87D9D | — |
| support.function.sql | #8992D4 | — |
| meta.table.sql | #84BD8B | — |
| meta.decorator.ts, meta.decorator.tsx | #DF88A7 | — |
| meta.type.annotation.ts, meta.type.annotation.tsx | #D898B4 | — |
| entity.name.type.interface.ts, entity.name.type.interface.tsx | #D898B4 | — |
| meta.preprocessor.c, meta.preprocessor.cpp | #DF88A7 | — |
| string.quoted.other.lt-gt.include.c, string.quoted.other.lt-gt.include.cpp, string.quoted.double.include.c, string.quoted.double.include.cpp | #84BD8B | — |
| storage.type.annotation.java | #DF88A7 | — |
| storage.type.generic.java | #D898B4 | — |
| storage.modifier.import.java, storage.modifier.package.java | #84BD8B | — |
| variable.other.php | #DF88A7 | — |
| entity.name.type.class.php | #D898B4 | — |
| support.other.namespace.php | #84BD8B | — |
| variable.other.special.shell | #DF88A7 | — |
| support.function.builtin.shell | #8992D4 | — |
| variable.parameter.option.shell | #EDBE80 | — |
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#16191d
- activityBar.border#2b3036
- activityBar.foreground#d98c71
- activityBar.inactiveForeground#6c757d
- activityBarBadge.background#d98c71
- activityBarBadge.foreground#1c2025
- breadcrumb.activeSelectionForeground#ced4da
- breadcrumb.focusForeground#adb5bd
- breadcrumb.foreground#6c757d
- breadcrumbPicker.background#16191d
- button.background#d98c71
- button.foreground#1c2025
- button.hoverBackground#eebcb0
- charts.blue#7da3c4
- charts.foreground#adb5bd
- charts.green#8abf94
- charts.lines#495057
- charts.orange#ceb195
- charts.purple#ceb195
- charts.red#d98c71
- charts.yellow#e0c068
- debugIcon.breakpointForeground#d98c71
- debugIcon.startForeground#8abf94
- debugIcon.stopForeground#d98c71
- debugToolBar.background#16191d
- diffEditor.border#2b3036
- diffEditor.insertedTextBackground#8abf9420
- diffEditor.removedTextBackground#d98c7120
- editor.background#1c2025
- editor.foreground#ced4da
- editor.lineHighlightBackground#23282e
- editor.lineHighlightBorder#23282e00
- editor.selectionBackground#d98c7160
- editor.selectionHighlightBackground#d98c7130
- editor.wordHighlightBackground#7da3c430
- editor.wordHighlightStrongBackground#7da3c450
- editorGroupHeader.tabsBackground#16191d
- editorGroupHeader.tabsBorder#2b3036
- editorGutter.background#1c2025
- editorLineNumber.activeForeground#d98c71
- editorLineNumber.foreground#495057
- editorOverviewRuler.currentContentForeground#8abf94
- editorOverviewRuler.incomingContentForeground#7da3c4
- editorSuggestWidget.background#16191d
- editorSuggestWidget.border#2b3036
- editorSuggestWidget.highlightForeground#d98c71
- editorSuggestWidget.selectedBackground#2b3036
- editorWidget.background#16191d
- editorWidget.border#2b3036
- extensionButton.prominentBackground#d98c71
- extensionButton.prominentForeground#1c2025
- extensionButton.prominentHoverBackground#eebcb0
- gitDecoration.conflictingResourceForeground#e0c068
- gitDecoration.deletedResourceForeground#d98c71
- gitDecoration.ignoredResourceForeground#495057
- gitDecoration.modifiedResourceForeground#7da3c4
- gitDecoration.untrackedResourceForeground#8abf94
- input.background#23282e
- input.border#2b3036
- input.foreground#ced4da
- input.placeholderForeground#6c757d
- keybindingLabel.background#23282e
- keybindingLabel.border#2b3036
- keybindingLabel.bottomBorder#2b3036
- keybindingLabel.foreground#adb5bd
- list.activeSelectionBackground#2b3036
- list.activeSelectionForeground#ced4da
- list.focusBackground#2b3036
- list.focusForeground#ced4da
- list.highlightForeground#d98c71
- list.hoverBackground#23282e
- list.inactiveSelectionBackground#23282e
- list.inactiveSelectionForeground#adb5bd
- merge.commonContentBackground#49505720
- merge.commonHeaderBackground#49505730
- merge.currentContentBackground#8abf9420
- merge.currentHeaderBackground#8abf9440
- merge.incomingContentBackground#7da3c420
- merge.incomingHeaderBackground#7da3c440
- notificationCenter.border#2b3036
- notificationCenterHeader.background#16191d
- notificationCenterHeader.foreground#adb5bd
- notificationLink.foreground#7da3c4
- notifications.background#16191d
- notifications.border#2b3036
- notifications.foreground#adb5bd
- notificationToast.border#2b3036
- panel.background#16191d
- panel.border#2b3036
- panelTitle.activeForeground#ced4da
- panelTitle.inactiveForeground#6c757d
- peekView.border#d98c71
- peekViewEditor.background#1c2025
- peekViewEditor.matchHighlightBackground#d98c7140
- peekViewResult.background#16191d
- peekViewResult.matchHighlightBackground#d98c7140
- peekViewTitle.background#16191d
- scrollbarSlider.activeBackground#343a40C0
- scrollbarSlider.background#343a4080
- scrollbarSlider.hoverBackground#343a40A0
- settings.checkboxBackground#16191d
- settings.dropdownBackground#16191d
- settings.headerForeground#d98c71
- settings.modifiedItemIndicator#7da3c4
- settings.numberInputBackground#16191d
- settings.textInputBackground#16191d
- sideBar.background#16191d
- sideBar.border#2b3036
- sideBar.foreground#adb5bd
- statusBar.background#16191d
- statusBar.border#2b3036
- statusBar.debuggingBackground#d98c71
- statusBar.foreground#adb5bd
- statusBar.noFolderBackground#16191d
- tab.activeBackground#1c2025
- tab.activeBorder#d98c71
- tab.activeForeground#ced4da
- tab.inactiveBackground#16191d
- tab.inactiveForeground#6c757d
- tab.unfocusedActiveBorder#d98c7160
- terminal.ansiBlack#16191d
- terminal.ansiBlue#7da3c4
- terminal.ansiBrightBlack#495057
- terminal.ansiBrightBlue#9ec3e0
- terminal.ansiBrightCyan#9ec3e0
- terminal.ansiBrightGreen#a8d5b1
- terminal.ansiBrightMagenta#e6ccb2
- terminal.ansiBrightRed#eebcb0
- terminal.ansiBrightWhite#ced4da
- terminal.ansiBrightYellow#ead496
- terminal.ansiCyan#7da3c4
- terminal.ansiGreen#8abf94
- terminal.ansiMagenta#ceb195
- terminal.ansiRed#d98c71
- terminal.ansiWhite#adb5bd
- terminal.ansiYellow#e0c068
- terminal.background#1c2025
- terminal.foreground#ced4da
- titleBar.activeBackground#16191d
- titleBar.activeForeground#adb5bd
- titleBar.border#2b3036
- titleBar.inactiveBackground#16191d
- titleBar.inactiveForeground#6c757d
- welcomePage.buttonBackground#16191d
- welcomePage.buttonHoverBackground#23282e
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6c757d | — |
| variable, string constant.other.placeholder | #ced4da | — |
| constant.other.color | #e0c068 | — |
| invalid, invalid.illegal | #d98c71 | — |
| keyword, storage.type, storage.modifier | #d98c71 | — |
| keyword.operator | #7da3c4 | — |
| string, constant.other.symbol | #8abf94 | — |
| constant.numeric | #e0c068 | — |
| constant.language, support.constant, constant.character, constant.escape | #d98c71 | — |
| entity.name.function, meta.function-call, support.function | #7da3c4 | — |
| entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution | #e0c068 | — |
| meta.method.declaration, meta.method-call, meta.method | #7da3c4 | — |
| variable.other.property, support.variable.property | #7da3c4 | — |
| meta.object-literal.key | #7da3c4 | — |
| entity.name.tag, meta.tag.sgml | #d98c71 | — |
| entity.other.attribute-name | #7da3c4 | — |
| markup.heading | #d98c71 | — |
| markup.bold | #7da3c4 | bold |
| markup.italic | #8abf94 | italic |
| punctuation.definition, punctuation.separator, punctuation.terminator | #6c757d | — |
| punctuation.definition.block, punctuation.definition.parameters, punctuation.section | #9ec3e0 | — |
| entity.name.type.interface, entity.name.type.struct | #e0c068 | — |
| meta.decorator, tag.decorator.js entity.name.tag, tag.decorator.js punctuation.definition.tag | #7da3c4 | — |
| template.expression.begin, template.expression.end | #d98c71 | — |
| support.type.property-name.css | #7da3c4 | — |
| support.constant.property-value.css | #8abf94 | — |
| entity.other.attribute-name.html | #8abf94 | — |
| support.type.property-name.json | #7da3c4 | — |
| string.quoted.double.json | #8abf94 | — |
| meta.tag.jsx, meta.tag.tsx | #adb5bd | — |
| entity.other.attribute-name.jsx, entity.other.attribute-name.tsx | #8abf94 | — |
| meta.object-literal.key, variable.object.property | #7da3c4 | — |
| meta.function.decorator.python, meta.function.decorator.identifier.python | #d98c71 | — |
| variable.parameter.function.python | #e0c068 | — |
| meta.fstring.python, constant.character.format.placeholder.other.python | #e0c068 | — |
| variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python | #ceb195 | — |
| constant.language.symbol.ruby | #e0c068 | — |
| variable.other.readwrite.instance.ruby | #d98c71 | — |
| variable.other.readwrite.class.ruby | #ceb195 | — |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #7da3c4 | — |
| beginning.punctuation.definition.list.markdown | #d98c71 | — |
| markup.fenced_code.block.markdown, markup.inline.raw.string.markdown | #8abf94 | — |
| markup.quote.markdown | #6c757d | italic |
| entity.name.function.go | #7da3c4 | — |
| entity.name.type.go | #ceb195 | — |
| entity.name.package.go | #8abf94 | — |
| meta.attribute.rust | #d98c71 | — |
| entity.name.type.rust, storage.type.rust | #ceb195 | — |
| entity.name.lifetime.rust, punctuation.definition.lifetime.rust | #e0c068 | — |
| meta.macro.rust | #d98c71 | — |
| entity.name.tag.yaml | #7da3c4 | — |
| punctuation.definition.anchor.yaml, punctuation.definition.alias.yaml | #d98c71 | — |
| entity.other.document.begin.yaml, entity.other.document.end.yaml | #ceb195 | — |
| keyword.other.sql | #ceb195 | — |
| support.function.sql | #7da3c4 | — |
| meta.table.sql | #8abf94 | — |
| meta.decorator.ts, meta.decorator.tsx | #d98c71 | — |
| meta.type.annotation.ts, meta.type.annotation.tsx | #ceb195 | — |
| entity.name.type.interface.ts, entity.name.type.interface.tsx | #ceb195 | — |
| meta.preprocessor.c, meta.preprocessor.cpp | #d98c71 | — |
| string.quoted.other.lt-gt.include.c, string.quoted.other.lt-gt.include.cpp, string.quoted.double.include.c, string.quoted.double.include.cpp | #8abf94 | — |
| storage.type.annotation.java | #d98c71 | — |
| storage.type.generic.java | #ceb195 | — |
| storage.modifier.import.java, storage.modifier.package.java | #8abf94 | — |
| variable.other.php | #d98c71 | — |
| entity.name.type.class.php | #ceb195 | — |
| support.other.namespace.php | #8abf94 | — |
| variable.other.special.shell | #d98c71 | — |
| support.function.builtin.shell | #7da3c4 | — |
| variable.parameter.option.shell | #e0c068 | — |
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#f0ede6
- activityBar.border#e3ded6
- activityBar.foreground#c75b45
- activityBar.inactiveForeground#9e948a
- activityBarBadge.background#c75b45
- activityBarBadge.foreground#faf8f5
- breadcrumb.activeSelectionForeground#3b342e
- breadcrumb.focusForeground#6b6158
- breadcrumb.foreground#9e948a
- breadcrumbPicker.background#faf8f5
- button.background#c75b45
- button.foreground#faf8f5
- button.hoverBackground#da6c55
- charts.blue#4f7e91
- charts.foreground#6b6158
- charts.green#7a8c51
- charts.lines#b0a89e
- charts.orange#e07a5f
- charts.purple#a66887
- charts.red#c75b45
- charts.yellow#d68c45
- debugIcon.breakpointForeground#c75b45
- debugIcon.startForeground#7a8c51
- debugIcon.stopForeground#c75b45
- debugToolBar.background#faf8f5
- diffEditor.border#e3ded6
- diffEditor.insertedTextBackground#7a8c5120
- diffEditor.removedTextBackground#c75b4520
- editor.background#faf8f5
- editor.foreground#5c5248
- editor.lineHighlightBackground#f0ede6
- editor.lineHighlightBorder#f0ede600
- editor.selectionBackground#c75b4520
- editor.selectionHighlightBackground#c75b4510
- editor.wordHighlightBackground#4f7e9110
- editor.wordHighlightStrongBackground#4f7e9120
- editorGroupHeader.tabsBackground#f0ede6
- editorGroupHeader.tabsBorder#e3ded6
- editorGutter.background#faf8f5
- editorLineNumber.activeForeground#c75b45
- editorLineNumber.foreground#b0a89e
- editorOverviewRuler.currentContentForeground#7a8c51
- editorOverviewRuler.incomingContentForeground#4f7e91
- editorSuggestWidget.background#faf8f5
- editorSuggestWidget.border#e3ded6
- editorSuggestWidget.highlightForeground#c75b45
- editorSuggestWidget.selectedBackground#e3ded6
- editorWidget.background#faf8f5
- editorWidget.border#e3ded6
- extensionButton.prominentBackground#c75b45
- extensionButton.prominentForeground#faf8f5
- extensionButton.prominentHoverBackground#da6c55
- gitDecoration.conflictingResourceForeground#d68c45
- gitDecoration.deletedResourceForeground#c75b45
- gitDecoration.ignoredResourceForeground#b0a89e
- gitDecoration.modifiedResourceForeground#4f7e91
- gitDecoration.untrackedResourceForeground#7a8c51
- input.background#ffffff
- input.border#e3ded6
- input.foreground#5c5248
- input.placeholderForeground#9e948a
- keybindingLabel.background#f0ede6
- keybindingLabel.border#e3ded6
- keybindingLabel.bottomBorder#e3ded6
- keybindingLabel.foreground#6b6158
- list.activeSelectionBackground#e3ded6
- list.activeSelectionForeground#3b342e
- list.focusBackground#e3ded6
- list.focusForeground#3b342e
- list.highlightForeground#c75b45
- list.hoverBackground#f0ede6
- list.inactiveSelectionBackground#f0ede6
- list.inactiveSelectionForeground#6b6158
- merge.commonContentBackground#9e948a20
- merge.commonHeaderBackground#9e948a30
- merge.currentContentBackground#7a8c5120
- merge.currentHeaderBackground#7a8c5140
- merge.incomingContentBackground#4f7e9120
- merge.incomingHeaderBackground#4f7e9140
- notificationCenter.border#e3ded6
- notificationCenterHeader.background#f0ede6
- notificationCenterHeader.foreground#6b6158
- notificationLink.foreground#4f7e91
- notifications.background#faf8f5
- notifications.border#e3ded6
- notifications.foreground#6b6158
- notificationToast.border#e3ded6
- panel.background#faf8f5
- panel.border#e3ded6
- panelTitle.activeForeground#5c5248
- panelTitle.inactiveForeground#9e948a
- peekView.border#c75b45
- peekViewEditor.background#faf8f5
- peekViewEditor.matchHighlightBackground#c75b4520
- peekViewResult.background#f5f2eb
- peekViewResult.matchHighlightBackground#c75b4520
- peekViewTitle.background#f5f2eb
- scrollbarSlider.activeBackground#d4cec5C0
- scrollbarSlider.background#d4cec580
- scrollbarSlider.hoverBackground#d4cec5A0
- settings.checkboxBackground#ffffff
- settings.dropdownBackground#ffffff
- settings.headerForeground#c75b45
- settings.modifiedItemIndicator#4f7e91
- settings.numberInputBackground#ffffff
- settings.textInputBackground#ffffff
- sideBar.background#f5f2eb
- sideBar.border#e3ded6
- sideBar.foreground#6b6158
- statusBar.background#f0ede6
- statusBar.border#e3ded6
- statusBar.debuggingBackground#c75b45
- statusBar.foreground#6b6158
- statusBar.noFolderBackground#f0ede6
- tab.activeBackground#faf8f5
- tab.activeBorder#c75b45
- tab.activeForeground#5c5248
- tab.inactiveBackground#f0ede6
- tab.inactiveForeground#9e948a
- tab.unfocusedActiveBorder#c75b4560
- terminal.ansiBlack#3b342e
- terminal.ansiBlue#4f7e91
- terminal.ansiBrightBlack#6b6158
- terminal.ansiBrightBlue#6596aa
- terminal.ansiBrightCyan#73abb5
- terminal.ansiBrightGreen#8fa663
- terminal.ansiBrightMagenta#bf80a1
- terminal.ansiBrightRed#da6c55
- terminal.ansiBrightWhite#d4cec5
- terminal.ansiBrightYellow#e89e5a
- terminal.ansiCyan#5c9199
- terminal.ansiGreen#7a8c51
- terminal.ansiMagenta#a66887
- terminal.ansiRed#c75b45
- terminal.ansiWhite#9e948a
- terminal.ansiYellow#d68c45
- terminal.background#faf8f5
- terminal.foreground#5c5248
- titleBar.activeBackground#faf8f5
- titleBar.activeForeground#5c5248
- titleBar.border#e3ded6
- titleBar.inactiveBackground#faf8f5
- titleBar.inactiveForeground#9e948a
- welcomePage.buttonBackground#f0ede6
- welcomePage.buttonHoverBackground#e3ded6
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #9e948a | — |
| variable, string constant.other.placeholder | #5c5248 | — |
| constant.other.color | #d68c45 | — |
| invalid, invalid.illegal | #c75b45 | — |
| keyword, storage.type, storage.modifier | #c75b45 | — |
| keyword.operator | #4f7e91 | — |
| string, constant.other.symbol | #7a8c51 | — |
| constant.numeric | #d68c45 | — |
| constant.language, support.constant, constant.character, constant.escape | #c75b45 | — |
| entity.name.function, meta.function-call, support.function | #4f7e91 | — |
| entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution | #d68c45 | — |
| meta.method.declaration, meta.method-call, meta.method | #4f7e91 | — |
| variable.other.property, support.variable.property | #4f7e91 | — |
| meta.object-literal.key | #4f7e91 | — |
| entity.name.tag, meta.tag.sgml | #c75b45 | — |
| entity.other.attribute-name | #4f7e91 | — |
| markup.heading | #c75b45 | — |
| markup.bold | #4f7e91 | bold |
| markup.italic | #7a8c51 | italic |
| punctuation.definition, punctuation.separator, punctuation.terminator | #9e948a | — |
| punctuation.definition.block, punctuation.definition.parameters, punctuation.section | #5c9199 | — |
| entity.name.type.interface, entity.name.type.struct | #d68c45 | — |
| meta.decorator, tag.decorator.js entity.name.tag, tag.decorator.js punctuation.definition.tag | #4f7e91 | — |
| template.expression.begin, template.expression.end | #c75b45 | — |
| support.type.property-name.css | #4f7e91 | — |
| support.constant.property-value.css | #7a8c51 | — |
| entity.other.attribute-name.html | #7a8c51 | — |
| support.type.property-name.json | #4f7e91 | — |
| string.quoted.double.json | #7a8c51 | — |
| meta.tag.jsx, meta.tag.tsx | #6b6158 | — |
| entity.other.attribute-name.jsx, entity.other.attribute-name.tsx | #7a8c51 | — |
| meta.object-literal.key, variable.object.property | #4f7e91 | — |
| meta.function.decorator.python, meta.function.decorator.identifier.python | #c75b45 | — |
| variable.parameter.function.python | #d68c45 | — |
| meta.fstring.python, constant.character.format.placeholder.other.python | #d68c45 | — |
| variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python | #a66887 | — |
| constant.language.symbol.ruby | #d68c45 | — |
| variable.other.readwrite.instance.ruby | #c75b45 | — |
| variable.other.readwrite.class.ruby | #a66887 | — |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #4f7e91 | — |
| beginning.punctuation.definition.list.markdown | #c75b45 | — |
| markup.fenced_code.block.markdown, markup.inline.raw.string.markdown | #7a8c51 | — |
| markup.quote.markdown | #9e948a | italic |
| entity.name.function.go | #4f7e91 | — |
| entity.name.type.go | #a66887 | — |
| entity.name.package.go | #7a8c51 | — |
| meta.attribute.rust | #c75b45 | — |
| entity.name.type.rust, storage.type.rust | #a66887 | — |
| entity.name.lifetime.rust, punctuation.definition.lifetime.rust | #d68c45 | — |
| meta.macro.rust | #c75b45 | — |
| entity.name.tag.yaml | #4f7e91 | — |
| punctuation.definition.anchor.yaml, punctuation.definition.alias.yaml | #c75b45 | — |
| entity.other.document.begin.yaml, entity.other.document.end.yaml | #a66887 | — |
| keyword.other.sql | #a66887 | — |
| support.function.sql | #4f7e91 | — |
| meta.table.sql | #7a8c51 | — |
| meta.decorator.ts, meta.decorator.tsx | #c75b45 | — |
| meta.type.annotation.ts, meta.type.annotation.tsx | #a66887 | — |
| entity.name.type.interface.ts, entity.name.type.interface.tsx | #a66887 | — |
| meta.preprocessor.c, meta.preprocessor.cpp | #c75b45 | — |
| string.quoted.other.lt-gt.include.c, string.quoted.other.lt-gt.include.cpp, string.quoted.double.include.c, string.quoted.double.include.cpp | #7a8c51 | — |
| storage.type.annotation.java | #c75b45 | — |
| storage.type.generic.java | #a66887 | — |
| storage.modifier.import.java, storage.modifier.package.java | #7a8c51 | — |
| variable.other.php | #c75b45 | — |
| entity.name.type.class.php | #a66887 | — |
| support.other.namespace.php | #7a8c51 | — |
| variable.other.special.shell | #c75b45 | — |
| support.function.builtin.shell | #4f7e91 | — |
| variable.parameter.option.shell | #d68c45 | — |