Kokedera Theme
Publisher: 7th-LayerThemes in package: 9
Nine hand-tuned color themes inspired by forest greens, weathered stone, and warm lantern light — seven dark palettes and two light palettes.
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#ece9d840
- activityBar.activeBorder#2e7d32
- activityBar.background#f4f2e6
- activityBar.border#dedbc9
- activityBar.foreground#333f2c
- activityBar.inactiveForeground#9aa48c
- activityBarBadge.background#2e7d32
- activityBarBadge.foreground#f4f2e6
- badge.background#d6d3bd
- badge.foreground#333f2c
- banner.background#e2dfcd
- banner.foreground#333f2c
- banner.iconForeground#3b8a3c
- breadcrumb.activeSelectionForeground#333f2c
- breadcrumb.focusForeground#333f2c
- breadcrumb.foreground#6b7a5e
- breadcrumbPicker.background#ece9d8
- button.background#d9e4c8
- button.border#2e7d3260
- button.foreground#333f2c
- button.hoverBackground#cdddb8
- button.secondaryBackground#e2dfcd
- button.secondaryForeground#333f2c
- button.secondaryHoverBackground#e0ddc8
- charts.blue#1d7a5c
- charts.foreground#333f2c
- charts.green#349a3c
- charts.lines#6b7a5e
- charts.orange#99541d
- charts.purple#7a4fa8
- charts.red#b03a3a
- charts.yellow#87691a
- checkbox.background#ece9d8
- checkbox.border#d5d2c0
- checkbox.foreground#333f2c
- checkbox.selectBackground#2e7d32
- commandCenter.activeBackground#e0ddc8
- commandCenter.activeForeground#333f2c
- commandCenter.background#edeadb
- commandCenter.border#dedbc9
- commandCenter.foreground#333f2c
- debugConsole.errorForeground#b03a3a
- debugConsole.infoForeground#6b7a5e
- debugConsole.sourceForeground#333f2c
- debugConsole.warningForeground#87691a
- debugConsoleInputIcon.foreground#3b8a3c
- debugIcon.breakpointDisabledForeground#b03a3a60
- debugIcon.breakpointForeground#b03a3a
- debugIcon.continueForeground#349a3c
- debugIcon.pauseForeground#87691a
- debugIcon.restartForeground#349a3c
- debugIcon.startForeground#349a3c
- debugIcon.stepIntoForeground#1d7a5c
- debugIcon.stepOutForeground#1d7a5c
- debugIcon.stepOverForeground#1d7a5c
- debugIcon.stopForeground#b03a3a
- debugToolBar.background#ece9d8
- debugToolBar.border#d5d2c0
- descriptionForeground#6b7a5e
- diffEditor.diagonalFill#dedbc940
- diffEditor.insertedLineBackground#349a3c10
- diffEditor.insertedTextBackground#349a3c15
- diffEditor.removedLineBackground#b03a3a10
- diffEditor.removedTextBackground#b03a3a15
- dropdown.background#ece9d8
- dropdown.border#d5d2c0
- dropdown.foreground#333f2c
- dropdown.listBackground#ece9d8
- editor.background#f4f2e6
- editor.findMatchBackground#75641a40
- editor.findMatchBorder#75641a80
- editor.findMatchHighlightBackground#75641a25
- editor.foldBackground#ece9d840
- editor.foreground#333f2c
- editor.hoverHighlightBackground#e0ddc840
- editor.inactiveSelectionBackground#e0ddc880
- editor.lineHighlightBackground#00000008
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#ece9d840
- editor.selectionBackground#e0ddc8
- editor.selectionHighlightBackground#e0ddc840
- editor.wordHighlightBackground#a5cf9a25
- editor.wordHighlightStrongBackground#a5cf9a40
- editorBracketHighlight.foreground1#2e7d32
- editorBracketHighlight.foreground2#1d7a5c
- editorBracketHighlight.foreground3#75641a
- editorBracketHighlight.foreground4#99541d
- editorBracketHighlight.foreground5#487612
- editorBracketHighlight.foreground6#87691a
- editorBracketHighlight.unexpectedBracket.foreground#b03a3a
- editorBracketMatch.background#d6d3bd40
- editorBracketMatch.border#2e7d3280
- editorCursor.background#f4f2e6
- editorCursor.foreground#27ae37
- editorError.foreground#b03a3a
- editorGroup.border#dedbc9
- editorGroup.dropBackground#e0ddc840
- editorGroupHeader.noTabsBackground#edeadb
- editorGroupHeader.tabsBackground#f4f2e6
- editorGroupHeader.tabsBorder#dedbc9
- editorGutter.addedBackground#349a3c
- editorGutter.background#f4f2e6
- editorGutter.deletedBackground#b03a3a
- editorGutter.foldingControlForeground#6b7a5e
- editorGutter.modifiedBackground#87691a
- editorHint.foreground#9aa48c
- editorHoverWidget.background#ece9d8
- editorHoverWidget.border#d5d2c0
- editorHoverWidget.foreground#333f2c
- editorIndentGuide.activeBackground#a8a492
- editorIndentGuide.background#dedbc9
- editorInfo.foreground#1d7a5c
- editorLightBulb.foreground#87691a
- editorLightBulbAutoFix.foreground#349a3c
- editorLineNumber.activeForeground#3b8a3c
- editorLineNumber.foreground#a8a492
- editorOverviewRuler.addedForeground#349a3c
- editorOverviewRuler.border#dedbc9
- editorOverviewRuler.deletedForeground#b03a3a
- editorOverviewRuler.errorForeground#b03a3a
- editorOverviewRuler.findMatchForeground#75641a80
- editorOverviewRuler.infoForeground#1d7a5c
- editorOverviewRuler.modifiedForeground#87691a
- editorOverviewRuler.warningForeground#87691a
- editorRuler.foreground#dedbc9
- editorStickyScroll.background#edeadb
- editorStickyScrollHover.background#ece9d8
- editorSuggestWidget.background#ece9d8
- editorSuggestWidget.focusHighlightForeground#3b8a3c
- editorSuggestWidget.foreground#333f2c
- editorSuggestWidget.highlightForeground#3b8a3c
- editorSuggestWidget.selectedBackground#e0ddc8
- editorSuggestWidget.selectedForeground#333f2c
- editorWarning.foreground#87691a
- editorWhitespace.foreground#d5d2c0
- editorWidget.background#ece9d8
- editorWidget.border#d5d2c0
- editorWidget.foreground#333f2c
- errorForeground#b03a3a
- focusBorder#2e7d3280
- foreground#333f2c
- gitDecoration.addedResourceForeground#349a3c
- gitDecoration.conflictingResourceForeground#87691a
- gitDecoration.deletedResourceForeground#b03a3a
- gitDecoration.ignoredResourceForeground#a8a492
- gitDecoration.modifiedResourceForeground#87691a
- gitDecoration.renamedResourceForeground#1d7a5c
- gitDecoration.stageDeletedResourceForeground#b03a3a
- gitDecoration.stageModifiedResourceForeground#87691a
- gitDecoration.submoduleResourceForeground#1d7a5c
- gitDecoration.untrackedResourceForeground#349a3c
- icon.foreground#6b7a5e
- input.background#ece9d8
- input.border#d5d2c0
- input.foreground#333f2c
- input.placeholderForeground#9aa48c
- inputOption.activeBackground#2e7d3240
- inputOption.activeBorder#2e7d32
- inputOption.activeForeground#333f2c
- inputValidation.errorBackground#b03a3a20
- inputValidation.errorBorder#b03a3a60
- inputValidation.infoBackground#1d7a5c20
- inputValidation.infoBorder#1d7a5c60
- inputValidation.warningBackground#87691a20
- inputValidation.warningBorder#87691a60
- keybindingLabel.background#e2dfcd40
- keybindingLabel.border#d5d2c060
- keybindingLabel.bottomBorder#d5d2c080
- keybindingLabel.foreground#333f2c
- list.activeSelectionBackground#e0ddc8
- list.activeSelectionForeground#333f2c
- list.dropBackground#e0ddc840
- list.errorForeground#b03a3a
- list.filterMatchBackground#75641a40
- list.filterMatchBorder#75641a80
- list.focusBackground#e0ddc8
- list.focusForeground#333f2c
- list.focusOutline#2e7d3280
- list.highlightForeground#3b8a3c
- list.hoverBackground#ece9d8
- list.hoverForeground#333f2c
- list.inactiveSelectionBackground#e2dfcd
- list.inactiveSelectionForeground#333f2c
- list.warningForeground#87691a
- menu.background#ece9d8
- menu.border#d5d2c0
- menu.foreground#333f2c
- menu.selectionBackground#e0ddc8
- menu.selectionForeground#333f2c
- menu.separatorBackground#dedbc9
- menubar.selectionBackground#e0ddc8
- menubar.selectionForeground#333f2c
- merge.border#d5d2c0
- merge.currentContentBackground#349a3c15
- merge.currentHeaderBackground#349a3c30
- merge.incomingContentBackground#1d7a5c15
- merge.incomingHeaderBackground#1d7a5c30
- minimap.background#f4f2e6
- minimap.errorHighlight#b03a3a80
- minimap.findMatchHighlight#75641a60
- minimap.selectionHighlight#e0ddc880
- minimap.warningHighlight#87691a80
- minimapGutter.addedBackground#349a3c
- minimapGutter.deletedBackground#b03a3a
- minimapGutter.modifiedBackground#87691a
- minimapSlider.activeBackground#a8a49260
- minimapSlider.background#a8a49220
- minimapSlider.hoverBackground#a8a49240
- notificationCenter.border#d5d2c0
- notificationLink.foreground#3b8a3c
- notifications.background#ece9d8
- notifications.border#d5d2c0
- notifications.foreground#333f2c
- notificationsErrorIcon.foreground#b03a3a
- notificationsInfoIcon.foreground#1d7a5c
- notificationsWarningIcon.foreground#87691a
- panel.background#edeadb
- panel.border#dedbc9
- panel.dropBorder#2e7d32
- panelSection.border#dedbc9
- panelSectionHeader.background#ece9d8
- panelTitle.activeBorder#2e7d32
- panelTitle.activeForeground#333f2c
- panelTitle.inactiveForeground#6b7a5e
- peekView.border#2e7d32
- peekViewEditor.background#edeadb
- peekViewEditor.matchHighlightBackground#75641a40
- peekViewResult.background#ece9d8
- peekViewResult.fileForeground#333f2c
- peekViewResult.lineForeground#6b7a5e
- peekViewResult.matchHighlightBackground#75641a40
- peekViewResult.selectionBackground#e0ddc8
- peekViewResult.selectionForeground#333f2c
- peekViewTitle.background#ece9d8
- peekViewTitleDescription.foreground#6b7a5e
- peekViewTitleLabel.foreground#333f2c
- progressBar.background#2e7d32
- scrollbar.shadow#6b675380
- scrollbarSlider.activeBackground#a8a492a0
- scrollbarSlider.background#a8a49240
- scrollbarSlider.hoverBackground#a8a49280
- selection.background#e0ddc880
- settings.checkboxBackground#ece9d8
- settings.checkboxBorder#d5d2c0
- settings.checkboxForeground#333f2c
- settings.dropdownBackground#ece9d8
- settings.dropdownBorder#d5d2c0
- settings.dropdownForeground#333f2c
- settings.focusedRowBackground#ece9d860
- settings.focusedRowBorder#2e7d3240
- settings.headerForeground#333f2c
- settings.modifiedItemIndicator#2e7d32
- settings.numberInputBackground#ece9d8
- settings.numberInputBorder#d5d2c0
- settings.numberInputForeground#333f2c
- settings.rowHoverBackground#ece9d840
- settings.textInputBackground#ece9d8
- settings.textInputBorder#d5d2c0
- settings.textInputForeground#333f2c
- sideBar.background#edeadb
- sideBar.border#dedbc9
- sideBar.dropBackground#e0ddc840
- sideBar.foreground#333f2c
- sideBarSectionHeader.background#ece9d8
- sideBarSectionHeader.border#dedbc9
- sideBarSectionHeader.foreground#333f2c
- sideBarTitle.foreground#333f2c
- statusBar.background#edeadb
- statusBar.border#dedbc9
- statusBar.debuggingBackground#99541d
- statusBar.debuggingForeground#f4f2e6
- statusBar.foreground#6b7a5e
- statusBar.noFolderBackground#ece9d8
- statusBar.noFolderForeground#6b7a5e
- statusBarItem.activeBackground#d6d3bd
- statusBarItem.errorBackground#b03a3a
- statusBarItem.errorForeground#333f2c
- statusBarItem.hoverBackground#e0ddc8
- statusBarItem.prominentBackground#e2dfcd
- statusBarItem.prominentHoverBackground#e0ddc8
- statusBarItem.remoteBackground#2e7d32
- statusBarItem.remoteForeground#f4f2e6
- statusBarItem.warningBackground#87691a
- statusBarItem.warningForeground#f4f2e6
- tab.activeBackground#ece9d8
- tab.activeBorderTop#2e7d32
- tab.activeForeground#333f2c
- tab.activeModifiedBorder#87691a
- tab.border#f4f2e6
- tab.hoverBackground#ece9d8
- tab.hoverForeground#333f2c
- tab.inactiveBackground#f4f2e6
- tab.inactiveForeground#6b7a5e
- tab.inactiveModifiedBorder#87691a80
- tab.lastPinnedBorder#d5d2c0
- terminal.ansiBlack#ece9d8
- terminal.ansiBlue#1d7a5c
- terminal.ansiBrightBlack#a8a492
- terminal.ansiBrightBlue#2e8a6e
- terminal.ansiBrightCyan#4a8a7a
- terminal.ansiBrightGreen#3b8a3c
- terminal.ansiBrightMagenta#8a5fb8
- terminal.ansiBrightRed#c25050
- terminal.ansiBrightWhite#222b1c
- terminal.ansiBrightYellow#75641a
- terminal.ansiCyan#3d7a6c
- terminal.ansiGreen#349a3c
- terminal.ansiMagenta#7a4fa8
- terminal.ansiRed#b03a3a
- terminal.ansiWhite#333f2c
- terminal.ansiYellow#87691a
- terminal.background#f4f2e6
- terminal.border#dedbc9
- terminal.foreground#333f2c
- terminal.selectionBackground#e0ddc8
- terminal.tab.activeBorder#2e7d32
- terminalCursor.background#f4f2e6
- terminalCursor.foreground#27ae37
- testing.iconErrored#b03a3a
- testing.iconFailed#b03a3a
- testing.iconPassed#349a3c
- testing.iconQueued#6b7a5e
- testing.iconSkipped#87691a
- testing.iconUnset#9aa48c
- testing.runAction#349a3c
- textBlockQuote.background#ece9d8
- textBlockQuote.border#2e7d32
- textCodeBlock.background#ece9d8
- textLink.activeForeground#27ae37
- textLink.foreground#3b8a3c
- textPreformat.foreground#75641a
- titleBar.activeBackground#f4f2e6
- titleBar.activeForeground#333f2c
- titleBar.border#dedbc9
- titleBar.inactiveBackground#f7f5ec
- titleBar.inactiveForeground#6b7a5e
- toolbar.activeBackground#d6d3bd
- toolbar.hoverBackground#e0ddc8
- tree.indentGuidesStroke#dedbc9
- tree.tableOddRowsBackground#f0ede0
- walkThrough.embeddedEditorBackground#edeadb
- welcomePage.background#f4f2e6
- welcomePage.progress.foreground#2e7d32
- welcomePage.tileBackground#ece9d8
- welcomePage.tileBorder#dedbc9
- welcomePage.tileHoverBackground#e2dfcd
- widget.shadow#6b675380
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #828e6e | italic |
| comment.block.documentation, comment.block.javadoc | #78846a | italic |
| comment.block.documentation storage.type, comment.block.javadoc keyword, comment.block.documentation punctuation.definition | #6b7a5e | bold italic |
| keyword, keyword.control, keyword.operator.new, keyword.operator.delete, keyword.operator.expression, keyword.operator.typeof, keyword.operator.instanceof, storage.type, storage.modifier | #2e7d32 | — |
| string, string.quoted, string.template | #75641a | — |
| constant.character.escape | #7a4fa8 | bold |
| string.regexp | #7a4fa8 | — |
| string.interpolated, punctuation.definition.template-expression, punctuation.section.embedded | #75641a | italic |
| constant.numeric, constant.language, constant.character | #99541d | — |
| constant.language.boolean | #99541d | bold |
| entity.name.function, support.function, meta.function-call entity.name.function | #487612 | — |
| variable.parameter | #4a6b2e | — |
| entity.name.type, entity.name.class, entity.other.inherited-class, support.type, support.class, entity.name.namespace, entity.name.module | #1d7a5c | — |
| support.type.builtin, support.type.primitive | #1d7a5c | italic |
| entity.name.type.interface | #1d7a5c | — |
| entity.name.type.enum | #1d7a5c | — |
| variable, variable.other, variable.other.readwrite | #4a6b2e | — |
| variable.other.constant, variable.other.enummember | #99541d | — |
| variable.language.this, variable.language.self, variable.language.super | #3b8a3c | italic |
| variable.other.property, variable.other.object.property, support.variable.property | #4a6b2e | — |
| keyword.operator, punctuation.accessor, punctuation.separator | #6b7a5e | — |
| punctuation.definition.block, punctuation.definition.parameters, punctuation.definition.arguments, punctuation.definition.array, punctuation.section, meta.brace | #6b7a5e | — |
| meta.decorator, meta.annotation, storage.type.annotation, punctuation.decorator | #487612 | — |
| entity.name.label | #3b8a3c | — |
| entity.name.tag, punctuation.definition.tag | #2e7d32 | — |
| entity.other.attribute-name | #487612 | — |
| string.quoted.double.html, string.quoted.single.html | #75641a | — |
| support.type.property-name.css, meta.property-name.css | #3b8a3c | — |
| support.constant.property-value.css, meta.property-value.css | #4a6b2e | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #487612 | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #1d7a5c | — |
| keyword.other.unit.css | #99541d | — |
| support.type.property-name.json | #3b8a3c | — |
| string.quoted.double.json | #75641a | — |
| entity.name.tag.yaml | #3b8a3c | — |
| string.unquoted.plain.out.yaml, string.quoted.single.yaml, string.quoted.double.yaml | #75641a | — |
| entity.name.type.anchor.yaml, punctuation.definition.anchor.yaml, variable.other.alias.yaml | #1d7a5c | — |
| markup.heading, entity.name.section | #2e7d32 | bold |
| markup.bold | #333f2c | bold |
| markup.italic | #333f2c | italic |
| markup.bold markup.italic, markup.italic markup.bold | — | bold italic |
| markup.inline.raw, markup.fenced_code, markup.raw.block | #75641a | — |
| markup.underline.link | #1d7a5c | italic |
| string.other.link | #3d7a6c | — |
| punctuation.definition.list.begin.markdown | #3b8a3c | — |
| markup.quote | #6b7a5e | italic |
| markup.inserted | #349a3c | — |
| markup.deleted | #b03a3a | — |
| markup.changed | #87691a | — |
| invalid, invalid.illegal | #b03a3a | — |
| invalid.deprecated | #6b7a5e | strikethrough |
| emphasis | — | italic |
| strong | — | bold |