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#1C252A
- activityBar.border#151C20
- activityBar.foreground#ECEFF1
- activityBar.inactiveForeground#607D8B
- activityBarBadge.background#CFD8DC
- activityBarBadge.foreground#1C252A
- badge.background#CFD8DC
- badge.foreground#1C252A
- breadcrumb.activeSelectionForeground#CFD8DC
- breadcrumb.focusForeground#ECEFF1
- breadcrumb.foreground#607D8B
- breadcrumbPicker.background#2E3A42
- button.background#607D8B
- button.foreground#FFFFFF
- button.hoverBackground#78909C
- descriptionForeground#78909C
- editor.background#263238
- editor.findMatchBackground#CFD8DC50
- editor.findMatchHighlightBackground#CFD8DC30
- editor.foreground#ECEFF1
- editor.inactiveSelectionBackground#607D8B35
- editor.lineHighlightBackground#2E3A42
- editor.selectionBackground#607D8B50
- editor.selectionHighlightBackground#607D8B30
- editor.wordHighlightBackground#607D8B30
- editor.wordHighlightStrongBackground#607D8B50
- editorBracketMatch.background#607D8B30
- editorBracketMatch.border#CFD8DC60
- editorCursor.background#263238
- editorCursor.foreground#CFD8DC
- editorError.foreground#EF5350
- editorGroupHeader.tabsBackground#181F24
- editorGroupHeader.tabsBorder#151C20
- editorGutter.background#263238
- editorHoverWidget.background#2E3A42
- editorHoverWidget.border#546E7A
- editorIndentGuide.activeBackground1#546E7A
- editorIndentGuide.background1#37474F
- editorInfo.foreground#CFD8DC
- editorLineNumber.activeForeground#CFD8DC
- editorLineNumber.foreground#546E7A
- editorRuler.foreground#37474F
- editorSuggestWidget.background#2E3A42
- editorSuggestWidget.border#546E7A
- editorSuggestWidget.highlightForeground#CFD8DC
- editorSuggestWidget.selectedBackground#37474F
- editorWarning.foreground#FFA726
- editorWhitespace.foreground#37474F
- errorForeground#EF5350
- focusBorder#CFD8DC60
- foreground#ECEFF1
- gitDecoration.conflictingResourceForeground#AB47BC
- gitDecoration.deletedResourceForeground#EF5350
- gitDecoration.ignoredResourceForeground#546E7A
- gitDecoration.modifiedResourceForeground#FFA726
- gitDecoration.untrackedResourceForeground#66BB6A
- input.background#2E3A42
- input.border#546E7A
- input.foreground#ECEFF1
- input.placeholderForeground#607D8B
- list.activeSelectionBackground#37474F
- list.activeSelectionForeground#FFFFFF
- list.focusBackground#37474F
- list.highlightForeground#CFD8DC
- list.hoverBackground#2E3A42
- list.hoverForeground#ECEFF1
- list.inactiveSelectionBackground#2E3A42
- list.inactiveSelectionForeground#ECEFF1
- panel.background#1C252A
- panel.border#151C20
- panelTitle.activeBorder#CFD8DC
- panelTitle.activeForeground#CFD8DC
- panelTitle.inactiveForeground#607D8B
- scrollbarSlider.activeBackground#546E7AA0
- scrollbarSlider.background#546E7A40
- scrollbarSlider.hoverBackground#546E7A70
- selection.background#607D8B40
- sideBar.background#212B31
- sideBar.border#151C20
- sideBar.foreground#B0BEC5
- sideBarSectionHeader.background#1C252A
- sideBarSectionHeader.border#151C20
- sideBarSectionHeader.foreground#78909C
- sideBarTitle.foreground#CFD8DC
- statusBar.background#151C20
- statusBar.border#0F1417
- statusBar.debuggingBackground#EF5350
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#78909C
- statusBar.noFolderBackground#151C20
- statusBarItem.hoverBackground#2E3A42
- statusBarItem.remoteBackground#CFD8DC
- statusBarItem.remoteForeground#151C20
- tab.activeBackground#263238
- tab.activeBorder#CFD8DC
- tab.activeBorderTop#CFD8DC
- tab.activeForeground#FFFFFF
- tab.border#151C20
- tab.hoverBackground#2A353C
- tab.hoverForeground#B0BEC5
- tab.inactiveBackground#1C252A
- tab.inactiveForeground#607D8B
- tab.unfocusedActiveForeground#78909C
- tab.unfocusedInactiveForeground#546E7A
- terminal.ansiBlack#2E3A42
- terminal.ansiBlue#42A5F5
- terminal.ansiBrightBlack#546E7A
- terminal.ansiBrightBlue#64B5F6
- terminal.ansiBrightCyan#4DD0E1
- terminal.ansiBrightGreen#81C784
- terminal.ansiBrightMagenta#CE93D8
- terminal.ansiBrightRed#E57373
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFB74D
- terminal.ansiCyan#26C6DA
- terminal.ansiGreen#66BB6A
- terminal.ansiMagenta#AB47BC
- terminal.ansiRed#EF5350
- terminal.ansiWhite#B0BEC5
- terminal.ansiYellow#FFA726
- terminal.background#1C252A
- terminal.foreground#ECEFF1
- titleBar.activeBackground#1C252A
- titleBar.activeForeground#ECEFF1
- titleBar.border#151C20
- titleBar.inactiveBackground#181F24
- titleBar.inactiveForeground#607D8B
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #607D8B | italic |
| keyword, keyword.control, keyword.operator.new, keyword.other.import | #CFD8DC | bold |
| keyword.operator, keyword.operator.logical, keyword.operator.comparison | #26C6DA | — |
| storage, storage.type, storage.modifier | #AB47BC | italic |
| string, string.quoted, string.template | #66BB6A | — |
| constant.character.escape, string.regexp | #26C6DA | — |
| constant.numeric | #FFA726 | — |
| constant, constant.language | #FFB74D | — |
| entity.name.function, meta.definition.method entity.name.function | #64B5F6 | bold |
| meta.function-call, support.function | #CFD8DC | — |
| variable, variable.other | #ECEFF1 | — |
| variable.parameter | #B0BEC5 | italic |
| variable.language, variable.other.this, variable.other.self | #CFD8DC | italic |
| entity.name.type, entity.name.class, support.class | #FFA726 | bold |
| entity.name.interface, entity.name.enum | #CE93D8 | — |
| entity.name.tag | #EF5350 | — |
| entity.other.attribute-name | #64B5F6 | — |
| support.type.property-name | #CFD8DC | — |
| support.constant.property-value | #66BB6A | — |
| punctuation, meta.brace | #78909C | — |
| meta.decorator, punctuation.decorator | #FFA726 | italic |