Tropical Sorbet
Publisher: Chieu LeThemes in package: 7
Bright coral & citrus candy on cream — light & dark variants for long, happy coding sessions.
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.activeBackground#E8820E18
- activityBar.activeBorder#CE7000
- activityBar.background#F0E6D6
- activityBar.border#E7DBC8
- activityBar.foreground#3E372E
- activityBar.inactiveForeground#A99C86
- activityBarBadge.background#E8820E
- activityBarBadge.foreground#FCF8F1
- badge.background#E8820E
- badge.foreground#FCF8F1
- breadcrumb.activeSelectionForeground#E8820E
- breadcrumb.background#FCF8F1
- breadcrumb.focusForeground#3E372E
- breadcrumb.foreground#A99C86
- breadcrumbPicker.background#F6EFE3
- button.background#E8820E
- button.foreground#FCF8F1
- button.hoverBackground#CF7100
- button.secondaryBackground#E7DBC8
- button.secondaryForeground#3E372E
- button.secondaryHoverBackground#D6CCBC
- charts.blue#2A6DC0
- charts.foreground#3E372E
- charts.green#368A1E
- charts.lines#E7DBC8
- charts.orange#E8820E
- charts.purple#9A40CF
- charts.red#DB3B22
- charts.yellow#9E7A00
- debugTokenExpression.boolean#9A40CF
- debugTokenExpression.error#CE1D6C
- debugTokenExpression.name#3E372E
- debugTokenExpression.null#9A40CF
- debugTokenExpression.number#9A40CF
- debugTokenExpression.string#368A1E
- debugTokenExpression.value#368A1E
- debugToolBar.background#F6EFE3
- debugToolBar.border#E7DBC8
- descriptionForeground#A99C86
- diffEditor.diagonalFill#E7DBC8
- diffEditor.insertedLineBackground#368A1E12
- diffEditor.insertedTextBackground#368A1E20
- diffEditor.removedLineBackground#DB3B2212
- diffEditor.removedTextBackground#DB3B2225
- dropdown.background#F6EFE3
- dropdown.border#E7DBC8
- dropdown.foreground#3E372E
- dropdown.listBackground#FCF8F1
- editor.background#FCF8F1
- editor.findMatchBackground#9E7A0060
- editor.findMatchHighlightBackground#9E7A0030
- editor.findRangeHighlightBackground#9E7A0018
- editor.focusedStackFrameHighlightBackground#368A1E25
- editor.foreground#3E372E
- editor.inactiveSelectionBackground#E8820E22
- editor.lineHighlightBackground#F4ECDD
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#E8820E35
- editor.selectionHighlightBackground#E8820E20
- editor.stackFrameHighlightBackground#9E7A0025
- editor.wordHighlightBackground#9E7A0025
- editor.wordHighlightStrongBackground#9E7A0040
- editorBracketHighlight.foreground1#E8820E
- editorBracketHighlight.foreground2#CE7000
- editorBracketHighlight.foreground3#9A40CF
- editorBracketHighlight.foreground4#0C8A80
- editorBracketHighlight.foreground5#CE1D6C
- editorBracketHighlight.foreground6#9E7A00
- editorBracketHighlight.unexpectedBracket.foreground#DB3B22
- editorBracketMatch.background#E8820E20
- editorBracketMatch.border#E8820E80
- editorCursor.background#FCF8F1
- editorCursor.foreground#E8820E
- editorGroupHeader.tabsBackground#F6EFE3
- editorGroupHeader.tabsBorder#E7DBC8
- editorGutter.addedBackground#368A1E
- editorGutter.background#FCF8F1
- editorGutter.deletedBackground#DB3B22
- editorGutter.modifiedBackground#9E7A00
- editorHoverWidget.background#F6EFE3
- editorHoverWidget.border#E7DBC8
- editorIndentGuide.activeBackground1#A99C86
- editorIndentGuide.background1#E7DBC8
- editorLineNumber.activeForeground#CE7000
- editorLineNumber.foreground#C8BBA4
- editorRuler.foreground#E7DBC8
- editorSuggestWidget.background#F6EFE3
- editorSuggestWidget.border#E7DBC8
- editorSuggestWidget.foreground#3E372E
- editorSuggestWidget.highlightForeground#E8820E
- editorSuggestWidget.selectedBackground#E8820E25
- editorSuggestWidget.selectedForeground#3E372E
- editorWhitespace.foreground#D6CCBC
- editorWidget.background#F6EFE3
- editorWidget.border#E7DBC8
- editorWidget.resizeBorder#E8820E
- errorForeground#CE1D6C
- extensionButton.prominentBackground#E8820E
- extensionButton.prominentForeground#FCF8F1
- extensionButton.prominentHoverBackground#CF7100
- focusBorder#E8820E80
- gitDecoration.addedResourceForeground#368A1E
- gitDecoration.conflictingResourceForeground#CE1D6C
- gitDecoration.deletedResourceForeground#DB3B22
- gitDecoration.ignoredResourceForeground#C8BBA4
- gitDecoration.modifiedResourceForeground#9E7A00
- gitDecoration.renamedResourceForeground#0C8A80
- gitDecoration.stageDeletedResourceForeground#DB3B22
- gitDecoration.stageModifiedResourceForeground#9E7A00
- gitDecoration.untrackedResourceForeground#368A1E
- icon.foreground#3E372E
- input.background#FCF8F1
- input.border#E7DBC8
- input.foreground#3E372E
- input.placeholderForeground#C8BBA4
- inputOption.activeBackground#E8820E20
- inputOption.activeBorder#E8820E
- inputValidation.errorBackground#FCF8F1
- inputValidation.errorBorder#CE1D6C
- inputValidation.infoBackground#FCF8F1
- inputValidation.infoBorder#0C8A80
- inputValidation.warningBackground#FCF8F1
- inputValidation.warningBorder#9E7A00
- list.activeSelectionBackground#E8820E25
- list.activeSelectionForeground#3E372E
- list.dropBackground#E8820E20
- list.errorForeground#CE1D6C
- list.focusBackground#E8820E30
- list.focusForeground#3E372E
- list.highlightForeground#E8820E
- list.hoverBackground#E8820E12
- list.inactiveSelectionBackground#CE700018
- list.inactiveSelectionForeground#3E372E
- list.warningForeground#9E7A00
- listFilterWidget.background#F6EFE3
- listFilterWidget.outline#E8820E
- menu.background#FCF8F1
- menu.border#E7DBC8
- menu.foreground#3E372E
- menu.selectionBackground#E8820E25
- menu.selectionForeground#3E372E
- menu.separatorBackground#E7DBC8
- menubar.selectionBackground#E8820E20
- menubar.selectionForeground#3E372E
- merge.currentHeaderBackground#368A1E30
- merge.incomingHeaderBackground#0C8A8030
- mergeEditor.change.background#368A1E18
- mergeEditor.change.word.background#368A1E35
- mergeEditor.conflict.unhandledFocused.border#DB3B22
- mergeEditor.conflict.unhandledUnfocused.border#DB3B2280
- minimap.background#FCF8F1
- minimap.errorHighlight#DB3B22
- minimap.findMatchHighlight#9E7A0060
- minimap.selectionHighlight#E8820E60
- minimapSlider.activeBackground#A99C8640
- minimapSlider.background#A99C8615
- minimapSlider.hoverBackground#A99C8630
- notifications.background#F6EFE3
- notifications.border#E7DBC8
- notifications.foreground#3E372E
- notificationsErrorIcon.foreground#CE1D6C
- notificationsInfoIcon.foreground#0C8A80
- notificationsWarningIcon.foreground#9E7A00
- notificationToast.border#E7DBC8
- panel.background#F6EFE3
- panel.border#E7DBC8
- panelTitle.activeBorder#E8820E
- panelTitle.activeForeground#3E372E
- panelTitle.inactiveForeground#A99C86
- quickInput.background#F6EFE3
- quickInput.foreground#3E372E
- quickInputHighlightForeground#E8820E
- quickInputList.focusBackground#E8820E25
- quickInputList.focusForeground#3E372E
- sash.hoverBorder#E8820E
- scrollbar.shadow#E7DBC8
- scrollbarSlider.activeBackground#A99C8665
- scrollbarSlider.background#A99C8625
- scrollbarSlider.hoverBackground#A99C8645
- selection.background#E8820E35
- settings.checkboxBackground#FCF8F1
- settings.checkboxBorder#E7DBC8
- settings.dropdownBackground#F6EFE3
- settings.dropdownBorder#E7DBC8
- settings.headerForeground#3E372E
- settings.modifiedItemIndicator#E8820E
- settings.numberInputBackground#FCF8F1
- settings.numberInputBorder#E7DBC8
- settings.textInputBackground#FCF8F1
- settings.textInputBorder#E7DBC8
- sideBar.background#F6EFE3
- sideBar.border#E7DBC8
- sideBar.foreground#3E372E
- sideBarSectionHeader.background#F0E6D6
- sideBarSectionHeader.border#E7DBC8
- sideBarSectionHeader.foreground#3E372E
- sideBarTitle.foreground#A99C86
- statusBar.background#E8820E
- statusBar.border#C86900
- statusBar.debuggingBackground#CE1D6C
- statusBar.debuggingForeground#FCF8F1
- statusBar.foreground#FCF8F1
- statusBar.noFolderBackground#A99C86
- statusBar.noFolderForeground#FCF8F1
- statusBarItem.activeBackground#C8690080
- statusBarItem.errorBackground#B01010
- statusBarItem.errorForeground#FCF8F1
- statusBarItem.hoverBackground#C8690055
- statusBarItem.remoteBackground#CE7000
- statusBarItem.remoteForeground#FCF8F1
- statusBarItem.warningBackground#9E7A00
- statusBarItem.warningForeground#FCF8F1
- tab.activeBackground#FCF8F1
- tab.activeBorder#00000000
- tab.activeBorderTop#E8820E
- tab.activeForeground#3E372E
- tab.border#E7DBC8
- tab.hoverBackground#FCF8F1
- tab.hoverBorder#00000000
- tab.inactiveBackground#F6EFE3
- tab.inactiveForeground#A99C86
- tab.unfocusedActiveBackground#FCF8F1
- tab.unfocusedActiveBorderTop#C8BBA4
- tab.unfocusedActiveForeground#3E372E
- tab.unfocusedInactiveBackground#F6EFE3
- tab.unfocusedInactiveForeground#C8BBA4
- terminal.ansiBlack#3E372E
- terminal.ansiBlue#2A6DC0
- terminal.ansiBrightBlack#857A68
- terminal.ansiBrightBlue#4A8FE0
- terminal.ansiBrightCyan#2CAAAA
- terminal.ansiBrightGreen#5DAF3A
- terminal.ansiBrightMagenta#B966E8
- terminal.ansiBrightRed#CE1D6C
- terminal.ansiBrightWhite#FCF8F1
- terminal.ansiBrightYellow#C9A020
- terminal.ansiCyan#0C8A80
- terminal.ansiGreen#368A1E
- terminal.ansiMagenta#9A40CF
- terminal.ansiRed#DB3B22
- terminal.ansiWhite#A99C86
- terminal.ansiYellow#9E7A00
- terminal.background#FCF8F1
- terminal.border#E7DBC8
- terminal.foreground#3E372E
- terminal.selectionBackground#E8820E35
- terminalCursor.background#FCF8F1
- terminalCursor.foreground#E8820E
- titleBar.activeBackground#F0E6D6
- titleBar.activeForeground#3E372E
- titleBar.border#E7DBC8
- titleBar.inactiveBackground#F6EFE3
- titleBar.inactiveForeground#A99C86
- widget.shadow#3E372E20
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #AFA48C | italic |
| string, string.quoted, string.template | #368A1E | — |
| constant.character.escape, string.regexp | #9E7A00 | — |
| constant.numeric, constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.nan, constant.language.infinity, constant.other.color, support.constant | #9A40CF | — |
| keyword, keyword.control, keyword.operator.new, keyword.operator.delete, keyword.operator.typeof, keyword.operator.void, keyword.operator.instanceof, keyword.operator.in, keyword.operator.of, storage, storage.type, storage.modifier | #CE1D6C | — |
| keyword.operator, punctuation.accessor | #DB3B22 | — |
| entity.name.type, entity.name.class, entity.name.interface, entity.name.enum, entity.other.inherited-class, support.type, support.class, meta.return-type, meta.type-annotation, meta.type.annotation, storage.type.class, keyword.type | #0C8A80 | — |
| entity.name.function, meta.function-call.generic, support.function, meta.require | #CE7000 | — |
| variable, variable.other.readwrite | #3E372E | — |
| variable.parameter, meta.parameter | #3E372E | italic |
| variable.other.property, variable.other.object.property, support.variable.property, meta.object-literal.key | #2A6DC0 | — |
| punctuation, meta.brace, meta.bracket, meta.paren | #857A68 | — |
| entity.name.tag, meta.tag.sgml | #CE1D6C | — |
| entity.other.attribute-name, meta.tag.attributes | #857A68 | italic |
| string.quoted.double.html, string.quoted.single.html | #368A1E | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #CE1D6C | — |
| support.type.property-name.css, meta.property-name.css | #2A6DC0 | — |
| meta.property-value.css, support.constant.property-value.css, constant.numeric.css, keyword.other.unit.css | #9A40CF | — |
| heading.1.markdown, heading.1.markdown punctuation.definition.heading.markdown | #E8820E | bold |
| heading.2.markdown, heading.2.markdown punctuation.definition.heading.markdown | #0C8A80 | bold |
| heading.3.markdown, heading.3.markdown punctuation.definition.heading.markdown | #CE1D6C | bold |
| heading.4.markdown, heading.4.markdown punctuation.definition.heading.markdown | #9E7A00 | bold |
| heading.5.markdown, heading.5.markdown punctuation.definition.heading.markdown | #9A40CF | bold |
| heading.6.markdown, heading.6.markdown punctuation.definition.heading.markdown | #CE7000 | bold |
| markup.bold, punctuation.definition.bold.markdown | #CE7000 | bold |
| markup.italic, punctuation.definition.italic.markdown | #CE1D6C | italic |
| markup.inline.raw.string.markdown | #0C8A80 | — |
| markup.underline.link.markdown, markup.underline.link.image.markdown, meta.link.inline.markdown, meta.link.reference.markdown | #0C8A80 | underline |
| markup.quote.markdown, punctuation.definition.quote.begin.markdown | #A99C86 | italic |
| beginning.punctuation.definition.list.markdown, punctuation.definition.list.begin.markdown | #CE7000 | — |
| invalid, invalid.deprecated | #CE1D6C | — |
| markup.inserted, meta.diff.header.to-file | #368A1E | — |
| markup.deleted, meta.diff.header.from-file | #DB3B22 | — |
| markup.changed | #9E7A00 | — |
| support.type.property-name.json | #2A6DC0 | — |
| entity.name.tag.yaml | #2A6DC0 | — |
| entity.name.type.anchor.yaml, variable.other.alias.yaml | #9A40CF | — |
| variable.language.special.self.python, variable.language.special.cls.python | #CE1D6C | italic |
| entity.name.function.decorator.python, punctuation.definition.decorator.python | #9E7A00 | — |
| entity.name.lifetime.rust, storage.modifier.lifetime.rust, punctuation.definition.lifetime.rust | #9A40CF | italic |
| entity.name.module, support.module, keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as | #CE1D6C | — |
| keyword.control.export, keyword.control.flow, keyword.control.trycatch | — | underline |