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#DFE1DC
- activityBar.foreground#383E3F
- activityBar.inactiveForeground#545C5E
- activityBarBadge.background#13665F
- activityBarBadge.foreground#EDEEEB
- badge.background#13665F
- badge.foreground#EDEEEB
- button.background#4D9391
- button.foreground#EDEEEB
- button.hoverBackground#EED891
- diffEditor.insertedLineBackground#40826D22
- diffEditor.insertedTextBackground#40826D33
- diffEditor.removedLineBackground#CD5C6022
- diffEditor.removedTextBackground#CD5C6033
- dropdown.background#DFE1DC
- dropdown.border#C8CCC3
- dropdown.foreground#383E3F
- editor.background#EDEEEB
- editor.findMatchBackground#2683B5AA
- editor.findMatchHighlightBackground#D1832E66
- editor.foreground#383E3F
- editor.inactiveSelectionBackground#D3E4F066
- editor.lineHighlightBackground#DFE1DC80
- editor.selectionBackground#D3E4F099
- editor.selectionHighlightBackground#18A31844
- editor.wordHighlightBackground#C86D6D44
- editor.wordHighlightStrongBackground#2683B555
- editorBracketMatch.background#68F3CA33
- editorBracketMatch.border#68F3CA
- editorCursor.foreground#545C5E
- editorError.foreground#EF6787
- editorGutter.addedBackground#40826D
- editorGutter.background#EDEEEB
- editorGutter.deletedBackground#CD5C60
- editorGutter.modifiedBackground#AD55DC
- editorHint.foreground#7C878A
- editorIndentGuide.activeBackground1#919A9C
- editorIndentGuide.background1#C8CCC3AA
- editorInfo.foreground#4C7A90
- editorLineNumber.activeForeground#18A318
- editorLineNumber.foreground#7C878A
- editorOverviewRuler.addedForeground#40826D
- editorOverviewRuler.deletedForeground#CD5C60
- editorOverviewRuler.errorForeground#EF6787
- editorOverviewRuler.infoForeground#4C7A90
- editorOverviewRuler.modifiedForeground#AD55DC
- editorOverviewRuler.warningForeground#C5882C
- editorWarning.foreground#C5882C
- editorWhitespace.foreground#60696B66
- input.background#DFE1DC
- input.border#C8CCC3
- input.foreground#383E3F
- input.placeholderForeground#60696B
- list.activeSelectionBackground#D3E4F066
- list.activeSelectionForeground#383E3F
- list.highlightForeground#13665F
- list.hoverBackground#D1D4CD88
- panel.background#F5F6F5
- panel.border#D1D4CD
- panelTitle.activeBorder#13665F
- panelTitle.activeForeground#383E3F
- panelTitle.inactiveForeground#545C5E
- peekView.border#C8CCC3
- peekViewEditor.background#EDEEEB
- peekViewEditor.matchHighlightBackground#18A31866
- peekViewResult.background#F5F6F5
- peekViewResult.matchHighlightBackground#18A31866
- sideBar.background#F5F6F5
- sideBar.foreground#4B5254
- sideBarSectionHeader.background#DFE1DC
- sideBarSectionHeader.foreground#383E3F
- sideBarTitle.foreground#383E3F
- statusBar.background#DFE1DC
- statusBar.debuggingBackground#C5882C
- statusBar.debuggingForeground#EDEEEB
- statusBar.foreground#383E3F
- statusBar.noFolderBackground#DFE1DC
- tab.activeBackground#EDEEEB
- tab.activeBorderTop#13665F
- tab.activeForeground#383E3F
- tab.border#D1D4CD
- tab.inactiveBackground#DFE1DC
- tab.inactiveForeground#545C5E
- terminal.ansiBlack#383E3F
- terminal.ansiBlue#3B84CC
- terminal.ansiBrightBlack#7C878A
- terminal.ansiBrightBlue#4C7A90
- terminal.ansiBrightCyan#E36B3F
- terminal.ansiBrightGreen#39854C
- terminal.ansiBrightMagenta#845A84
- terminal.ansiBrightRed#EF6787
- terminal.ansiBrightWhite#383E3F
- terminal.ansiBrightYellow#C5882C
- terminal.ansiCyan#6FACB3
- terminal.ansiGreen#13665F
- terminal.ansiMagenta#A9779C
- terminal.ansiRed#E84C58
- terminal.ansiWhite#C8CCC3
- terminal.ansiYellow#E36B3F
- terminal.background#EDEEEB
- terminal.foreground#383E3F
- titleBar.activeBackground#DFE1DC
- titleBar.activeForeground#383E3F
- titleBar.inactiveBackground#EDEEEB
- titleBar.inactiveForeground#545C5E
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7C878A | — |
| keyword, keyword.control, storage, storage.type | #13665F | — |
| support.function, support.class, support.type, support.constant | #4C7A90 | — |
| entity.name.function, meta.function-call, support.function.any-method | #4C7A90 | — |
| variable, meta.definition.variable.name, entity.name.variable | #845A84 | — |
| variable.parameter, meta.parameter | #4B5254 | — |
| variable.other.property, meta.object-literal.key, support.variable.property | #845A84 | — |
| entity.name.type, entity.name.class, entity.name.namespace, support.type | #E36B3F | — |
| constant, constant.language, constant.character | #845A84 | — |
| constant.numeric | #CD5C60 | — |
| constant.language.boolean | #CD5C60 | — |
| string, string.quoted, string.template | #39854C | — |
| constant.character.escape, string.regexp, string.regexp punctuation.definition.string.begin | #B08C77 | — |
| comment.block.documentation, string.quoted.docstring | #B08C77 | — |
| meta.preprocessor, entity.name.tag, entity.other.attribute-name | #6D46E3 | — |
| keyword.operator, punctuation, meta.brace | #4B5254 | — |
| invalid, invalid.deprecated | #EF6787 | — |
| markup.warning | #C5882C | — |
| markup.heading, markup.heading punctuation.definition.heading | #13665F | — |
| markup.italic, markup.bold, markup.bold markup.italic | #4C7A90 | — |
| markup.underline.link, string.other.link.title | #9D81BA | — |
| markup.inserted, meta.diff.header.to-file | #40826D | — |
| markup.changed, meta.diff.header | #AD55DC | — |
| markup.deleted, meta.diff.header.from-file | #CD5C60 | — |