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#0C1014
- activityBar.border#080B0E
- activityBar.foreground#E8F0F0
- activityBar.inactiveForeground#3A4A55
- activityBarBadge.background#00BFA5
- activityBarBadge.foreground#0C1014
- badge.background#00BFA5
- badge.foreground#0C1014
- breadcrumb.activeSelectionForeground#00BFA5
- breadcrumb.focusForeground#E8F0F0
- breadcrumb.foreground#3A4A55
- breadcrumbPicker.background#1A2026
- button.background#00A890
- button.foreground#FFFFFF
- button.hoverBackground#00D4B0
- descriptionForeground#4A6070
- editor.background#12161A
- editor.findMatchBackground#EEFF4140
- editor.findMatchHighlightBackground#EEFF4125
- editor.foreground#E8F0F0
- editor.inactiveSelectionBackground#00BFA528
- editor.lineHighlightBackground#1A2026
- editor.selectionBackground#00BFA540
- editor.selectionHighlightBackground#00BFA520
- editor.wordHighlightBackground#00BFA525
- editor.wordHighlightStrongBackground#00BFA545
- editorBracketMatch.background#00BFA51A
- editorBracketMatch.border#00BFA555
- editorCursor.background#12161A
- editorCursor.foreground#00BFA5
- editorError.foreground#FF5252
- editorGroupHeader.tabsBackground#0A0D10
- editorGroupHeader.tabsBorder#080B0E
- editorGutter.background#12161A
- editorHoverWidget.background#1A2026
- editorHoverWidget.border#2C3842
- editorIndentGuide.activeBackground1#2C3842
- editorIndentGuide.background1#1E262E
- editorInfo.foreground#00BFA5
- editorLineNumber.activeForeground#00BFA5
- editorLineNumber.foreground#2C3842
- editorRuler.foreground#1A2026
- editorSuggestWidget.background#1A2026
- editorSuggestWidget.border#2C3842
- editorSuggestWidget.highlightForeground#00BFA5
- editorSuggestWidget.selectedBackground#222A32
- editorWarning.foreground#EEFF41
- editorWhitespace.foreground#1A2026
- errorForeground#FF5252
- focusBorder#00BFA555
- foreground#E8F0F0
- gitDecoration.conflictingResourceForeground#AA00FF
- gitDecoration.deletedResourceForeground#FF5252
- gitDecoration.ignoredResourceForeground#2C3842
- gitDecoration.modifiedResourceForeground#EEFF41
- gitDecoration.untrackedResourceForeground#00BFA5
- input.background#1A2026
- input.border#2C3842
- input.foreground#E8F0F0
- input.placeholderForeground#3A4A55
- list.activeSelectionBackground#1A2830
- list.activeSelectionForeground#FFFFFF
- list.focusBackground#1A2830
- list.highlightForeground#00BFA5
- list.hoverBackground#1A2026
- list.hoverForeground#E8F0F0
- list.inactiveSelectionBackground#1A2026
- list.inactiveSelectionForeground#E8F0F0
- panel.background#0C1014
- panel.border#080B0E
- panelTitle.activeBorder#00BFA5
- panelTitle.activeForeground#00BFA5
- panelTitle.inactiveForeground#3A4A55
- scrollbarSlider.activeBackground#2C3842A0
- scrollbarSlider.background#2C384240
- scrollbarSlider.hoverBackground#2C384270
- selection.background#00BFA530
- sideBar.background#0E1216
- sideBar.border#080B0E
- sideBar.foreground#8AA0A8
- sideBarSectionHeader.background#0C1014
- sideBarSectionHeader.border#080B0E
- sideBarSectionHeader.foreground#4A6070
- sideBarTitle.foreground#00BFA5
- statusBar.background#080B0E
- statusBar.border#06080A
- statusBar.debuggingBackground#AA00FF
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#4A6070
- statusBar.noFolderBackground#080B0E
- statusBarItem.hoverBackground#1A2026
- statusBarItem.remoteBackground#00BFA5
- statusBarItem.remoteForeground#0C1014
- tab.activeBackground#12161A
- tab.activeBorder#00BFA5
- tab.activeBorderTop#00BFA5
- tab.activeForeground#FFFFFF
- tab.border#080B0E
- tab.hoverBackground#161C22
- tab.hoverForeground#8AA0A8
- tab.inactiveBackground#0C1014
- tab.inactiveForeground#3A4A55
- tab.unfocusedActiveForeground#4A6070
- tab.unfocusedInactiveForeground#2C3842
- terminal.ansiBlack#1A2026
- terminal.ansiBlue#00A0E0
- terminal.ansiBrightBlack#2C3842
- terminal.ansiBrightBlue#40C4FF
- terminal.ansiBrightCyan#18FFFF
- terminal.ansiBrightGreen#64FFDA
- terminal.ansiBrightMagenta#E040FB
- terminal.ansiBrightRed#FF8A80
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#F4FF81
- terminal.ansiCyan#00BFA5
- terminal.ansiGreen#00BFA5
- terminal.ansiMagenta#AA00FF
- terminal.ansiRed#FF5252
- terminal.ansiWhite#8AA0A8
- terminal.ansiYellow#EEFF41
- terminal.background#0C1014
- terminal.foreground#E8F0F0
- titleBar.activeBackground#0C1014
- titleBar.activeForeground#E8F0F0
- titleBar.border#080B0E
- titleBar.inactiveBackground#0A0D10
- titleBar.inactiveForeground#3A4A55
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #2E4050 | italic |
| keyword, keyword.control, keyword.operator.new, keyword.other.import | #00BFA5 | bold |
| keyword.operator, keyword.operator.logical, keyword.operator.comparison | #40C0E0 | — |
| storage, storage.type, storage.modifier | #AA00FF | italic |
| string, string.quoted, string.template | #64FFDA | — |
| constant.character.escape, string.regexp | #18FFFF | — |
| constant.numeric | #EEFF41 | — |
| constant, constant.language | #F4FF81 | — |
| entity.name.function, meta.definition.method entity.name.function | #40D0C0 | bold |
| meta.function-call, support.function | #00BFA5 | — |
| variable, variable.other | #E8F0F0 | — |
| variable.parameter | #A0C8D0 | italic |
| variable.language, variable.other.this, variable.other.self | #00BFA5 | italic |
| entity.name.type, entity.name.class, support.class | #EEFF41 | bold |
| entity.name.interface, entity.name.enum | #E040FB | — |
| entity.name.tag | #FF5252 | — |
| entity.other.attribute-name | #40C0E0 | — |
| support.type.property-name | #00BFA5 | — |
| support.constant.property-value | #64FFDA | — |
| punctuation, meta.brace | #3A4A55 | — |
| meta.decorator, punctuation.decorator | #EEFF41 | italic |