Kite Theme
Publisher: Yudin NikitaThemes in package: 3
Kite Theme is a modern and stylish theme that looks really cool with its dark colors and simple design.
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#E4E8EC
- activityBar.background#F9FAFB
- activityBar.border#E6E8EA
- activityBar.foreground#424E5C
- activityBar.inactiveForeground#A9B4C1
- activityBarBadge.background#0A7AFA
- activityBarBadge.foreground#FFFFFF
- badge.background#AFB5BB
- badge.foreground#31353A
- breadcrumb.background#FFFFFF
- breadcrumb.focusForeground#26292C
- breadcrumb.foreground#78818C
- button.background#0A7AFA
- button.foreground#F3F5F6
- button.hoverBackground#0462CD
- button.secondaryBackground#A9B4C1
- button.secondaryForeground#464E59
- button.secondaryHoverBackground#5C6875
- debugToolBar.background#F4F5F6
- debugToolBar.border#E6E8EA
- diffEditor.border#E6E8EA
- diffEditor.insertedTextBackground#61AF5534
- diffEditor.removedTextBackground#FA3A0A34
- dropdown.background#FFFFFF
- dropdown.border#E6E8EA
- dropdown.foreground#31353A
- editor.background#FFFFFF
- editor.findMatchBackground#F5A475BF
- editor.findMatchHighlightBackground#F5CE75BF
- editor.foldBackground#0462CD09
- editor.foreground#04274E
- editor.hoverHighlightBackground#C7CED650
- editor.inactiveSelectionBackground#6E819626
- editor.lineHighlightBackground#E4E8EC80
- editor.rangeHighlightBackground#C7CED6
- editor.selectionBackground#6E819642
- editor.selectionHighlightBackground#C7CED62A
- editor.selectionHighlightBorder#8C9AAB
- editor.wordHighlightBackground#B3DFEA80
- editor.wordHighlightBorder#6EB0FC
- editor.wordHighlightStrongBackground#B3CDEA
- editorBracketHighlight.foreground1#237CE1
- editorBracketHighlight.foreground2#E19223
- editorBracketHighlight.foreground3#867DED
- editorBracketHighlight.foreground4#23A2E1
- editorBracketHighlight.foreground5#E17523
- editorBracketHighlight.foreground6#A223E1
- editorBracketHighlight.unexpectedBracket.foreground#E12923
- editorBracketMatch.background#0A7AFA10
- editorBracketMatch.border#6E819680
- editorCodeLens.foreground#8C9AAB
- editorCursor.background#AFB5BB
- editorCursor.foreground#26292C
- editorError.foreground#FA3A0A
- editorGroup.border#E6E8EA
- editorGroupHeader.tabsBackground#F4F5F6
- editorGroupHeader.tabsBorder#E6E8EA
- editorGutter.addedBackground#0FC251
- editorGutter.background#FFFFFF
- editorGutter.deletedBackground#C20F0F
- editorGutter.foldingControlForeground#A9B4C1
- editorGutter.modifiedBackground#6EB0FC
- editorHoverWidget.background#F4F5F6
- editorHoverWidget.border#C9CED4BB
- editorHoverWidget.foreground#5C6875
- editorIndentGuide.activeBackground#B8C1CC
- editorIndentGuide.background#D6DBE1
- editorInfo.foreground#4696F1
- editorInlayHint.background#0ABAFA
- editorInlayHint.parameterBackground#0ABAFA
- editorInlayHint.typeBackground#0ABAFA
- editorLineNumber.activeForeground#586779
- editorLineNumber.foreground#C7CED6
- editorLink.activeForeground#0ABAFA
- editorMarkerNavigation.background#F4F5F6
- editorMarkerNavigationError.background#F16846
- editorMarkerNavigationInfo.background#6EB0FC
- editorMarkerNavigationWarning.background#C8A73C
- editorOverviewRuler.background#FFFFFF
- editorOverviewRuler.border#E6E8EA
- editorRuler.foreground#E6E8EA
- editorSuggestWidget.background#F4F5F6
- editorSuggestWidget.border#C9CED4
- editorSuggestWidget.foreground#5C6875
- editorSuggestWidget.highlightForeground#3C95FB
- editorSuggestWidget.selectedBackground#B3CDEA
- editorWarning.foreground#F1A746
- editorWhitespace.foreground#6E819626
- editorWidget.background#F4F5F6
- editorWidget.foreground#424E5C
- editorWidget.resizeBorder#8CB2DE
- focusBorder#0A7AFA
- foreground#2D353E
- gitDecoration.addedResourceForeground#0FC251
- gitDecoration.conflictingResourceForeground#A32EA3
- gitDecoration.deletedResourceForeground#A32E2E
- gitDecoration.ignoredResourceForeground#949BA4
- gitDecoration.modifiedResourceForeground#A3802E
- gitDecoration.stageDeletedResourceForeground#C20F0F
- gitDecoration.stageModifiedResourceForeground#C28D0F
- gitDecoration.submoduleResourceForeground#0F63C2
- gitDecoration.untrackedResourceForeground#2EA359
- icon.foreground#424E5C
- input.background#FFFFFF
- input.foreground#31353A
- input.placeholderForeground#78818C
- inputOption.activeBackground#0A7AFA66
- inputOption.activeBorder#F50C0C00
- inputOption.activeForeground#31353A
- list.activeSelectionBackground#A4CBF9
- list.activeSelectionForeground#2D353E
- list.dropBackground#C9CED4
- list.focusBackground#C9CED4
- list.highlightForeground#0A7AFA
- list.hoverBackground#E5E8EB
- list.hoverForeground#2D353E
- list.inactiveSelectionBackground#E4E8EC
- list.inactiveSelectionForeground#2F353C
- listFilterWidget.background#C7CED6
- listFilterWidget.noMatchesOutline#FA3A0A
- menu.background#F4F5F6
- menu.border#E6E8EA
- menu.foreground#5C6875
- menu.selectionBackground#A4CBF9
- menu.selectionForeground#2F353C
- menu.separatorBackground#E6E8EA
- menubar.selectionBackground#F4F5F6
- menubar.selectionForeground#5C6875
- merge.commonContentBackground#E5E8EB
- merge.commonHeaderBackground#C9CED4
- notificationCenter.border#CBCED2
- notificationCenterHeader.background#CBCED2
- notificationCenterHeader.foreground#333538
- notifications.background#E6E8EA
- notifications.border#CBCED2
- notifications.foreground#26292C
- notificationsErrorIcon.foreground#F14F46
- notificationsInfoIcon.foreground#46C3F1
- notificationsWarningIcon.foreground#FCBA6E
- notificationToast.border#E4E8EC
- panel.background#F3F5F6
- panel.border#E6E8EA
- panelTitle.activeBorder#0A7AFA
- panelTitle.activeForeground#31353A
- panelTitle.inactiveForeground#494F55CC
- peekView.border#0A7AFA
- peekViewEditor.background#EEF4FC
- peekViewEditor.matchHighlightBackground#F5CE7569
- peekViewEditor.matchHighlightBorder#F5CE75
- peekViewEditorGutter.background#EEF4FC
- peekViewResult.background#FFFFFF
- peekViewResult.lineForeground#6E8196
- peekViewResult.matchHighlightBackground#C88D3C4F
- peekViewResult.selectionBackground#E4E8EC
- peekViewResult.selectionForeground#183454
- peekViewTitleLabel.foreground#E4E8EC
- pickerGroup.border#E6E8EA
- pickerGroup.foreground#3C95FB
- progressBar.background#0A7AFA
- scrollbar.shadow#C7CED6
- scrollbarSlider.activeBackground#949BA49B
- scrollbarSlider.background#CBCED29B
- scrollbarSlider.hoverBackground#AFB5BB9B
- selection.background#C7CED6
- sideBar.background#F3F5F6
- sideBar.foreground#424E5C
- sideBarSectionHeader.background#E4E8EC
- sideBarSectionHeader.border#E6E8EA
- sideBarTitle.foreground#5C6875
- statusBar.background#E5E8EB
- statusBar.border#E6E8EA
- statusBar.debuggingBackground#DDA45A
- statusBar.debuggingForeground#24282E
- statusBar.foreground#24282E
- statusBar.noFolderBackground#С984E6
- statusBar.noFolderForeground#24282E
- statusBarItem.hoverBackground#C9CED4BB
- statusBarItem.remoteBackground#75B1F5
- statusBarItem.remoteForeground#E5E8EB
- tab.activeBackground#FFFFFF
- tab.activeBorder#0A7AFA
- tab.activeForeground#22282F
- tab.border#E6E8EA
- tab.hoverBackground#FFFFFF
- tab.hoverForeground#424E5C
- tab.inactiveBackground#F4F5F6
- tab.inactiveForeground#78818C
- terminal.ansiBlack#000913
- terminal.ansiBlue#3C7dC8
- terminal.ansiBrightBlack#606871
- terminal.ansiBrightBlue#5097E7
- terminal.ansiBrightCyan#46C3F1
- terminal.ansiBrightGreen#53EC3C
- terminal.ansiBrightMagenta#D165FF
- terminal.ansiBrightRed#F14F46
- terminal.ansiBrightWhite#949BA4
- terminal.ansiBrightYellow#F1E646
- terminal.ansiCyan#3CA3C8
- terminal.ansiGreen#4FC83C
- terminal.ansiMagenta#9E3CC8
- terminal.ansiRed#C8433C
- terminal.ansiWhite#78818C
- terminal.ansiYellow#C8BF3C
- terminal.border#E6E8EA
- terminal.foreground#494F55
- terminal.selectionBackground#949BA480
- terminalCursor.background#0462CD
- terminalCursor.foreground#31353A
- textLink.foreground#0A7AFA
- titleBar.activeBackground#FFFFFF
- titleBar.activeForeground#464E59
- titleBar.border#E6E8EA
- titleBar.inactiveBackground#F4F5F6
- titleBar.inactiveForeground#5C6875CC
- tree.indentGuidesStroke#C9CED4
- widget.shadow#C7CED636
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #8299B5 | italic |
| punctuation | #A9B4C1 | — |
| punctuation.decorator, meta.brace.round | #04274E | — |
| punctuation.terminator.statement | #A9B4C1 | — |
| punctuation.accessor.optional | #A167E6 | — |
| punctuation.definition.constant | #237CE1 | — |
| punctuation.section.embedded | #993CC8 | — |
| string, punctuation.definition.string | #9D871B | — |
| constant.numeric, keyword.other.unit | #C97B22 | — |
| constant.language, entity.name.tag, keyword, keyword.operator, storage.modifier, storage.type, support.type.primitive | #E00B2E | — |
| variable.language, fenced_code.block.language | #8C9AAB | italic |
| variable.parameter, entity.name.variable.parameter, parameter.variable | #04274E | italic |
| meta.function, meta.function-call, meta.definition.function, meta.definition.method, meta.method.declaration, entity.name.function, entity.other.attribute-name, support.function, function.support.builtin, function.support.core, punctuation.definition.entity | #2C9D1B | — |
| constant.language.boolean.true | #47BD14 | bold |
| constant.language.boolean.false | #E75850 | bold |
| constant.language.null | — | bold |
| support.variable.property | #586779 | — |
| meta.property-value | #586779 | — |
| constant.character, constant.other, support.constant | #237CE1 | — |
| meta.definition.variable, meta.parameters, meta.method.declaration, meta.object.member, variable.other.constant, variable.other.object, entity.name.variable.local | #0B6EE0 | — |
| entity.name.class, entity.name.type, entity.name.class.declaration, entity.name.type.class, entity.other.inherited-class | #B129F5 | — |
| meta.block, meta.class, meta.var.expr, meta.template.expression, meta.function-call.arguments, meta.definition.property, meta.field.declaration, meta.tag.without-attributes, meta.children, entity.name.type.namespace, entity.name.variable, entity.name.section, variable.object.property, variable.other.assignment, variable.other.object.property, variable.other.constant.property, variable.other.readwrite.alias | #04274E | — |
| punctuation.definition.variable, punctuation.support.type.property-name, storage.modifier.lifetime, variable.other.property, variable.other.jsdoc | #04274E | — |
| meta.object-literal.key, support.type.property-name | #04274E | — |
| meta.return.type, meta.field.declaration, meta.interface, support.type, support.type.primitive, support.type.property-name, punctuation.support.type.property-name | #288FC3 | — |
| entity.other.attribute-name.pseudo-class | — | italic |
| markup.underline.link | #2497AE | — |
| markup.bold | #1E1E1F | bold |
| markup.italic | #1E1E1F | italic |
| case-clause.expr, switch-block.expr, switch-statement.expr | #41A1C0 | — |
| token.info-token | #0F63C2 | — |
| token.warn-token | #C28D0F | — |
| token.error-token | #C20F0F | — |
| token.debug-token | #422EA3 | — |
| fenced_code.block.language, punctuation.definition.bold.markdown, punctuation.definition.heading.markdown, punctuation.definition.italic.markdown, punctuation.definition.markdown, punctuation.definition.metadata.markdown, punctuation.definition.raw.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown | #0A42FA | — |
| punctuation.definition.list.begin.markdown, punctuation.definition.quote.begin.markdown | #288FC3 | — |
| markup.quote.markdown | #FA3A0A | — |
| storage.type.cs, entity.name.type.cs | #3528C3 | — |
| keyword.type.cs | #288FC3 | — |
| variable.css, variable.scss, variable.less, variable.sass | #0B6EE0 | — |
| support.class.dart, other.source.dart | #E00B2E | — |
| punctuation.definition.variable.php, variable.other | #04274E | — |
| meta.class.kotlin | #C83CC8 | — |
| support.class.kotlin | #288FC3 | — |
| variable.other.readwrite.instance.ruby, punctuation.definition.variable.ruby | #0A42FA | — |
| constant.other.symbol.hashkey.ruby, constant.other.symbol.ruby, punctuation.definition.constant.ruby | #288FC3 | — |
| meta.function.method.with-arguments.ruby | #04274E | — |
| entity.name.type.class.std.rust | #6828C3 | — |
| entity.name.type.rust, entity.name.type.numeric.rust | #0A42FA | — |
| meta.indexed-name.python | #2C9D1B | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...