Kintsugi
Publisher: Ahmed HatemThemes in package: 8
A sophisticated theme for the discerning developer, inspired by the Japanese art of Kintsugi. Eight variants: dark and light, each with a Flared syntax twin and a Clay interface twin.
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#9a7820
- activityBar.background#fbf8f1
- activityBar.border#ddd6c5
- activityBar.foreground#1e1d1a
- activityBar.inactiveForeground#92907c80
- activityBarBadge.background#9a7820
- activityBarBadge.foreground#f6f2e9
- badge.background#eae4d6
- badge.foreground#5f5b4c
- breadcrumb.activeSelectionForeground#9a7820
- breadcrumb.background#f6f2e9
- breadcrumb.focusForeground#1e1d1a
- breadcrumb.foreground#807b6a
- breadcrumbPicker.background#fbf8f1
- button.background#c8c0a0
- button.border#b8b098
- button.foreground#1e1d1a
- button.hoverBackground#c0b79f
- button.secondaryBackground#ede8db
- button.secondaryForeground#5f5b4c
- button.secondaryHoverBackground#c8c4b8
- checkbox.background#eae4d6
- checkbox.border#ddd6c5
- checkbox.foreground#1e1d1a
- debugConsole.errorForeground#8a4040
- debugConsole.infoForeground#5a6870
- debugConsole.warningForeground#8a7830
- debugIcon.continueForeground#4a7a30
- debugIcon.disconnectForeground#8a4040
- debugIcon.pauseForeground#5a6870
- debugIcon.restartForeground#4a7a30
- debugIcon.startForeground#4a7a30
- debugIcon.stepIntoForeground#5a6870
- debugIcon.stepOutForeground#5a6870
- debugIcon.stepOverForeground#5a6870
- debugIcon.stopForeground#8a4040
- debugToolBar.background#eae4d6
- diffEditor.border#ddd6c5
- diffEditor.diagonalFill#ddd6c5
- diffEditor.insertedLineBackground#4a7a3010
- diffEditor.insertedTextBackground#4a7a3020
- diffEditor.removedLineBackground#8a404010
- diffEditor.removedTextBackground#8a404020
- diffEditor.unchangedCodeBackground#f6f2e9
- diffEditor.unchangedRegionBackground#eae4d6
- diffEditor.unchangedRegionForeground#807b6a
- diffEditorGutter.insertedLineBackground#4a7a3040
- diffEditorGutter.removedLineBackground#8a404040
- disabledForeground#807b6a80
- dropdown.background#eae4d6
- dropdown.border#ddd6c5
- dropdown.listBackground#fbf8f1
- editor.background#f6f2e9
- editor.findMatchBackground#9a782040
- editor.findMatchBorder#9a782080
- editor.findMatchHighlightBackground#9a782020
- editor.findMatchHighlightBorder#9a7820
- editor.findRangeHighlightBackground#9a782010
- editor.foldBackground#eae4d6
- editor.foreground#1e1d1a
- editor.inactiveSelectionBackground#9a782008
- editor.lineHighlightBackground#eee6d0
- editor.rangeHighlightBorder#9a782040
- editor.selectionBackground#9a782030
- editor.selectionForeground#1e1d1a
- editor.selectionHighlightBackground#9a782015
- editor.selectionHighlightBorder#9a782050
- editor.wordHighlightBackground#9a782025
- editor.wordHighlightBorder#9a782030
- editor.wordHighlightStrongBackground#9a782040
- editor.wordHighlightStrongBorder#9a782050
- editor.wordHighlightTextBackground#9a782015
- editor.wordHighlightTextBorder#9a782020
- editorBracketHighlight.foreground1#5f5b4cE6
- editorBracketHighlight.foreground2#5f5b4cB3
- editorBracketHighlight.foreground3#5f5b4c80
- editorBracketHighlight.foreground4#5f5b4cE6
- editorBracketHighlight.foreground5#5f5b4cB3
- editorBracketHighlight.foreground6#5f5b4c80
- editorBracketHighlight.unexpectedBracket.foreground#8a4040
- editorBracketMatch.background#9a782050
- editorBracketMatch.border#ddd6c5
- editorCodeLens.foreground#807b6a
- editorCursor.background#f6f2e9
- editorCursor.foreground#9a7820
- editorError.border#8a404050
- editorError.foreground#8a4040
- editorGroup.border#ddd6c5
- editorGroup.dropBackground#9a782020
- editorGroupHeader.border#ddd6c5
- editorGroupHeader.noTabsBackground#fbf8f1
- editorGroupHeader.tabsBackground#fbf8f1
- editorGroupHeader.tabsBorder#ddd6c5
- editorGutter.addedBackground#4a7a30
- editorGutter.addedSecondaryBackground#4a7a3060
- editorGutter.background#f6f2e9
- editorGutter.commentRangeForeground#807b6a
- editorGutter.deletedBackground#8a4040
- editorGutter.deletedSecondaryBackground#8a404060
- editorGutter.foldingControlForeground#1e1d1a
- editorGutter.itemBackground#ede8db
- editorGutter.itemGlyphForeground#1e1d1a
- editorGutter.modifiedBackground#9a7820
- editorGutter.modifiedSecondaryBackground#9a782060
- editorHint.foreground#4a7a30
- editorHoverWidget.background#fbf8f1
- editorHoverWidget.border#c0b79f
- editorHoverWidget.foreground#1e1d1a
- editorHoverWidget.highlightForeground#1e1d1a
- editorIndentGuide.activeBackground1#c0b79f30
- editorIndentGuide.background1#c0b79f30
- editorInfo.border#5a687050
- editorInfo.foreground#5a6870
- editorInlayHint.background#ddd6c5
- editorInlayHint.foreground#9a7820
- editorInlayHint.typeBackground#ddd6c5
- editorInlayHint.typeForeground#9a7820
- editorLineNumber.activeForeground#9a7820
- editorLineNumber.dimmedForeground#c0b79f
- editorLineNumber.foreground#b6b4ac
- editorRuler.foreground#e3dcc9
- editorSuggestWidget.background#fbf8f1cc
- editorSuggestWidget.border#ddd6c530
- editorSuggestWidget.foreground#1e1d1a
- editorSuggestWidget.selectedForeground#1e1d1a
- editorUnnecessaryCode.border#c0a800
- editorUnnecessaryCode.opacity#00000040
- editorWarning.border#9a906050
- editorWarning.foreground#8a7830
- editorWhitespace.foreground#c0b79f50
- editorWidget.background#fbf8f1
- editorWidget.border#ddd6c5
- editorWidget.foreground#1e1d1a
- editorWidget.resizeBorder#ddd6c5
- extensionButton.prominentBackground#c8c0a0
- extensionButton.prominentForeground#1e1d1a
- extensionButton.prominentHoverBackground#c0b79f
- focusBorder#9a7820
- gitDecoration.addedResourceForeground#4a7a30
- gitDecoration.conflictingResourceForeground#8a4040
- gitDecoration.deletedResourceForeground#8a4040
- gitDecoration.ignoredResourceForeground#807b6a
- gitDecoration.modifiedResourceForeground#9a7820
- gitDecoration.untrackedResourceForeground#4a7a30
- icon.foreground#1e1d1a
- input.background#eee8dc
- input.border#ddd6c5
- input.foreground#1e1d1a
- input.placeholderForeground#807b6a80
- inputOption.activeBorder#ddd6c5
- inputValidation.errorBackground#8a404020
- inputValidation.errorBorder#8a4040
- inputValidation.infoBackground#5a687020
- inputValidation.infoBorder#5a6870
- inputValidation.warningBackground#9a782020
- inputValidation.warningBorder#9a7820
- list.activeSelectionBackground#eadfbf
- list.activeSelectionForeground#1e1d1a
- list.dropBackground#e3dcc9
- list.dropBetweenBackground#9a7820
- list.errorForeground#8a4040
- list.focusBackground#eadfbf
- list.focusForeground#1e1d1a
- list.focusHighlightForeground#1e1d1a
- list.focusOutline#ddd6c5
- list.highlightForeground#1e1d1a
- list.hoverBackground#ddd6c550
- list.hoverForeground#1e1d1a
- list.inactiveSelectionBackground#dedad0
- list.inactiveSelectionForeground#5f5b4c
- list.warningForeground#8a7830
- menu.background#fbf8f1
- menu.border#ddd6c5
- menu.foreground#1e1d1a
- menu.selectionBackground#9a782099
- menu.selectionForeground#f6f2e9
- menu.separatorBackground#ddd6c5
- minimap.background#fbf8f1cc
- minimap.errorHighlight#8a404080
- minimap.findMatchHighlight#9a782060
- minimap.foregroundOpacity#1e1d1a80
- minimap.selectionHighlight#807b6a60
- minimap.selectionOccurrenceHighlight#9a782060
- minimap.warningHighlight#9a783080
- notebook.cellBorderColor#ede8db
- notebook.focusedCellBorder#9a7820
- notebook.focusedEditorBorder#9a7820
- notebook.selectedCellBackground#ede8db
- notificationCenter.border#ddd6c5
- notificationCenterHeader.background#fbf8f1
- notificationCenterHeader.foreground#1e1d1a
- notificationLink.foreground#9a7820
- notifications.background#fbf8f1
- notifications.border#ddd6c5
- notifications.foreground#1e1d1a
- notificationsErrorIcon.foreground#8a4040
- notificationsInfoIcon.foreground#5a6870
- notificationsWarningIcon.foreground#8a7830
- notificationToast.border#ddd6c5
- panel.background#fbf8f1
- panel.border#ddd6c5
- panelSection.border#e3dcc9
- panelSectionHeader.background#eae4d6
- panelTitle.activeBorder#9a7820
- panelTitle.activeForeground#1e1d1a
- panelTitle.inactiveForeground#807b6a
- peekView.border#c0b79f
- peekViewEditor.background#eae4d6
- peekViewEditor.matchHighlightBackground#eadfbf
- peekViewResult.background#eae4d6
- peekViewResult.fileForeground#1e1d1a
- peekViewResult.lineForeground#807b6a
- peekViewResult.matchHighlightBackground#eadfbf
- peekViewResult.selectionBackground#e3dcc9
- peekViewTitle.background#fbf8f1
- peekViewTitleLabel.foreground#1e1d1a
- pickerGroup.foreground#807b6a
- ports.iconRunningProcessForeground#505050
- problemsErrorIcon.foreground#8a4040
- problemsInfoIcon.foreground#5a6870
- problemsWarningIcon.foreground#8a7830
- progressBar.background#9a7820
- quickInput.background#fbf8f1
- quickInputList.focusBackground#9a782099
- sash.hoverBorder#9a7820
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#9a782050
- scrollbarSlider.background#c0b79f90
- scrollbarSlider.hoverBackground#807b6a80
- selection.background#9a782080
- settings.checkboxBackground#eae4d6
- settings.focusedRowBackground#eae4d6
- settings.focusedRowBorder#9a7820
- settings.headerForeground#1e1d1a
- settings.rowHoverBackground#00000000
- sideBar.background#fbf8f1
- sideBar.border#ddd6c5
- sideBarSectionHeader.background#fbf8f1
- sideBarSectionHeader.border#ddd6c5
- sideBarSectionHeader.foreground#807b6a
- sideBarTitle.foreground#807b6a
- statusBar.background#fbf8f1
- statusBar.border#ddd6c5
- statusBar.debuggingBackground#c8b058
- statusBar.debuggingForeground#1e1d1a
- statusBar.focusBorder#9a7820
- statusBar.foreground#5f5b4c
- statusBar.noFolderBackground#e3dcc9
- statusBarItem.errorBackground#8a4040
- statusBarItem.errorForeground#f6f2e9
- statusBarItem.hoverBackground#ddd6c550
- statusBarItem.hoverForeground#1e1d1a
- statusBarItem.remoteBackground#9a78200f
- statusBarItem.remoteForeground#9a7820
- statusBarItem.warningBackground#9a7820
- statusBarItem.warningForeground#f6f2e9
- tab.activeBackground#f6f2e9
- tab.activeBorder#f6f2e9
- tab.activeBorderTop#ddd6c500
- tab.activeForeground#1e1d1a
- tab.border#ddd6c5
- tab.hoverBackground#ddd6c580
- tab.hoverForeground#1e1d1a
- tab.inactiveBackground#eae4d6
- tab.inactiveForeground#706e60
- tab.lastPinnedBorder#c0b79f
- tab.unfocusedActiveBorder#f6f2e9
- tab.unfocusedActiveForeground#807b6a
- tab.unfocusedHoverBackground#e3dcc9
- tab.unfocusedHoverForeground#1e1d1a
- tab.unfocusedInactiveForeground#807b6a
- terminal.ansiBlack#fbf8f1
- terminal.ansiBlue#5a6870
- terminal.ansiBrightBlack#c0b79f
- terminal.ansiBrightBlue#3a5868
- terminal.ansiBrightCyan#2a7898
- terminal.ansiBrightGreen#3a6820
- terminal.ansiBrightMagenta#784878
- terminal.ansiBrightRed#802828
- terminal.ansiBrightWhite#1e1d1a
- terminal.ansiBrightYellow#7a6010
- terminal.ansiCyan#4a8098
- terminal.ansiGreen#4a7a30
- terminal.ansiMagenta#785898
- terminal.ansiRed#8a4040
- terminal.ansiWhite#1e1d1a
- terminal.ansiYellow#9a7820
- terminal.background#fbf8f1
- terminal.border#ddd6c5
- terminal.foreground#1e1d1a
- terminal.selectionForeground#1e1d1a
- testing.iconErrored#8a4040
- testing.iconFailed#8a4040
- testing.iconPassed#4a7a30
- testing.iconQueued#9a7820
- testing.iconSkipped#807b6a
- testing.iconUnset#807b6a
- testing.runAction#4a7a30
- textLink.activeForeground#5a6870
- textLink.foreground#5a6870
- titleBar.activeBackground#fbf8f1
- titleBar.activeForeground#1e1d1a
- titleBar.border#ddd6c5
- titleBar.inactiveBackground#fbf8f1
- titleBar.inactiveForeground#807b6a
- tree.inactiveIndentGuidesStroke#c0b79f20
- tree.indentGuidesStroke#c0b79f30
- welcomePage.tileBackground#eae4d6
- welcomePage.tileBorder#ddd6c5
- welcomePage.tileHoverBackground#e3dcc9
- widget.border#ddd6c5
- widget.shadow#00000018
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 | #2a2818 | — |
| comment, string.comment | #9a8858 | |
| string, string.template, punctuation.definition.string | #3a6820 | — |
| constant.numeric | #3848a8 | — |
| 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 | #87691c | bold |
| support, entity.name, constant.language, constant.other.placeholder, punctuation.definition.interpolation | #5a6060 | — |
| storage.type.annotation.java | #47766f | |
| entity.name.function.preprocessor, entity.name.other.preprocessor.macro.predefined | — | bold |
| invalid | #8a4040 | bold |
| string.detected-link | — | underline |
| meta.diff, meta.diff.header | #706f61 | — |
| markup.deleted | #8a4040 | — |
| markup.inserted | #4a7a30 | — |
| markup.changed | #87691c | — |
| entity.name.filename.find-in-files | #87691c | — |
| markup.bold, markup.heading.markdown | — | bold |
| markup.italic | — | italic |
| markup.block.raw, markup.inline.raw | #5a6060 | — |
| 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 | #746f58 | — |