Kiro Theme
Publisher: Mohd ZaidThemes in package: 2
A beautiful and modern VS Code theme forked from Kiro IDE.
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.
- accent#7138cc
- activityBar.activeBackground#8e47ff26
- activityBar.activeBorder#00000000
- activityBar.background#eae8ed
- activityBar.border#c1bec6
- activityBar.foreground#7138cc
- activityBar.inactiveForeground#5e5966
- activityBarBadge.background#7138cc
- activityBarBadge.foreground#ffffff
- background#dcdadf
- badge.background#2d6a9f40
- badge.foreground#2d6a9f
- button.background#7138cc
- button.foreground#f2f1f4
- button.hoverBackground#6432b3
- button.secondaryBackground#352f3d13
- button.secondaryForeground#352f3d
- button.secondaryHoverBackground#8e47ff40
- button.separator#dcdadf40
- checkbox.background#ffffff
- checkbox.border#c1bec6
- checkbox.foreground#8e47ff
- commandCenter.activeBorder#8e47ff40
- commandCenter.border#00000000
- commandCenter.debuggingBackground#8e47ffbf
- debugIcon.continueForeground#2d6a9f
- debugIcon.pauseForeground#2d6a9f
- debugIcon.restartForeground#367c53
- debugIcon.startForeground#367c53
- debugIcon.stopForeground#993333
- debugToolBar.background#eae8ed
- diffEditor.insertedLineBackground#367c5320
- diffEditor.insertedTextBackground#367c5320
- diffEditor.removedLineBackground#99333320
- diffEditor.removedTextBackground#99333320
- disabledForeground#938f9b
- dropdown.background#ffffff
- dropdown.border#c1bec6
- editor.background#f2f1f4
- editor.findMatchHighlightBackground#7138cc40
- editor.foreground#352f3d
- editor.lineHighlightBackground#352f3d0d
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#2d6a9f20
- editor.selectionBackground#7138cc20
- editor.selectionHighlightBackground#00000000
- editor.wordHighlightBackground#2d6a9f20
- editorBracketHighlight.foreground1#d08025
- editorBracketHighlight.foreground2#dbb90f
- editorBracketHighlight.foreground3#7bc80e
- editorError.foreground#993333bf
- editorGroup.border#c1bec6
- editorGroupHeader.border#00000000
- editorGroupHeader.tabsBackground#eae8ed
- editorGroupHeader.tabsBorder#c1bec6
- editorGutter.addedBackground#367c53bf
- editorGutter.background#00000000
- editorGutter.deletedBackground#993333bf
- editorGutter.modifiedBackground#7138ccbf
- editorHoverWidget.background#eae8ed
- editorHoverWidget.border#00000000
- editorIndentGuide.activeBackground1#352f3d26
- editorIndentGuide.background#352f3d0d
- editorInfo.foreground#2d6a9f
- editorLightBulb.foreground#dbb90f
- editorLightBulbAutoFix.foreground#7bc80e
- editorLineNumber.activeForeground#352f3d99
- editorLineNumber.dimmedForeground#352f3d4d
- editorLineNumber.foreground#352f3d66
- editorSuggestWidget.selectedBackground#eae8ed
- editorWarning.foreground#d08025
- editorWidget.background#ffffff
- editorWidget.border#00000000
- errorForeground#993333
- extensionButton.background#7138cc
- extensionButton.foreground#ffffff
- extensionButton.hoverBackground#8e47ff
- extensionButton.prominentBackground#7138cc
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#8e47ff
- focusBorder#9e61ff
- foreground#352f3d
- gitDecoration.conflictingResourceForeground#993333
- gitDecoration.deletedResourceForeground#7bc80e
- gitDecoration.ignoredResourceForeground#938f9b
- gitDecoration.modifiedResourceForeground#d08025
- gitDecoration.untrackedResourceForeground#367c53
- icon.foreground#5e5966
- input.background#ffffff
- input.border#c1bec6
- inputOption.activeBackground#8141e6
- inputOption.activeBorder#00000000
- inputOption.activeForeground#ffffff
- inputOption.hoverBackground#ffffff
- inputValidation.errorBackground#993333
- inputValidation.errorBorder#993333
- inputValidation.errorForeground#dcdadf
- keybindingLabel.background#352f3d1a
- keybindingLabel.border#00000000
- keybindingLabel.bottomBorder#352f3d1a
- keybindingLabel.foreground#938f9b
- keybindingLabel.shadow#00000000
- list.activeSelectionBackground#eae8ed
- list.activeSelectionForeground#352f3d
- list.errorForeground#993333
- list.focusBackground#2d6a9f40
- list.focusOutline#00000000
- list.hoverBackground#352f3d0d
- list.hoverForeground#352f3d
- list.inactiveSelectionBackground#eae8ed
- list.warningForeground#d08025
- minimap.errorHighlight#99333380
- minimap.findMatchHighlight#7138cc80
- minimap.foregroundOpacity#352f3d40
- minimap.infoHighlight#2d6a9f80
- minimap.selectionHighlight#7138cc40
- minimap.selectionOccurrenceHighlight#7138cc
- multiDiffEditor.headerBackground#ffffff
- notifications.background#ffffff
- notifications.border#00000000
- notificationsErrorIcon.foreground#993333
- notificationsInfoIcon.foreground#2d6a9f
- notificationsWarningIcon.foreground#d08025
- panel.background#f2f1f4
- panel.border#c1bec6
- panelTitle.activeBackground#eae8ed
- panelTitle.activeBorder#00000000
- panelTitle.activeForeground#352f3d
- panelTitle.inactiveForeground#938f9b
- peekViewTitle.background#ffffff
- pickerGroup.foreground#8e47ff
- problemsErrorIcon.foreground#993333
- problemsInfoIcon.foreground#2d6a9f
- problemsWarningIcon.foreground#d08025
- progressBar.background#7138cc
- quickInput.background#f2f1f4
- quickInput.overlayBackground#dcdadf80
- quickInputList.focusBackground#eae8ed
- quickInputList.focusForeground#352f3d
- scmGraph.historyItemBaseRefColor#2d6a9f
- scmGraph.historyItemHoverLabelForeground#dcdadf
- scmGraph.historyItemRefColor#2d6a9f
- scmGraph.historyItemRemoteRefColor#8e47ff
- scrollbar.shadow#dcdadf
- settings.dropdownBackground#ffffff
- settings.dropdownBorder#c1bec6
- sideBar.background#f2f1f4
- sideBar.border#c1bec6
- sideBar.foreground#352f3d
- sideBarSectionHeader.background#f2f1f4
- sideBarSectionHeader.border#dcdadf
- sideBarTitle.background#eae8ed
- sideBarTitle.border#c1bec6
- statusBar.background#00000000
- statusBar.debuggingBackground#8e47ff40
- statusBar.foreground#5e5966
- statusBar.noFolderBackground#00000000
- statusBarItem.hoverBackground#352f3d13
- statusBarItem.hoverForeground#352f3d
- statusBarItem.remoteBackground#00000000
- statusBarItem.remoteForeground#5e5966
- symbolIcon.arrayForeground#2b36ab
- symbolIcon.classForeground#d08025
- symbolIcon.functionForeground#2d6a9f
- symbolIcon.interfaceForeground#8e47ff
- symbolIcon.propertyForeground#938f9b
- symbolIcon.typeParameterForeground#8e47ff
- symbolIcon.variableForeground#993333
- tab.activeBackground#eae8ed
- tab.activeBorder#f2f1f4
- tab.activeBorderTop#7138cc
- tab.activeForeground#352f3d
- tab.border#c1bec6
- tab.inactiveBackground#eae8ed
- tab.inactiveForeground#938f9b
- terminal.ansiBlue#2d6a9f
- terminal.ansiBrightBlack#352f3d40
- terminal.ansiBrightBlue#2d6a9f
- terminal.ansiBrightCyan#0c9aa7
- terminal.ansiBrightGreen#367c53
- terminal.ansiBrightMagenta#8e47ff
- terminal.ansiBrightRed#993333
- terminal.ansiBrightYellow#dbb90f
- terminal.ansiCyan#0c9aa7
- terminal.ansiGreen#367c53
- terminal.ansiMagenta#8e47ff
- terminal.ansiRed#993333
- terminal.ansiYellow#dbb90f
- textLink.activeForeground#2d6a9f
- textLink.foreground#7138cc
- textPreformat.background#352f3d1a
- textPreformat.foreground#938f9b
- titleBar.activeBackground#00000000
- titleBar.border#00000000
- titleBar.inactiveBackground#00000000
- toolbar.hoverBackground#eae8ed
- tree.inactiveIndentGuidesStroke#00000000
- tree.indentGuidesStroke#00000000
- welcomePage.background#f2f1f4
- welcomePage.progress.background#ffffff
- welcomePage.progress.foreground#2d6a9f
- welcomePage.tileBackground#f2f1f4
- widget.border#352f3d33
- widget.shadow#352f3d40
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #352f3d99 | — |
| comment.line, comment.block.documentation | #352f3d99 | italic |
| constant.language.boolean.false | #993333 | — |
| constant.language.boolean.true | #993333 | — |
| constant.language.import-export-all | #2d6a9f | — |
| constant.language.null | #993333 | — |
| constant.language.symbol | #c80e5c | — |
| constant.numeric | #e21067 | — |
| entity.name.tag | #2d6a9f | — |
| entity.name.tag.reference | #876eb1 | — |
| entity.name.tag.yaml | #d08025 | — |
| entity.name.type.module | #d08025 | — |
| entity.name.function | #2d6a9f | — |
| entity.other.attribute-name.id | #d08025 | — |
| entity.other.attribute-name.class | #dbb90f | — |
| entity.other.attribute-name | #d08025 | — |
| keyword | #876eb1 | — |
| keyword.control, keyword.control.import, keyword.control.from, keyword.control.flow | #7559a6 | — |
| keyword.operator, keyword.operator.logical | #352f3dcc | — |
| keyword.unit, keyword.other.unit | #e21067 | — |
| markup.bold | #7559a6 | — |
| markup.italic | #2d6a9f | italic |
| markup.fenced_code | #352f3dcc | — |
| markup.heading | #352f3dcc | bold |
| markup.quote | #352f3dcc | italic |
| markup.underline_link | #0c9aa7 | — |
| meta.class | #c80e5c | — |
| meta.jsx.children | #352f3dcc | — |
| meta.object | #0c9aa7 | — |
| meta.property-name.css | #2b36ab | — |
| meta.property-value.css | #2b36ab | — |
| meta.selector | #367c53 | — |
| meta.structure.dictionary | #2b36ab | — |
| meta.tag.attributes | #0c9aa7 | — |
| meta.type.parameters | #303cc1 | — |
| meta.var.expr | #303cc1 | — |
| punctuation.accessor, punctuation.definition.array, punctuation.definition.block, punctuation.definition.dictionary, punctuation.definition.parameters, punctuation.definition.tag, punctuation.definition.typeparameters, punctuation.separator | #352f3dcc | — |
| punctuation.definition.heading | #d08025 | — |
| punctuation.definition.string | #367c53 | — |
| punctuation.definition.template-expression | #993333 | — |
| punctuation.selection, punctuation.terminator | #352f3d99 | — |
| storage | #7559a6 | — |
| string | #367c53 | — |
| support.class, support.class.component | #c80e5c | — |
| support.constant.color, support.constant.font-name, support.constant.property-value | #3277b3 | — |
| support.function | #303cc1 | — |
| support.type.property-name | #876eb1 | — |
| support.type.property-name.css | #352f3dcc | — |
| support.type.vendored | #dbb90f | — |
| variable | #0c9aa7 | — |
| variable.language.super | #3d8c5e | italic |
| variable.language.this | #0dadbc | italic |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...