Kintsugi
Publisher: Ahmed HatemThemes in package: 4
A sophisticated theme for the discerning developer, inspired by the Japanese art of Kintsugi. Available in dark and light variants.
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.activeBorder#b8943a
- activityBar.background#131314
- activityBar.border#2a2a28
- activityBar.foreground#c9c4b8
- activityBar.inactiveForeground#969b8c80
- activityBarBadge.background#b8943a
- activityBarBadge.foreground#131314
- badge.background#20201f
- badge.foreground#969b8c
- breadcrumb.activeSelectionForeground#dbad49
- breadcrumb.background#161618
- breadcrumb.focusForeground#c9c4b8
- breadcrumb.foreground#75715e
- breadcrumbPicker.background#151515
- button.background#3e3b2c
- button.border#3e3b2c
- button.foreground#dddddd
- button.hoverBackground#4b4735
- button.secondaryBackground#32332b
- button.secondaryForeground#969b8c
- button.secondaryHoverBackground#3e3b2c
- checkbox.background#292928
- checkbox.border#2a2a28
- checkbox.foreground#dddddd
- debugConsole.errorForeground#b38f8f
- debugConsole.infoForeground#8fa3b3
- debugConsole.warningForeground#ebcb8b
- debugIcon.continueForeground#a3be8c
- debugIcon.disconnectForeground#b38f8f
- debugIcon.pauseForeground#8fa3b3
- debugIcon.restartForeground#a3be8c
- debugIcon.startForeground#a3be8c
- debugIcon.stepIntoForeground#8fa3b3
- debugIcon.stepOutForeground#8fa3b3
- debugIcon.stepOverForeground#8fa3b3
- debugIcon.stopForeground#b38f8f
- debugToolBar.background#20201f
- diffEditor.border#2a2a28
- diffEditor.diagonalFill#2a2a28
- diffEditor.insertedLineBackground#a3be8c10
- diffEditor.insertedTextBackground#a3be8c20
- diffEditor.removedLineBackground#b38f8f10
- diffEditor.removedTextBackground#b38f8f20
- diffEditor.unchangedCodeBackground#131314
- diffEditor.unchangedRegionBackground#1a1a1d
- diffEditor.unchangedRegionForeground#75715e
- diffEditorGutter.insertedLineBackground#a3be8c40
- diffEditorGutter.removedLineBackground#b38f8f40
- disabledForeground#75715e80
- dropdown.background#292928
- dropdown.border#2a2a28
- dropdown.listBackground#20201f
- editor.background#161618
- editor.findMatchBackground#6c7a8a40
- editor.findMatchBorder#b8943a80
- editor.findMatchHighlightBackground#6c7a8a20
- editor.findMatchHighlightBorder#ebcb8b
- editor.findRangeHighlightBackground#6c7a8a10
- editor.foldBackground#1f1f1f
- editor.foreground#dddddd
- editor.inactiveSelectionBackground#6c7a8a08
- editor.lineHighlightBackground#1d1d1c
- editor.rangeHighlightBorder#b8943a40
- editor.selectionBackground#6c7a8a30
- editor.selectionForeground#dddddd
- editor.selectionHighlightBackground#6c7a8a15
- editor.selectionHighlightBorder#6c7a8a50
- editor.wordHighlightBackground#6c7a8a30
- editor.wordHighlightBorder#5a687530
- editor.wordHighlightStrongBackground#6c7a8a50
- editor.wordHighlightStrongBorder#5a687540
- editor.wordHighlightTextBackground#6c7a8a20
- editor.wordHighlightTextBorder#5a687520
- editorBracketHighlight.foreground1#868165E6
- editorBracketHighlight.foreground2#868165B3
- editorBracketHighlight.foreground3#86816580
- editorBracketHighlight.foreground4#868165E6
- editorBracketHighlight.foreground5#868165B3
- editorBracketHighlight.foreground6#86816580
- editorBracketHighlight.unexpectedBracket.foreground#b38f8f
- editorBracketMatch.background#6c7a8a50
- editorBracketMatch.border#2a2a28
- editorCodeLens.foreground#75715e
- editorCursor.background#0e0e0e
- editorCursor.foreground#d4a943
- editorError.border#8b6b6b50
- editorError.foreground#b38f8f
- editorGroup.border#2a2a28
- editorGroup.dropBackground#43413980
- editorGroupHeader.border#2a2a28
- editorGroupHeader.noTabsBackground#131314
- editorGroupHeader.tabsBackground#131314
- editorGroupHeader.tabsBorder#2a2a28
- editorGutter.addedBackground#a3be8c
- editorGutter.addedSecondaryBackground#a3be8c60
- editorGutter.background#161618
- editorGutter.commentRangeForeground#75715e
- editorGutter.deletedBackground#b38f8f
- editorGutter.deletedSecondaryBackground#b38f8f60
- editorGutter.foldingControlForeground#c9c4b8
- editorGutter.itemBackground#32332b
- editorGutter.itemGlyphForeground#dddddd
- editorGutter.modifiedBackground#ebcb8b
- editorGutter.modifiedSecondaryBackground#ebcb8b60
- editorHint.foreground#a3be8c
- editorHoverWidget.background#1c1c1c
- editorHoverWidget.border#3a3a37
- editorHoverWidget.foreground#c9c4b8
- editorHoverWidget.highlightForeground#dddddd
- editorIndentGuide.activeBackground1#47454130
- editorIndentGuide.background1#47454130
- editorInfo.border#6b7b8b50
- editorInfo.foreground#6c7a8a
- editorInlayHint.background#2a2a28
- editorInlayHint.foreground#dbac35
- editorInlayHint.typeBackground#2a2a28
- editorInlayHint.typeForeground#dbac35
- editorLineNumber.activeForeground#b4aa60
- editorLineNumber.dimmedForeground#444444
- editorLineNumber.foreground#444444
- editorRuler.foreground#1f1f1f
- editorSuggestWidget.background#151616cc
- editorSuggestWidget.border#75715e30
- editorSuggestWidget.foreground#c9c4b8
- editorSuggestWidget.selectedForeground#dddddd
- editorUnnecessaryCode.border#ffd900
- editorUnnecessaryCode.opacity#000000aa
- editorWarning.border#8b8b6b50
- editorWarning.foreground#ebcb8b
- editorWhitespace.foreground#47454150
- editorWidget.background#151515
- editorWidget.border#2a2a28
- editorWidget.foreground#c9c4b8
- editorWidget.resizeBorder#2a2a28
- extensionButton.prominentBackground#3e3b2c
- extensionButton.prominentForeground#dddddd
- extensionButton.prominentHoverBackground#4b4735
- focusBorder#b8943a
- gitDecoration.addedResourceForeground#a3be8c
- gitDecoration.conflictingResourceForeground#b38f8f
- gitDecoration.deletedResourceForeground#b38f8f
- gitDecoration.ignoredResourceForeground#75715e
- gitDecoration.modifiedResourceForeground#ebcb8b
- gitDecoration.untrackedResourceForeground#a3be8c
- icon.foreground#c9c4b8
- input.background#20201f
- input.border#2a2a28
- input.foreground#dddddd
- input.placeholderForeground#75715e80
- inputOption.activeBorder#2a2a28
- inputValidation.errorBackground#b38f8f20
- inputValidation.errorBorder#b38f8f
- inputValidation.infoBackground#6c7a8a20
- inputValidation.infoBorder#6c7a8a
- inputValidation.warningBackground#ebcb8b20
- inputValidation.warningBorder#ebcb8b
- list.activeSelectionBackground#393b31
- list.activeSelectionForeground#dddddd
- list.dropBackground#414339
- list.dropBetweenBackground#dbac35
- list.errorForeground#b38f8f
- list.focusBackground#393b31
- list.focusForeground#dddddd
- list.focusHighlightForeground#dddddd
- list.focusOutline#2a2a28
- list.highlightForeground#dddddd
- list.hoverBackground#2a2a2850
- list.hoverForeground#c9c4b8
- list.inactiveSelectionBackground#32332b
- list.inactiveSelectionForeground#969b8c
- list.warningForeground#ebcb8b
- menu.background#131314
- menu.border#2a2a28
- menu.foreground#dddddd
- menu.selectionBackground#dbac3599
- menu.selectionForeground#dddddd
- menu.separatorBackground#2a2a28
- minimap.background#131314cc
- minimap.errorHighlight#b38f8f80
- minimap.findMatchHighlight#b8943a60
- minimap.foregroundOpacity#c9c4b880
- minimap.selectionHighlight#75715e60
- minimap.selectionOccurrenceHighlight#6c7a8a60
- minimap.warningHighlight#ebcb8b80
- notebook.cellBorderColor#32332b
- notebook.focusedCellBorder#b8943a
- notebook.focusedEditorBorder#b8943a
- notebook.selectedCellBackground#32332b
- notificationCenter.border#2a2a28
- notificationCenterHeader.background#131314
- notificationCenterHeader.foreground#c9c4b8
- notificationLink.foreground#b8943a
- notifications.background#151515
- notifications.border#2a2a28
- notifications.foreground#c9c4b8
- notificationsErrorIcon.foreground#b38f8f
- notificationsInfoIcon.foreground#8fa3b3
- notificationsWarningIcon.foreground#ebcb8b
- notificationToast.border#2a2a28
- panel.background#131314
- panel.border#2a2a28
- panelSection.border#20201f
- panelSectionHeader.background#111111
- panelTitle.activeBorder#dbad35
- panelTitle.activeForeground#c5c5c0
- panelTitle.inactiveForeground#75715e
- peekView.border#4d4d47
- peekViewEditor.background#1f1f1e
- peekViewEditor.matchHighlightBackground#373a33
- peekViewResult.background#252523
- peekViewResult.fileForeground#c9c4b8
- peekViewResult.lineForeground#75715e
- peekViewResult.matchHighlightBackground#373a33
- peekViewResult.selectionBackground#414339
- peekViewTitle.background#151515
- peekViewTitleLabel.foreground#c9c4b8
- pickerGroup.foreground#75715e
- ports.iconRunningProcessForeground#ccccc7
- problemsErrorIcon.foreground#b38f8f
- problemsInfoIcon.foreground#6c7a8a
- problemsWarningIcon.foreground#ebcb8b
- progressBar.background#75715e
- quickInput.background#151515
- quickInputList.focusBackground#dbac3599
- sash.hoverBorder#b8943a
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#b8943a50
- scrollbarSlider.background#33352d90
- scrollbarSlider.hoverBackground#75715e80
- selection.background#91918780
- settings.checkboxBackground#2b2c27
- settings.focusedRowBackground#1d1d1c
- settings.focusedRowBorder#b8943a
- settings.headerForeground#c9c4b8
- settings.rowHoverBackground#00000000
- sideBar.background#131314
- sideBar.border#2a2a28
- sideBarSectionHeader.background#131314
- sideBarSectionHeader.border#2a2a28
- sideBarSectionHeader.foreground#969b8c
- sideBarTitle.foreground#969b8c
- statusBar.background#131314
- statusBar.border#2a2a28
- statusBar.debuggingBackground#61502c
- statusBar.debuggingForeground#dddddd
- statusBar.focusBorder#b8943a
- statusBar.foreground#969b8c
- statusBar.noFolderBackground#20201f
- statusBarItem.errorBackground#b38f8f
- statusBarItem.errorForeground#131314
- statusBarItem.hoverBackground#2a2a2850
- statusBarItem.hoverForeground#c9c4b8
- statusBarItem.remoteBackground#dbac350f
- statusBarItem.remoteForeground#dbac35
- statusBarItem.warningBackground#ebcb8b
- statusBarItem.warningForeground#131314
- tab.activeBackground#161618
- tab.activeBorder#161618
- tab.activeBorderTop#2a2a2800
- tab.activeForeground#dddddd
- tab.border#2a2a28
- tab.hoverBackground#2a2a2880
- tab.hoverForeground#dddddd
- tab.inactiveBackground#1a1a1d
- tab.inactiveForeground#ccccc7
- tab.lastPinnedBorder#414339
- tab.unfocusedActiveBorder#161618
- tab.unfocusedActiveForeground#969b8c
- tab.unfocusedHoverBackground#252723
- tab.unfocusedHoverForeground#c9c4b8
- tab.unfocusedInactiveForeground#75715e
- terminal.ansiBlack#131314
- terminal.ansiBlue#6c7a8a
- terminal.ansiBrightBlack#444444
- terminal.ansiBrightBlue#8fa3b3
- terminal.ansiBrightCyan#8ac6f2
- terminal.ansiBrightGreen#c3de9c
- terminal.ansiBrightMagenta#d3a3d3
- terminal.ansiBrightRed#d9a6a6
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#fbe4a8
- terminal.ansiCyan#6ac6f2
- terminal.ansiGreen#a3be8c
- terminal.ansiMagenta#b3a3d3
- terminal.ansiRed#b38f8f
- terminal.ansiWhite#dddddd
- terminal.ansiYellow#ebcb8b
- terminal.background#131314
- terminal.border#2a2a28
- terminal.foreground#cacac2
- terminal.selectionForeground#dddddd
- testing.iconErrored#b38f8f
- testing.iconFailed#b38f8f
- testing.iconPassed#a3be8c
- testing.iconQueued#ebcb8b
- testing.iconSkipped#969b8c
- testing.iconUnset#969b8c
- testing.runAction#a3be8c
- textLink.activeForeground#8fa3b3
- textLink.foreground#8fa3b3
- titleBar.activeBackground#131314
- titleBar.activeForeground#c9c4b8
- titleBar.border#2a2a28
- titleBar.inactiveBackground#131314
- titleBar.inactiveForeground#75715e
- tree.inactiveIndentGuidesStroke#56565320
- tree.indentGuidesStroke#56565330
- welcomePage.tileBackground#20201f
- welcomePage.tileBorder#2a2a28
- welcomePage.tileHoverBackground#292928
- widget.border#2a2a28
- widget.shadow#00000098
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| text, source, variable, meta.macro, keyword.symbol, keyword.operator, meta.property-name, constant.character, entity.name.variable, entity.name.function | #dddddd | — |
| comment, string.comment | #af9661 | |
| string, string.template, punctuation.definition.string | #98c379 | — |
| constant.numeric | #819aff | — |
| keyword, storage.modifier, storage.type, keyword.operator.new, keyword.operator.expression.typeof.js, entity.name.function.macro, keyword.type.go, keyword.operator.sizeof.c, variable.language.self.rust, variable.language.this | #DBAD49 | bold |
| support, entity.name, constant.language, constant.other.placeholder, punctuation.definition.interpolation | #939799 | — |
| storage.type.annotation.java | #678E87 | |
| entity.name.function.preprocessor, entity.name.other.preprocessor.macro.predefined | — | bold |
| invalid | #b38f8f | bold |
| string.detected-link | — | underline |
| meta.diff, meta.diff.header | #75715E | — |
| markup.deleted | #b38f8f | — |
| markup.inserted | #a3be8c | — |
| markup.changed | #ebcb8b | — |
| entity.name.filename.find-in-files | #ebcb8b | — |
| markup.bold, markup.heading.markdown | — | bold |
| markup.italic | — | italic |
| markup.block.raw, markup.inline.raw | #939799 | — |
| punctuation, delimiter, bracket, brace, paren, delimiter.tag, punctuation.tag, tag.html, tag.xml, meta.property-value punctuation.separator.key-value,punctuation.definition.metadata.md, string.link.md, meta.brace | #868165 | — |