Kaolin Themes (Emacs Port)
Publisher: hasitThemes in package: 15
Kaolin themes for VS Code generated from emacs-kaolin-themes
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#222225
- activityBar.foreground#E6E6E8
- activityBar.inactiveForeground#C9C9CD
- activityBarBadge.background#4D9391
- activityBarBadge.foreground#18181B
- badge.background#4D9391
- badge.foreground#18181B
- button.background#4D9391
- button.foreground#18181B
- button.hoverBackground#EED891
- diffEditor.insertedLineBackground#35BF8822
- diffEditor.insertedTextBackground#35BF8833
- diffEditor.removedLineBackground#CD5C6022
- diffEditor.removedTextBackground#CD5C6033
- dropdown.background#222225
- dropdown.border#303035
- dropdown.foreground#E6E6E8
- editor.background#18181B
- editor.findMatchBackground#4CA6E8AA
- editor.findMatchHighlightBackground#EED89166
- editor.foreground#E6E6E8
- editor.inactiveSelectionBackground#2E403B66
- editor.lineHighlightBackground#22222580
- editor.selectionBackground#2E403B99
- editor.selectionHighlightBackground#68F3CA44
- editor.wordHighlightBackground#C79AF444
- editor.wordHighlightStrongBackground#4CA6E855
- editorBracketMatch.background#68F3CA33
- editorBracketMatch.border#68F3CA
- editorCursor.foreground#F2F2F2
- editorError.foreground#CD5C60
- editorGutter.addedBackground#35BF88
- editorGutter.background#18181B
- editorGutter.deletedBackground#CD5C60
- editorGutter.modifiedBackground#BC90D4
- editorHint.foreground#545C5E
- editorIndentGuide.activeBackground1#545C5E
- editorIndentGuide.background1#303035AA
- editorInfo.foreground#80BCB6
- editorLineNumber.activeForeground#919A9C
- editorLineNumber.foreground#545C5E
- editorOverviewRuler.addedForeground#35BF88
- editorOverviewRuler.deletedForeground#CD5C60
- editorOverviewRuler.errorForeground#CD5C60
- editorOverviewRuler.infoForeground#80BCB6
- editorOverviewRuler.modifiedForeground#BC90D4
- editorOverviewRuler.warningForeground#DBAC66
- editorWarning.foreground#DBAC66
- editorWhitespace.foreground#BEBEC466
- input.background#222225
- input.border#303035
- input.foreground#E6E6E8
- input.placeholderForeground#BEBEC4
- list.activeSelectionBackground#2E403B66
- list.activeSelectionForeground#E6E6E8
- list.highlightForeground#4D9391
- list.hoverBackground#2B2B2F88
- panel.background#161618
- panel.border#2B2B2F
- panelTitle.activeBorder#4D9391
- panelTitle.activeForeground#E6E6E8
- panelTitle.inactiveForeground#C9C9CD
- peekView.border#303035
- peekViewEditor.background#18181B
- peekViewEditor.matchHighlightBackground#68F3CA66
- peekViewResult.background#161618
- peekViewResult.matchHighlightBackground#68F3CA66
- sideBar.background#161618
- sideBar.foreground#D4D4D6
- sideBarSectionHeader.background#222225
- sideBarSectionHeader.foreground#E6E6E8
- sideBarTitle.foreground#E6E6E8
- statusBar.background#222225
- statusBar.debuggingBackground#DBAC66
- statusBar.debuggingForeground#18181B
- statusBar.foreground#E6E6E8
- statusBar.noFolderBackground#222225
- tab.activeBackground#18181B
- tab.activeBorderTop#4D9391
- tab.activeForeground#E6E6E8
- tab.border#2B2B2F
- tab.inactiveBackground#222225
- tab.inactiveForeground#C9C9CD
- terminal.ansiBlack#18181B
- terminal.ansiBlue#41B0F3
- terminal.ansiBrightBlack#545C5E
- terminal.ansiBrightBlue#80BCB6
- terminal.ansiBrightCyan#CD9575
- terminal.ansiBrightGreen#65E6A7
- terminal.ansiBrightMagenta#AB98B5
- terminal.ansiBrightRed#CD5C60
- terminal.ansiBrightWhite#E6E6E8
- terminal.ansiBrightYellow#DBAC66
- terminal.ansiCyan#6BD9DB
- terminal.ansiGreen#65E6A7
- terminal.ansiMagenta#CEA2CA
- terminal.ansiRed#CD5C60
- terminal.ansiWhite#E6E6E8
- terminal.ansiYellow#DBAC66
- terminal.background#18181B
- terminal.foreground#E6E6E8
- titleBar.activeBackground#222225
- titleBar.activeForeground#E6E6E8
- titleBar.inactiveBackground#18181B
- titleBar.inactiveForeground#C9C9CD
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #545C5E | — |
| keyword, keyword.control, storage, storage.type | #4D9391 | — |
| support.function, support.class, support.type, support.constant | #80BCB6 | — |
| entity.name.function, meta.function-call, support.function.any-method | #80BCB6 | — |
| variable, meta.definition.variable.name, entity.name.variable | #787096 | — |
| variable.parameter, meta.parameter | #D4D4D6 | — |
| variable.other.property, meta.object-literal.key, support.variable.property | #787096 | — |
| entity.name.type, entity.name.class, entity.name.namespace, support.type | #CD9575 | — |
| constant, constant.language, constant.character | #AB98B5 | — |
| constant.numeric | #CD5C60 | — |
| constant.language.boolean | #CD5C60 | — |
| string, string.quoted, string.template | #65E6A7 | — |
| constant.character.escape, string.regexp, string.regexp punctuation.definition.string.begin | #5D8272 | — |
| comment.block.documentation, string.quoted.docstring | #5D8272 | — |
| meta.preprocessor, entity.name.tag, entity.other.attribute-name | #9D81BA | — |
| keyword.operator, punctuation, meta.brace | #D4D4D6 | — |
| invalid, invalid.deprecated | #CD5C60 | — |
| markup.warning | #DBAC66 | — |
| markup.heading, markup.heading punctuation.definition.heading | #4D9391 | — |
| markup.italic, markup.bold, markup.bold markup.italic | #80BCB6 | — |
| markup.underline.link, string.other.link.title | #9D81BA | — |
| markup.inserted, meta.diff.header.to-file | #35BF88 | — |
| markup.changed, meta.diff.header | #BC90D4 | — |
| markup.deleted, meta.diff.header.from-file | #CD5C60 | — |