Kiboku Theme
Publisher: mskriThemes in package: 1
Kiboku theme for VS Code
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#5e6ad2
- activityBar.activeBorder#5e6ad2
- activityBar.activeFocusBorder#ffffff1a
- activityBar.background#1f2023
- activityBar.border#ffffff1a
- activityBar.dropBorder#f2f4f8
- activityBar.foreground#f2f4f8
- activityBar.inactiveForeground#62666d
- activityBarBadge.background#f2f4f8
- activityBarBadge.foreground#1f2023
- badge.background#ffe69c
- badge.foreground#1D222A
- breadcrumb.activeSelectionForeground#f2f4f8
- breadcrumb.background#1d1f26
- breadcrumb.focusForeground#f2f4f8
- breadcrumb.foreground#8a8f98
- breadcrumbPicker.background#1d1f26
- button.background#5e6ad2
- button.foreground#f2f4f8
- button.hoverBackground#717ce1
- checkbox.background#1D222A
- checkbox.border#1D222A
- checkbox.foreground#f2f4f8
- debugToolBar.background#1D222A
- debugToolBar.border#1D222A
- descriptionForeground#f2f4f8
- diffEditor.insertedTextBorder#aee8a3
- diffEditor.removedTextBorder#ff8e9a
- dropdown.background#1D222A
- dropdown.border#1D222A
- dropdown.foreground#f2f4f8
- dropdown.listBackground#1d1f26
- editor.background#1f2023
- editor.findMatchBackground#bea1f7
- editor.findMatchHighlightBackground#bea1f780
- editor.foldBackground#ffe69c26
- editor.foreground#8193B1
- editor.inactiveSelectionBackground#74aeff26
- editor.lineHighlightBackground#74aeff1a
- editor.selectionBackground#74aeff40
- editor.wordHighlightBackground#58667E
- editorBracketMatch.border#C8DCFF
- editorCursor.foreground#C8DCFF
- editorError.foreground#FF5C6C
- editorGroup.border#ffffff1a
- editorGroup.dropBackground#1f2023
- editorGroup.dropIntoPromptBackground#1f2023
- editorGroup.dropIntoPromptBorder#1f2023
- editorGroup.dropIntoPromptForeground#f2f4f8
- editorGroup.emptyBackground#1f2023
- editorGroup.focusedEmptyBorder#ffffff1a
- editorGroupHeader.noTabsBackground#1f2023
- editorGroupHeader.tabsBackground#1f2023
- editorGutter.addedBackground#aee8a3
- editorGutter.deletedBackground#ff8e9a
- editorGutter.modifiedBackground#bea1f7
- editorIndentGuide.background#58667e80
- editorLightBulb.foreground#ffe69c
- editorLightBulbAutoFix.foreground#ffe69c
- editorLineNumber.activeForeground#74aeff
- editorLineNumber.foreground#58667E
- editorOverviewRuler.border#1D222A
- editorWarning.foreground#ff9a7b
- editorWidget.background#1d1f26
- editorWidget.foreground#f2f4f8
- editorWidget.resizeBorder#58667E
- errorForeground#FF5C6C
- focusBorder#58667E
- foreground#f2f4f8
- gitDecoration.addedResourceForeground#aee8a3
- gitDecoration.conflictingResourceForeground#ffe69c
- gitDecoration.deletedResourceForeground#ff8e9a
- gitDecoration.ignoredResourceForeground#f2f4f8
- gitDecoration.modifiedResourceForeground#bea1f7
- gitDecoration.submoduleResourceForeground#f2f4f8
- gitDecoration.untrackedResourceForeground#bea1f7
- icon.foreground#f2f4f8
- input.background#27282b
- input.border#27282b
- input.foreground#f2f4f8
- input.placeholderForeground#62666d
- list.activeSelectionBackground#74aeff26
- list.activeSelectionForeground#f2f4f8
- list.focusBackground#74aeff40
- list.focusForeground#f2f4f8
- list.hoverBackground#74aeff40
- list.hoverForeground#f2f4f8
- list.inactiveFocusBackground#1d2d3e
- list.inactiveSelectionBackground#74aeff26
- list.inactiveSelectionForeground#f2f4f8
- notificationCenterHeader.background#1d1f26
- notificationCenterHeader.foreground#f2f4f8
- notificationLink.foreground#74aeff
- notifications.background#58667E
- notifications.border#58667E
- notificationsErrorIcon.foreground#FF5C6C
- notificationsInfoIcon.foreground#f2f4f8
- notificationsWarningIcon.foreground#FFDA6B
- notificationToast.border#58667E
- panel.background#1f2023
- panel.border#ffffff1a
- panelInput.border#2f363d
- panelTitle.activeForeground#f2f4f8
- panelTitle.inactiveForeground#f2f4f8
- pickerGroup.border#444d56
- pickerGroup.foreground#f2f4f8
- progressBar.background#5e6ad2
- quickInput.background#1d1f26
- quickInput.foreground#f2f4f8
- scrollbar.shadow#58667e40
- scrollbarSlider.activeBackground#58667E
- scrollbarSlider.background#58667e40
- scrollbarSlider.hoverBackground#58667e80
- searchEditor.textInputBorder#1D222A
- settings.headerForeground#f2f4f8
- settings.modifiedItemIndicator#bea1f7
- sideBar.background#1b1c1e
- sideBar.border#ffffff1a
- sideBar.dropBackground#717ce1
- sideBar.foreground#f2f4f8
- sideBarSectionHeader.background#1f2023
- sideBarSectionHeader.border#1f2023
- sideBarSectionHeader.foreground#8a8f98
- sideBarTitle.foreground#8a8f98
- statusBar.background#1f2023
- statusBar.border#1f2023
- statusBar.debuggingBackground#ffe69c
- statusBar.debuggingForeground#1f2023
- statusBar.foreground#8a8f98
- statusBar.noFolderBackground#1f2023
- tab.activeBackground#2d2f36
- tab.activeBorder#5e6ad2
- tab.activeForeground#f2f4f8
- tab.border#1f2023
- tab.hoverBackground#2d2f36
- tab.inactiveBackground#1f2023
- tab.inactiveForeground#62666d
- tab.lastPinnedBorder#ffffff1a
- tab.unfocusedActiveBorder#1f2023
- tab.unfocusedInactiveBackground#1f2023
- terminal.ansiBlack#1D222A
- terminal.ansiBlue#74aeff
- terminal.ansiBrightBlack#58667E
- terminal.ansiBrightBlue#317ace
- terminal.ansiBrightCyan#5CF1FF
- terminal.ansiBrightGreen#73d783
- terminal.ansiBrightMagenta#9D72F3
- terminal.ansiBrightRed#FF5C6C
- terminal.ansiBrightWhite#F8FAFB
- terminal.ansiBrightYellow#FFDA6B
- terminal.ansiCyan#8cf6ff
- terminal.ansiGreen#aee8a3
- terminal.ansiMagenta#bea1f7
- terminal.ansiRed#ff8e9a
- terminal.ansiWhite#f2f4f8
- terminal.ansiYellow#ffe69c
- terminal.foreground#f2f4f8
- terminal.selectionBackground#74aeff26
- terminalCursor.background#1d1f26
- terminalCursor.foreground#C8DCFF
- textLink.foreground#9da1ff
- titleBar.activeBackground#1d1f26
- titleBar.activeForeground#f2f4f8
- titleBar.border#1D222A
- titleBar.inactiveBackground#1d1f26
- titleBar.inactiveForeground#f2f4f8
- welcomePage.buttonBackground#2f363d
- welcomePage.buttonHoverBackground#444d56
- widget.shadow#1d222a66
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| variable.other.readwrite | #ffe69c | — |
| string, string.quoted.double | #aee8a3 | — |
| constant.language.boolean | #ff9a7b | — |
| constant.language | #ff9a7b | — |
| constant.numeric | #ff9a7b | — |
| constant.language.null | #ff9a7b | — |
| keyword.operator | #8193B1 | — |
| keyword, storage.type.function | — | — |
| keyword.operator.address | #bea1f7 | — |
| variable.other.assignment | #f2f4f8 | — |
| storage.type | — | — |
| variable.language.this | #bea1f7 | — |
| entity.name.function, support.function | #74aeff | — |
| support.class.component, entity.name.tag | #C8DCFF | — |
| entity.other.attribute-name | #8193B1 | — |
| entity.name.type, support.type.primitive, support.type.builtin, punctuation.definition.typeparameters.begin, punctuation.definition.typeparameters.end, storage.type.error | #ff9ce6 | — |
| variable.fragment.graphql, keyword.operator.nulltype.graphql, support.type.enum.graphql, entity.scalar.graphql | #ff9ce6 | — |
| support.type.graphql, entity.name.function.graphql | #bea1f7 | — |
| variable.graphql, variable.fragment.graphql | #f2f4f8 | — |
| variable.other.property, variable.other.object.property | #f2f4f8 | — |
| comment, punctuation.definition.comment | #9cdbc1 | italic |
| keyword.operator.postcss | #f2f4f8 | — |
| entity.other.attribute-name.css, entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-selector, keyword.control.at-rule.css, keyword.control.at-rule.font-face.css | #f2f4f8 | — |
| variable.css, variable.argument.css | #ffe69c | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #ff9ce6 | — |
| meta.property-name.css | #C8DCFF | — |
| support.constant.property-value.css | #bea1f7 | — |
| keyword.other.unit.css | #ff9a7b | — |
| constant.numeric.css | #ff9a7b | — |
| meta.paragraph.markdown | #f2f4f8 | — |
| markup.heading | #bea1f7 | — |
| string.other.link.title.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown | #74aeff | — |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #8a8f98 | — |
| markup.bold.markdown | #ff9a7b | — |
| markup.italic.markdown | #ffe69c | — |
| markup.inline.raw.string.markdown | #ff9ce6 | — |
| punctuation.definition.markdown | #8193B1 | — |
| markup.quote.markdown | #ff9a7b | — |
| entity.name.tag.structure.any.html, entity.name.tag.block.any.html, entity.name.tag.inline.any.html | #f2f4f8 | — |
| text.html | #f2f4f8 | — |
| punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #f2f4f8 | — |
| support.type.property-name.json | — | — |
| constant.language.json, constant.numeric.json | #ff9a7b | — |
| punctuation.separator.dictionary.pair.json, punctuation.separator.dictionary.key-value.json | #8193B1 | — |
| entity.name.tag.yaml | #8193B1 | — |
| punctuation.separator.key-value.mapping.yaml | #8193B1 | — |
| entity.other.attribute-name.table.toml, entity.other.attribute-name.table.array.toml | #f2f4f8 | — |
| entity.name.section.group-title.ini | #f2f4f8 | — |