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#382B36
- activityBar.foreground#FCEFE6
- activityBar.inactiveForeground#C9C9CD
- activityBarBadge.background#C86D6D
- activityBarBadge.foreground#2A2028
- badge.background#C86D6D
- badge.foreground#2A2028
- button.background#4D9391
- button.foreground#2A2028
- button.hoverBackground#EED891
- diffEditor.insertedLineBackground#80BCB622
- diffEditor.insertedTextBackground#80BCB633
- diffEditor.removedLineBackground#CD5C6022
- diffEditor.removedTextBackground#CD5C6033
- dropdown.background#382B36
- dropdown.border#554151
- dropdown.foreground#FCEFE6
- editor.background#2A2028
- editor.findMatchBackground#4C7DE8AA
- editor.findMatchHighlightBackground#EEEB2866
- editor.foreground#FCEFE6
- editor.inactiveSelectionBackground#392E4066
- editor.lineHighlightBackground#47364480
- editor.selectionBackground#392E4099
- editor.selectionHighlightBackground#0ED49B44
- editor.wordHighlightBackground#E84C5844
- editor.wordHighlightStrongBackground#4C7DE855
- editorBracketMatch.background#68F3CA33
- editorBracketMatch.border#68F3CA
- editorCursor.foreground#FCEFE6
- editorError.foreground#E84C58
- editorGutter.addedBackground#80BCB6
- editorGutter.background#2A2028
- editorGutter.deletedBackground#CD5C60
- editorGutter.modifiedBackground#CD9575
- editorHint.foreground#84686E
- editorIndentGuide.activeBackground1#453947
- editorIndentGuide.background1#554151AA
- editorInfo.foreground#FEB193
- editorLineNumber.activeForeground#CEA2CA
- editorLineNumber.foreground#84686E
- editorOverviewRuler.addedForeground#80BCB6
- editorOverviewRuler.deletedForeground#CD5C60
- editorOverviewRuler.errorForeground#E84C58
- editorOverviewRuler.infoForeground#FEB193
- editorOverviewRuler.modifiedForeground#CD9575
- editorOverviewRuler.warningForeground#F3C91F
- editorWarning.foreground#F3C91F
- editorWhitespace.foreground#BEBEC466
- input.background#382B36
- input.border#554151
- input.foreground#FCEFE6
- input.placeholderForeground#BEBEC4
- list.activeSelectionBackground#392E4066
- list.activeSelectionForeground#FCEFE6
- list.highlightForeground#C86D6D
- list.hoverBackground#47364488
- panel.background#1F181D
- panel.border#473644
- panelTitle.activeBorder#C86D6D
- panelTitle.activeForeground#FCEFE6
- panelTitle.inactiveForeground#C9C9CD
- peekView.border#554151
- peekViewEditor.background#2A2028
- peekViewEditor.matchHighlightBackground#0ED49B66
- peekViewResult.background#1F181D
- peekViewResult.matchHighlightBackground#0ED49B66
- sideBar.background#1F181D
- sideBar.foreground#D4D4D6
- sideBarSectionHeader.background#382B36
- sideBarSectionHeader.foreground#FCEFE6
- sideBarTitle.foreground#FCEFE6
- statusBar.background#382B36
- statusBar.debuggingBackground#F3C91F
- statusBar.debuggingForeground#2A2028
- statusBar.foreground#FCEFE6
- statusBar.noFolderBackground#382B36
- tab.activeBackground#2A2028
- tab.activeBorderTop#C86D6D
- tab.activeForeground#FCEFE6
- tab.border#473644
- tab.inactiveBackground#382B36
- tab.inactiveForeground#C9C9CD
- terminal.ansiBlack#2A2028
- terminal.ansiBlue#41B0F3
- terminal.ansiBrightBlack#84686E
- terminal.ansiBrightBlue#FEB193
- terminal.ansiBrightCyan#EED891
- terminal.ansiBrightGreen#65E6A7
- terminal.ansiBrightMagenta#CEA2CA
- terminal.ansiBrightRed#E84C58
- terminal.ansiBrightWhite#FCEFE6
- terminal.ansiBrightYellow#F3C91F
- terminal.ansiCyan#6BD9DB
- terminal.ansiGreen#91F368
- terminal.ansiMagenta#CEA2CA
- terminal.ansiRed#E84C58
- terminal.ansiWhite#FCEFE6
- terminal.ansiYellow#EED891
- terminal.background#2A2028
- terminal.foreground#FCEFE6
- titleBar.activeBackground#382B36
- titleBar.activeForeground#FCEFE6
- titleBar.inactiveBackground#2A2028
- titleBar.inactiveForeground#C9C9CD
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #84686E | — |
| keyword, keyword.control, storage, storage.type | #C86D6D | — |
| support.function, support.class, support.type, support.constant | #FEB193 | — |
| entity.name.function, meta.function-call, support.function.any-method | #A1DDD7 | — |
| variable, meta.definition.variable.name, entity.name.variable | #CEA2CA | — |
| variable.parameter, meta.parameter | #D4D4D6 | — |
| variable.other.property, meta.object-literal.key, support.variable.property | #CEA2CA | — |
| entity.name.type, entity.name.class, entity.name.namespace, support.type | #EED891 | — |
| constant, constant.language, constant.character | #CEA2CA | — |
| constant.numeric | #A1A0C5 | — |
| constant.language.boolean | #A1A0C5 | — |
| string, string.quoted, string.template | #A1A0C5 | — |
| constant.character.escape, string.regexp, string.regexp punctuation.definition.string.begin | #787096 | — |
| comment.block.documentation, string.quoted.docstring | #787096 | — |
| meta.preprocessor, entity.name.tag, entity.other.attribute-name | #90AEA1 | — |
| keyword.operator, punctuation, meta.brace | #D4D4D6 | — |
| invalid, invalid.deprecated | #E84C58 | — |
| markup.warning | #F3C91F | — |
| markup.heading, markup.heading punctuation.definition.heading | #C86D6D | — |
| markup.italic, markup.bold, markup.bold markup.italic | #FEB193 | — |
| markup.underline.link, string.other.link.title | #9D81BA | — |
| markup.inserted, meta.diff.header.to-file | #80BCB6 | — |
| markup.changed, meta.diff.header | #CD9575 | — |
| markup.deleted, meta.diff.header.from-file | #CD5C60 | — |