Coca Berry Theme

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#C9A1AC
• activityBar.background#442A33
• activityBar.foreground#F6D8BD
• activityBar.inactiveForeground#9A6A78
• activityBarBadge.background#CF4173
• activityBarBadge.foreground#F6D8BD
• badge.background#CF4173
• badge.foreground#F6D8BD
• breadcrumb.activeSelectionForeground#C9A1AC
• breadcrumb.focusForeground#F6D8BD
• breadcrumb.foreground#9A6A78
• button.background#CF4173
• button.foreground#F6D8BD
• button.hoverBackground#E05A82
• button.secondaryBackground#52353F
• button.secondaryForeground#F6D8BD
• button.secondaryHoverBackground#6A4552
• debugToolBar.background#52353F
• descriptionForeground#C9A1AC
• dropdown.background#52353F
• dropdown.border#6A4552
• dropdown.foreground#F6D8BD
• editor.background#3D232D
• editor.findMatchBackground#CF4173
• editor.findMatchHighlightBackground#6A4552
• editor.foreground#F6D8BD
• editor.inactiveSelectionBackground#6A4552
• editor.lineHighlightBackground#4A2A36
• editor.selectionBackground#CF4173
• editorBracketMatch.background#6A4552
• editorBracketMatch.border#F39399
• editorCursor.foreground#F39399
• editorError.foreground#F39399
• editorGroup.background#3D232D
• editorGroup.border#6A4552
• editorGroupHeader.tabsBackground#52353F
• editorGroupHeader.tabsBorder#6A4552
• editorGutter.background#3D232D
• editorHoverWidget.background#52353F
• editorHoverWidget.border#6A4552
• editorIndentGuide.activeBackground#6A4552
• editorIndentGuide.background#52353F
• editorLineNumber.activeForeground#F39399
• editorLineNumber.foreground#9A6A78
• editorOverviewRuler.border#6A4552
• editorRuler.foreground#52353F
• editorSuggestWidget.background#52353F
• editorSuggestWidget.border#6A4552
• editorSuggestWidget.selectedBackground#CF4173
• editorWarning.foreground#E0B060
• editorWhitespace.foreground#6A4552
• editorWidget.background#52353F
• editorWidget.border#6A4552
• editorWidget.resizeBorder#F39399
• errorForeground#F39399
• focusBorder#F39399
• foreground#F6D8BD
• gitDecoration.addedResourceForeground#9BBF7A
• gitDecoration.deletedResourceForeground#F39399
• gitDecoration.ignoredResourceForeground#9A6A78
• gitDecoration.modifiedResourceForeground#E0B060
• gitDecoration.untrackedResourceForeground#9BBF7A
• input.background#3A2430
• input.border#6A4552
• input.foreground#F6D8BD
• inputOption.activeBorder#F39399
• inputValidation.errorBackground#6A4552
• inputValidation.errorBorder#F39399
• inputValidation.infoBackground#52353F
• inputValidation.infoBorder#F39399
• inputValidation.warningBackground#52353F
• inputValidation.warningBorder#E0B060
• link.foreground#C9A1AC
• list.activeSelectionBackground#CF4173
• list.activeSelectionForeground#F6D8BD
• list.dropBackground#6A4552
• list.focusBackground#6A4552
• list.focusForeground#F6D8BD
• list.highlightForeground#F39399
• list.hoverBackground#5D3A46
• list.hoverForeground#F6D8BD
• list.inactiveSelectionBackground#6A4552
• list.inactiveSelectionForeground#F6D8BD
• menu.background#52353F
• menu.foreground#F6D8BD
• menu.selectionBackground#CF4173
• menu.selectionForeground#F6D8BD
• menu.separatorBackground#6A4552
• menubar.selectionForeground#F39399
• panel.background#52353F
• panel.border#6A4552
• panelTitle.activeForeground#F6D8BD
• panelTitle.inactiveForeground#C9A1AC
• progressBar.background#CF4173
• scrollbarSlider.activeBackground#F39399
• scrollbarSlider.background#6A4552
• scrollbarSlider.hoverBackground#9A6A78
• selection.background#CF4173
• sideBar.background#52353F
• sideBar.foreground#F6D8BD
• sideBarSectionHeader.background#5D3A46
• sideBarSectionHeader.border#6A4552
• sideBarSectionHeader.foreground#F6D8BD
• sideBarTitle.foreground#F39399
• statusBar.background#CF4173
• statusBar.debuggingBackground#CF4173
• statusBar.foreground#F6D8BD
• statusBar.noFolderBackground#CF4173
• statusBarItem.hoverBackground#E05A82
• statusBarItem.prominentBackground#A83860
• statusBarItem.prominentHoverBackground#E05A82
• statusBarItem.remoteBackground#A83860
• statusBarItem.remoteForeground#F6D8BD
• tab.activeBackground#3D232D
• tab.activeBorder#C9A1AC
• tab.activeForeground#F6D8BD
• tab.border#6A4552
• tab.inactiveBackground#52353F
• tab.inactiveForeground#C9A1AC
• tab.unfocusedActiveForeground#F6D8BD
• tab.unfocusedInactiveForeground#C9A1AC
• terminal.background#3D232D
• terminal.foreground#F6D8BD
• terminal.selectionBackground#CF4173
• terminalCursor.foreground#F39399
• textBlockQuote.background#4A2A36
• textBlockQuote.border#6A4552
• textCodeBlock.background#4A2A36
• textLink.foreground#C9A1AC
• textPreformat.foreground#F6D8BD
• titleBar.activeBackground#442A33
• titleBar.activeForeground#F6D8BD
• titleBar.border#6A4552
• titleBar.inactiveBackground#3D232D
• titleBar.inactiveForeground#9A6A78
• toolbar.activeBackground#6A4552
• toolbar.hoverBackground#5D3A46
• walkThrough.embeddedEditorBackground#52353F

tokenColors

TextMate scopes and font styles (syntax highlighting rules).