Kairo Themes
Publisher: OdixCodezThemes in package: 6
A collection of carefully crafted dark and light themes for VS Code — Astral, Aurora, Default, Lavender, Light, and Mint.
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.background#140F1E
- activityBar.border#0E0A16
- activityBar.foreground#EDE7F6
- activityBar.inactiveForeground#5E4B8B
- activityBarBadge.background#B39DDB
- activityBarBadge.foreground#140F1E
- badge.background#B39DDB
- badge.foreground#140F1E
- breadcrumb.activeSelectionForeground#B39DDB
- breadcrumb.focusForeground#EDE7F6
- breadcrumb.foreground#5E4B8B
- breadcrumbPicker.background#241C35
- button.background#4A148C
- button.foreground#FFFFFF
- button.hoverBackground#6A1B9A
- descriptionForeground#7E69A8
- editor.background#1A1525
- editor.findMatchBackground#B39DDB40
- editor.findMatchHighlightBackground#B39DDB25
- editor.foreground#EDE7F6
- editor.inactiveSelectionBackground#4A148C30
- editor.lineHighlightBackground#241C35
- editor.selectionBackground#4A148C40
- editor.selectionHighlightBackground#4A148C25
- editor.wordHighlightBackground#4A148C30
- editor.wordHighlightStrongBackground#4A148C50
- editorBracketMatch.background#4A148C25
- editorBracketMatch.border#B39DDB60
- editorCursor.background#1A1525
- editorCursor.foreground#B39DDB
- editorError.foreground#EF9A9A
- editorGroupHeader.tabsBackground#110C1A
- editorGroupHeader.tabsBorder#0E0A16
- editorGutter.background#1A1525
- editorHoverWidget.background#241C35
- editorHoverWidget.border#4A3F6A
- editorIndentGuide.activeBackground1#4A3F6A
- editorIndentGuide.background1#2A2240
- editorInfo.foreground#B39DDB
- editorLineNumber.activeForeground#B39DDB
- editorLineNumber.foreground#4A3F6A
- editorRuler.foreground#2A2240
- editorSuggestWidget.background#241C35
- editorSuggestWidget.border#4A3F6A
- editorSuggestWidget.highlightForeground#B39DDB
- editorSuggestWidget.selectedBackground#322850
- editorWarning.foreground#FFE082
- editorWhitespace.foreground#2A2240
- errorForeground#EF9A9A
- focusBorder#B39DDB60
- foreground#EDE7F6
- gitDecoration.conflictingResourceForeground#CE93D8
- gitDecoration.deletedResourceForeground#EF9A9A
- gitDecoration.ignoredResourceForeground#4A3F6A
- gitDecoration.modifiedResourceForeground#FFE082
- gitDecoration.untrackedResourceForeground#A5D6A7
- input.background#241C35
- input.border#4A3F6A
- input.foreground#EDE7F6
- input.placeholderForeground#5E4B8B
- list.activeSelectionBackground#322850
- list.activeSelectionForeground#FFFFFF
- list.focusBackground#322850
- list.highlightForeground#B39DDB
- list.hoverBackground#241C35
- list.hoverForeground#EDE7F6
- list.inactiveSelectionBackground#241C35
- list.inactiveSelectionForeground#EDE7F6
- panel.background#140F1E
- panel.border#0E0A16
- panelTitle.activeBorder#B39DDB
- panelTitle.activeForeground#B39DDB
- panelTitle.inactiveForeground#5E4B8B
- scrollbarSlider.activeBackground#5E4B8BA0
- scrollbarSlider.background#5E4B8B40
- scrollbarSlider.hoverBackground#5E4B8B70
- selection.background#4A148C40
- sideBar.background#171222
- sideBar.border#0E0A16
- sideBar.foreground#C5B8E0
- sideBarSectionHeader.background#140F1E
- sideBarSectionHeader.border#0E0A16
- sideBarSectionHeader.foreground#7E69A8
- sideBarTitle.foreground#B39DDB
- statusBar.background#0E0A16
- statusBar.border#0A0712
- statusBar.debuggingBackground#CE93D8
- statusBar.debuggingForeground#1A1525
- statusBar.foreground#7E69A8
- statusBar.noFolderBackground#0E0A16
- statusBarItem.hoverBackground#241C35
- statusBarItem.remoteBackground#B39DDB
- statusBarItem.remoteForeground#140F1E
- tab.activeBackground#1A1525
- tab.activeBorder#B39DDB
- tab.activeBorderTop#B39DDB
- tab.activeForeground#FFFFFF
- tab.border#0E0A16
- tab.hoverBackground#1E1830
- tab.hoverForeground#C5B8E0
- tab.inactiveBackground#140F1E
- tab.inactiveForeground#5E4B8B
- tab.unfocusedActiveForeground#7E69A8
- tab.unfocusedInactiveForeground#4A3F6A
- terminal.ansiBlack#241C35
- terminal.ansiBlue#90CAF9
- terminal.ansiBrightBlack#5E4B8B
- terminal.ansiBrightBlue#BBDEFB
- terminal.ansiBrightCyan#B2EBF2
- terminal.ansiBrightGreen#C8E6C9
- terminal.ansiBrightMagenta#E1BEE7
- terminal.ansiBrightRed#FFCDD2
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFF59D
- terminal.ansiCyan#80DEEA
- terminal.ansiGreen#A5D6A7
- terminal.ansiMagenta#CE93D8
- terminal.ansiRed#EF9A9A
- terminal.ansiWhite#C5B8E0
- terminal.ansiYellow#FFE082
- terminal.background#140F1E
- terminal.foreground#EDE7F6
- titleBar.activeBackground#140F1E
- titleBar.activeForeground#EDE7F6
- titleBar.border#0E0A16
- titleBar.inactiveBackground#110C1A
- titleBar.inactiveForeground#5E4B8B
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5E4B8B | italic |
| keyword, keyword.control, keyword.operator.new, keyword.other.import | #B39DDB | bold |
| keyword.operator, keyword.operator.logical, keyword.operator.comparison | #90CAF9 | — |
| storage, storage.type, storage.modifier | #CE93D8 | italic |
| string, string.quoted, string.template | #A5D6A7 | — |
| constant.character.escape, string.regexp | #80DEEA | — |
| constant.numeric | #FFE082 | — |
| constant, constant.language | #FFF59D | — |
| entity.name.function, meta.definition.method entity.name.function | #CE93D8 | bold |
| meta.function-call, support.function | #B39DDB | — |
| variable, variable.other | #EDE7F6 | — |
| variable.parameter | #C5B8E0 | italic |
| variable.language, variable.other.this, variable.other.self | #B39DDB | italic |
| entity.name.type, entity.name.class, support.class | #FFE082 | bold |
| entity.name.interface, entity.name.enum | #E1BEE7 | — |
| entity.name.tag | #EF9A9A | — |
| entity.other.attribute-name | #90CAF9 | — |
| support.type.property-name | #B39DDB | — |
| support.constant.property-value | #A5D6A7 | — |
| punctuation, meta.brace | #7E69A8 | — |
| meta.decorator, punctuation.decorator | #FFE082 | italic |