California Summer
Publisher: Vaishnavi RangarajanThemes in package: 1
A warm dark theme inspired by California summers — marigold, sage and the Pacific at dusk.
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.activeBorder#F7B538
- activityBar.background#03050A
- activityBar.border#00000000
- activityBar.foreground#F7B538
- activityBar.inactiveForeground#8A8271
- activityBarBadge.background#F7B538
- activityBarBadge.foreground#03050A
- badge.background#F7B538
- badge.foreground#03050A
- breadcrumb.activeSelectionForeground#F7B538
- breadcrumb.background#05080E
- breadcrumb.focusForeground#F7B538
- breadcrumb.foreground#8A8271
- breadcrumbPicker.background#0C111A
- button.background#F7B538
- button.foreground#2B1D06
- button.hoverBackground#FFC65C
- button.secondaryBackground#1B2432
- button.secondaryForeground#FFF1E6
- button.secondaryHoverBackground#472D30
- charts.blue#4FBDD1
- charts.foreground#FFF1E6
- charts.green#ADC178
- charts.lines#19212D
- charts.orange#F7B538
- charts.purple#E8547B
- charts.red#C32F27
- charts.yellow#FFE1A8
- checkbox.background#0C111A
- checkbox.border#19212D
- checkbox.foreground#F7B538
- debugIcon.breakpointDisabledForeground#8A8271
- debugIcon.breakpointForeground#C9184A
- debugToolBar.background#0C111A
- debugToolBar.border#19212D
- descriptionForeground#A39B8D
- diffEditor.border#19212D
- diffEditor.insertedLineBackground#ADC17814
- diffEditor.insertedTextBackground#ADC1781A
- diffEditor.removedLineBackground#C9184A18
- diffEditor.removedTextBackground#C9184A22
- dropdown.background#0C111A
- dropdown.border#19212D
- dropdown.foreground#FFF1E6
- dropdown.listBackground#0C111A
- editor.background#05080E
- editor.findMatchBackground#F7B53855
- editor.findMatchHighlightBackground#ADC17833
- editor.findRangeHighlightBackground#131A25
- editor.focusedStackFrameHighlightBackground#ADC17822
- editor.foldBackground#131A2599
- editor.foreground#FFF1E6
- editor.hoverHighlightBackground#131A25
- editor.inactiveSelectionBackground#1B2432
- editor.lineHighlightBackground#FFF1E608
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#131A25
- editor.selectionBackground#F7B53830
- editor.selectionHighlightBackground#F7B53820
- editor.stackFrameHighlightBackground#F7B53822
- editor.wordHighlightBackground#ADC17822
- editor.wordHighlightStrongBackground#F7B5382E
- editorBracketHighlight.foreground1#F7B538
- editorBracketHighlight.foreground2#ADC178
- editorBracketHighlight.foreground3#E8547B
- editorBracketHighlight.foreground4#FFE1A8
- editorBracketHighlight.foreground5#C32F27
- editorBracketHighlight.foreground6#4FBDD1
- editorBracketHighlight.unexpectedBracket.foreground#C32F27
- editorBracketMatch.background#F7B53822
- editorBracketMatch.border#F7B53899
- editorCodeLens.foreground#8A8271
- editorCursor.background#05080E
- editorCursor.foreground#ADC178
- editorError.foreground#C32F27
- editorGroup.border#19212D
- editorGroupHeader.noTabsBackground#03050A
- editorGroupHeader.tabsBackground#03050A
- editorGroupHeader.tabsBorder#00000000
- editorGutter.addedBackground#ADC178
- editorGutter.background#05080E
- editorGutter.deletedBackground#C9184A
- editorGutter.modifiedBackground#F7B538
- editorHint.foreground#A39B8D
- editorHoverWidget.background#0C111A
- editorHoverWidget.border#19212D
- editorIndentGuide.activeBackground1#3F4238
- editorIndentGuide.background1#141C27
- editorInfo.foreground#4FBDD1
- editorLineNumber.activeForeground#F7B538
- editorLineNumber.foreground#414B5B
- editorLink.activeForeground#F7B538
- editorOverviewRuler.addedForeground#ADC17899
- editorOverviewRuler.border#00000000
- editorOverviewRuler.deletedForeground#C9184A99
- editorOverviewRuler.errorForeground#C32F27
- editorOverviewRuler.findMatchForeground#F7B53899
- editorOverviewRuler.infoForeground#4FBDD1
- editorOverviewRuler.modifiedForeground#F7B53899
- editorOverviewRuler.warningForeground#F7B538
- editorRuler.foreground#141C27
- editorSuggestWidget.background#0C111A
- editorSuggestWidget.border#19212D
- editorSuggestWidget.foreground#FFF1E6
- editorSuggestWidget.highlightForeground#F7B538
- editorSuggestWidget.selectedBackground#1B2432
- editorUnnecessaryCode.opacity#00000099
- editorWarning.foreground#F7B538
- editorWhitespace.foreground#3F4238
- editorWidget.background#0C111A
- editorWidget.border#19212D
- editorWidget.foreground#FFF1E6
- errorForeground#E8547B
- extensionBadge.remoteBackground#472D30
- extensionBadge.remoteForeground#FFE1A8
- extensionButton.prominentBackground#F7B538
- extensionButton.prominentForeground#2B1D06
- extensionButton.prominentHoverBackground#FFC65C
- focusBorder#F7B53866
- foreground#FFF1E6
- gitDecoration.addedResourceForeground#ADC178
- gitDecoration.conflictingResourceForeground#C32F27
- gitDecoration.deletedResourceForeground#E8547B
- gitDecoration.ignoredResourceForeground#5A6472
- gitDecoration.modifiedResourceForeground#F7B538
- gitDecoration.stageModifiedResourceForeground#FFE1A8
- gitDecoration.submoduleResourceForeground#A39B8D
- gitDecoration.untrackedResourceForeground#8FA860
- icon.foreground#A39B8D
- input.background#0C111A
- input.border#19212D
- input.foreground#FFF1E6
- input.placeholderForeground#8A8271
- inputOption.activeBackground#F7B53833
- inputOption.activeBorder#F7B538
- inputOption.activeForeground#FFE1A8
- inputValidation.errorBackground#3A1118
- inputValidation.errorBorder#C9184A
- inputValidation.infoBackground#0F2C36
- inputValidation.infoBorder#4FBDD1
- inputValidation.warningBackground#3A2A0C
- inputValidation.warningBorder#F7B538
- keybindingLabel.background#1B2432
- keybindingLabel.border#19212D
- keybindingLabel.bottomBorder#19212D
- keybindingLabel.foreground#FFE1A8
- list.activeSelectionBackground#1B2432
- list.activeSelectionForeground#FFE1A8
- list.errorForeground#E8547B
- list.focusBackground#1B2432
- list.focusForeground#FFF1E6
- list.highlightForeground#F7B538
- list.hoverBackground#131A25
- list.hoverForeground#FFF1E6
- list.inactiveSelectionBackground#131A25
- list.inactiveSelectionForeground#FFF1E6
- list.warningForeground#F7B538
- listFilterWidget.background#0C111A
- listFilterWidget.noMatchesOutline#C32F27
- listFilterWidget.outline#F7B538
- menu.background#0C111A
- menu.border#19212D
- menu.foreground#FFF1E6
- menu.selectionBackground#1B2432
- menu.selectionForeground#FFE1A8
- menu.separatorBackground#19212D
- menubar.selectionBackground#131A25
- menubar.selectionForeground#FFF1E6
- minimap.errorHighlight#C32F27
- minimap.findMatchHighlight#F7B538
- minimap.selectionHighlight#F7B53844
- minimap.warningHighlight#F7B538
- minimapSlider.activeBackground#F7B53833
- minimapSlider.background#FFF1E611
- minimapSlider.hoverBackground#FFF1E61A
- notificationCenterHeader.background#0C111A
- notificationCenterHeader.foreground#A39B8D
- notificationLink.foreground#F7B538
- notifications.background#0C111A
- notifications.border#19212D
- notifications.foreground#FFF1E6
- notificationsErrorIcon.foreground#C32F27
- notificationsInfoIcon.foreground#4FBDD1
- notificationsWarningIcon.foreground#F7B538
- panel.background#03050A
- panel.border#19212D
- panelSection.border#19212D
- panelTitle.activeBorder#F7B538
- panelTitle.activeForeground#F7B538
- panelTitle.inactiveForeground#8A8271
- peekView.border#F7B538
- peekViewEditor.background#03050A
- peekViewEditor.matchHighlightBackground#F7B53844
- peekViewResult.background#03050A
- peekViewResult.fileForeground#FFF1E6
- peekViewResult.lineForeground#A39B8D
- peekViewResult.matchHighlightBackground#F7B53844
- peekViewResult.selectionBackground#1B2432
- peekViewTitle.background#0C111A
- peekViewTitleDescription.foreground#A39B8D
- peekViewTitleLabel.foreground#F7B538
- pickerGroup.border#19212D
- pickerGroup.foreground#F7B538
- problemsErrorIcon.foreground#C32F27
- problemsInfoIcon.foreground#4FBDD1
- problemsWarningIcon.foreground#F7B538
- progressBar.background#F7B538
- quickInput.background#0C111A
- quickInput.foreground#FFF1E6
- quickInputList.focusBackground#1B2432
- quickInputList.focusForeground#FFE1A8
- sash.hoverBorder#F7B538
- scrollbar.shadow#000000
- scrollbarSlider.activeBackground#F7B53855
- scrollbarSlider.background#FFF1E61A
- scrollbarSlider.hoverBackground#FFF1E62E
- selection.background#F7B53844
- settings.checkboxBackground#0C111A
- settings.checkboxBorder#19212D
- settings.dropdownBackground#0C111A
- settings.dropdownBorder#19212D
- settings.focusedRowBackground#0C111A66
- settings.headerForeground#F7B538
- settings.modifiedItemIndicator#F7B538
- settings.numberInputBackground#0C111A
- settings.numberInputBorder#19212D
- settings.textInputBackground#0C111A
- settings.textInputBorder#19212D
- sideBar.background#03050A
- sideBar.border#00000000
- sideBar.foreground#C0C6CE
- sideBarSectionHeader.background#03050A
- sideBarSectionHeader.border#19212D
- sideBarSectionHeader.foreground#A39B8D
- sideBarTitle.foreground#A39B8D
- statusBar.background#F7B538
- statusBar.border#00000000
- statusBar.debuggingBackground#C32F27
- statusBar.debuggingForeground#FFF1E6
- statusBar.foreground#2B1D06
- statusBar.noFolderBackground#F7B538
- statusBarItem.activeBackground#00000033
- statusBarItem.errorBackground#C32F27
- statusBarItem.errorForeground#FFF1E6
- statusBarItem.hoverBackground#00000022
- statusBarItem.prominentBackground#00000022
- statusBarItem.prominentForeground#2B1D06
- statusBarItem.remoteBackground#472D30
- statusBarItem.remoteForeground#FFE1A8
- statusBarItem.warningBackground#472D30
- statusBarItem.warningForeground#FFE1A8
- tab.activeBackground#05080E
- tab.activeBorder#05080E
- tab.activeBorderTop#F7B538
- tab.activeForeground#FFE1A8
- tab.border#00000000
- tab.hoverBackground#0C111A
- tab.hoverForeground#FFF1E6
- tab.inactiveBackground#03050A
- tab.inactiveForeground#8A8271
- tab.lastPinnedBorder#19212D
- tab.unfocusedActiveForeground#A39B8D
- tab.unfocusedInactiveForeground#8A8271
- terminal.ansiBlack#1B2432
- terminal.ansiBlue#4FBDD1
- terminal.ansiBrightBlack#8A8271
- terminal.ansiBrightBlue#7FD3E2
- terminal.ansiBrightCyan#B5E8F0
- terminal.ansiBrightGreen#C3D492
- terminal.ansiBrightMagenta#E8547B
- terminal.ansiBrightRed#E05146
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFCB63
- terminal.ansiCyan#8FD8E4
- terminal.ansiGreen#ADC178
- terminal.ansiMagenta#C9184A
- terminal.ansiRed#C32F27
- terminal.ansiWhite#FFF1E6
- terminal.ansiYellow#F7B538
- terminal.background#03050A
- terminal.foreground#FFF1E6
- terminal.selectionBackground#F7B53830
- terminalCursor.foreground#ADC178
- testing.iconFailed#C32F27
- testing.iconPassed#ADC178
- testing.iconQueued#F7B538
- testing.iconSkipped#8A8271
- textBlockQuote.background#03050A
- textBlockQuote.border#F7B538
- textCodeBlock.background#03050A
- textLink.activeForeground#FFE1A8
- textLink.foreground#F7B538
- textPreformat.foreground#ADC178
- textSeparator.foreground#19212D
- titleBar.activeBackground#03050A
- titleBar.activeForeground#FFF1E6
- titleBar.border#00000000
- titleBar.inactiveBackground#03050A
- titleBar.inactiveForeground#8A8271
- tree.indentGuidesStroke#19212D
- welcomePage.progress.background#131A25
- welcomePage.progress.foreground#F7B538
- welcomePage.tileBackground#0C111A
- welcomePage.tileHoverBackground#131A25
- widget.border#19212D
- widget.shadow#000000AA
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #8A8271 | italic |
| comment.block.documentation, keyword.other.documentation | #9A9280 | italic |
| variable, variable.other.readwrite, variable.other.object, meta.definition.variable.name, support.variable, string constant.other.placeholder | #FFF1E6 | — |
| variable.other.property, variable.other.object.property, meta.object-literal.key, support.type.property-name | #FFF1E6 | — |
| variable.parameter, meta.function.parameters, variable.parameter.function-call, variable.parameter.js, variable.parameter.keyframe-list.css | #E8547B | italic |
| variable.language, variable.language.this, variable.language.super, variable.parameter.function.language.special | #E8547B | italic |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #E8547B | — |
| constant.numeric, constant.language, constant.character, constant.escape, variable.other.constant, constant.other.php, keyword.other.unit | #4FBDD1 | — |
| constant.other.color, constant.other.rgb-value | #FFF1E6 | — |
| string, string.quoted, string.quoted.double.html, variable.other.object.property.js | #F7B538 | — |
| punctuation.definition.string.begin.html, punctuation.definition.string.end.html | #FFE1A8 | — |
| string.regexp | #FFE1A8 | — |
| constant.character.escape | #FFE1A8 | — |
| keyword, storage, storage.type, storage.modifier, keyword.other | #ADC178 | — |
| keyword, storage | — | italic |
| keyword.control | #E05146 | bold |
| keyword.control.at-rule, punctuation.terminator.rule.css, keyword.control.operator, keyword.operator | #FFF1E6 | — |
| source.scss keyword.control | #ADC178 | — |
| entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, entity.other.inherited-class, constant.other.symbol, constant.other.key | #4FBDD1 | — |
| entity.name.function, support.function, meta.function-call.generic, variable.function | #F7B538 | — |
| entity.name.method.js, tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js, meta.decorator, entity.name.function.decorator | #F7B538 | italic |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #FFF1E6 | — |
| entity.name.tag.html | — | bold |
| punctuation.definition.tag, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #E05146 | — |
| entity.other.attribute-name | #ADC178 | — |
| entity.other.attribute-name.id, entity.other.attribute-name.class, entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element | #FFF1E6 | — |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name | #FFF1E6 | — |
| punctuation, punctuation.separator, punctuation.terminator, punctuation.accessor, meta.brace | #A39B8D | — |
| punctuation.definition.interpolation.begin.bracket.curly.scss, punctuation.definition.interpolation.end.bracket.curly.scss, punctuation.section.embedded, punctuation.definition.template-expression | #F7B538 | — |
| support.type.property-name.json | #FFF1E6 | — |
| *url*, *link*, *uri*, string.other.link, support.other.variable, markup.table | #FFF1E6 | underline |
| text.html.markdown, punctuation.definition.list_item.markdown, text.html.derivative | #FFF1E6 | — |
| markdown.heading, markup.heading, markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown, entity.name.section.markdown | #F7B538 | bold |
| markup.bold | #FFE1A8 | bold |
| markup.italic | #FFF1E6 | italic |
| markup.underline | #F7B538 | underline |
| markup.strike | #8A8271 | strikethrough |
| markup.quote | #A39B8D | italic |
| markup.quote punctuation.definition.blockquote.markdown | #8A8271 | — |
| text.html.markdown markup.inline.raw.markdown, markup.inline.raw | #ADC178 | — |
| punctuation.definition.raw.markdown, punctuation.definition.markdown | #FFE1A8 | — |
| markup.raw.block, markup.fenced_code.block | #ADC178 | — |
| variable.language.fenced.markdown | #8A8271 | italic |
| string.other.link.description.title.markdown, string.other.link.title.markdown, constant.other.reference.link.markdown | #ADC178 | — |
| markup.inserted, meta.diff.header.to-file | #ADC178 | — |
| markup.deleted, meta.diff.header.from-file | #E8547B | — |
| markup.changed, meta.diff.header | #F7B538 | — |
| meta.separator | #A39B8D | bold |
| invalid, invalid.illegal | #E05146 | italic underline |
| invalid.deprecated | #A39B8D | strikethrough |
| token.info-token | #4FBDD1 | — |
| token.warn-token | #F7B538 | — |
| token.error-token | #E05146 | — |
| token.debug-token | #FFE1A8 | — |