Kalia
Publisher: Krasimir TsonevThemes in package: 1
A thoughtful VS Code color theme
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#000
- activityBar.border#0000
- activityBar.foreground#b9b9b9
- activityBarBadge.background#5f5f5f
- activityBarBadge.foreground#000
- badge.background#525252
- badge.foreground#000
- breadcrumb.activeSelectionForeground#fff
- breadcrumb.background#000000
- breadcrumb.foreground#555555
- button.background#4e4e4e
- button.foreground#fff
- contrastBorder#0000
- debugToolBar.background#0a0b0f
- diffEditor.insertedTextBackground#00ff6833
- diffEditor.removedTextBackground#ff003233
- dropdown.background#0a0b0f
- dropdown.border#1e1d27
- dropdown.foreground#fff
- editor.background#090909
- editor.findMatchBackground#34463a
- editor.findMatchHighlightBackground#34463a
- editor.focusedStackFrameHighlightBackground#f909
- editor.foldBackground#060606
- editor.foreground#c7c7c7
- editor.lineHighlightBackground#090909
- editor.lineHighlightBorder#090909
- editor.selectionBackground#4b4b4b
- editor.selectionForeground#fff
- editor.selectionHighlightBorder#46e7fc3f
- editor.stackFrameHighlightBackground#ff99004c
- editor.wordHighlightBackground#2e2e2e
- editor.wordHighlightBorder#000
- editor.wordHighlightStrongBackground#3a3a3a
- editor.wordHighlightStrongBorder#000
- editorBracketMatch.background#414141
- editorBracketMatch.border#000
- editorCursor.foreground#9e9e9e
- editorError.foreground#ff0032
- editorGroup.border#0a0b0f
- editorGroupHeader.tabsBackground#161616
- editorGroupHeader.tabsBorder#0000
- editorGutter.addedBackground#1e6d3e
- editorGutter.deletedBackground#ff0032
- editorGutter.modifiedBackground#255a7a
- editorHoverWidget.background#000
- editorHoverWidget.border#858585
- editorHoverWidget.foreground#979797
- editorIndentGuide.background#0f0a0d
- editorLineNumber.activeForeground#5c5c5c
- editorLineNumber.foreground#1d1d1d
- editorLink.activeForeground#46e7fc
- editorOverviewRuler.addedForeground#1e6d3e
- editorOverviewRuler.border#0000
- editorOverviewRuler.bracketMatchForeground#46e7fc7f
- editorOverviewRuler.deletedForeground#ff0032
- editorOverviewRuler.errorForeground#ff0032
- editorOverviewRuler.findMatchForeground#ffca0099
- editorOverviewRuler.modifiedForeground#255a7a
- editorOverviewRuler.selectionHighlightForeground#46e7fc7f
- editorOverviewRuler.warningForeground#000
- editorOverviewRuler.wordHighlightForeground#46e7fc3f
- editorOverviewRuler.wordHighlightStrongForeground#46e7fc7f
- editorRuler.foreground#0f0a0a
- editorSuggestWidget.background#000
- editorSuggestWidget.border#858585
- editorSuggestWidget.foreground#979797
- editorUnnecessaryCode.border#242424
- editorUnnecessaryCode.opacity#00000060
- editorWarning.foreground#000
- editorWidget.background#0a0b0f
- editorWidget.border#1e1d27
- errorForeground#ff5858
- extensionButton.prominentBackground#303030
- extensionButton.prominentForeground#fff
- extensionButton.prominentHoverBackground#6d6d6d
- focusBorder#1e1d27
- foreground#fff
- gitDecoration.addedResourceForeground#52ce84
- gitDecoration.conflictingResourceForeground#ff0000
- gitDecoration.deletedResourceForeground#ff0000
- gitDecoration.ignoredResourceForeground#2e2e37
- gitDecoration.modifiedResourceForeground#5896bd
- gitDecoration.submoduleResourceForeground#5896bd
- gitDecoration.untrackedResourceForeground#52ce84
- input.background#0a0b0f
- input.border#000000
- input.foreground#fff
- input.placeholderForeground#525252
- list.activeSelectionBackground#2e2e2e
- list.activeSelectionForeground#ffffff
- list.dropBackground#52ce8430
- list.focusBackground#46e7fc3f
- list.focusForeground#fff
- list.highlightForeground#fff
- list.hoverBackground#0a0b0f
- list.inactiveSelectionBackground#313131
- list.inactiveSelectionForeground#ffffff
- panel.background#0a0b0f
- panel.border#0000
- panelTitle.activeBorder#2e2e37
- peekView.border#000
- peekViewEditor.background#2b2b2b
- peekViewEditor.matchHighlightBackground#ffffff50
- peekViewResult.background#1f1f1f
- peekViewResult.fileForeground#a8a8b1
- peekViewResult.lineForeground#a8a8b1
- peekViewResult.matchHighlightBackground#ffffff50
- peekViewResult.selectionBackground#636363
- peekViewResult.selectionForeground#000
- peekViewTitle.background#2b2b2b
- peekViewTitleDescription.foreground#adadad
- peekViewTitleLabel.foreground#46e7fc
- progressBar.background#46e7fc
- scrollbar.shadow#0000
- scrollbarSlider.background#ffffff10
- scrollbarSlider.hoverBackground#ffffff54
- sideBar.background#000
- sideBar.foreground#777777
- sideBarSectionHeader.background#0a0b0f
- sideBarSectionHeader.foreground#777777
- sideBarTitle.foreground#5a5a5a
- statusBar.background#000
- statusBar.debuggingBackground#2e2e2e
- statusBar.debuggingForeground#000
- statusBar.foreground#525252
- statusBar.noFolderBackground#000
- tab.activeBackground#000000
- tab.activeForeground#ffffff
- tab.activeModifiedBorder#0000
- tab.border#0000
- tab.inactiveBackground#252525
- tab.inactiveForeground#7a7a7a
- tab.inactiveModifiedBorder#000
- terminal.ansiBlack#fff
- terminal.ansiBlue#004bff
- terminal.ansiBrightBlack#fff
- terminal.ansiBrightBlue#004bff
- terminal.ansiBrightCyan#00d2ff
- terminal.ansiBrightGreen#00ff68
- terminal.ansiBrightMagenta#46e7fc
- terminal.ansiBrightRed#ff0032
- terminal.ansiBrightWhite#fff
- terminal.ansiBrightYellow#ffca00
- terminal.ansiCyan#00d2ff
- terminal.ansiGreen#00ff68
- terminal.ansiMagenta#46e7fc
- terminal.ansiRed#ff0032
- terminal.ansiWhite#fff
- terminal.ansiYellow#ffca00
- terminal.foreground#fff
- terminal.selectionBackground#46e7fc7f
- terminalCursor.foreground#46e7fc
- textLink.activeForeground#46e7fc
- textLink.foreground#46e7fc
- titleBar.activeBackground#000
- titleBar.activeForeground#a8a8b1
- titleBar.inactiveBackground#000
- titleBar.inactiveForeground#2e2e37
- welcomePage.buttonBackground#0a0b0f
- welcomePage.buttonHoverBackground#46e7fc3f
- widget.shadow#0000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword.control.import, keyword.control.from, storage.type | #7c7c7c | — |
| comment | #664e4e | — |
| storage.type.class, storage.type.function, keyword.declaration.dart | #4db8d3f0 | — |
| meta.class entity.name.type.class, meta.definition.function entity.name.function, meta.parameters punctuation.definition.parameters.begin, meta.parameters punctuation.definition.parameters.end, meta.definition.method entity.name.function, meta.method.declaration storage.type, entity.name.function.dart | #4db8d3 | bold |
| keyword.control.conditional, keyword.operator.relational, keyword.operator.arithmetic, keyword.control.loop, keyword.control.flow, keyword.operator.comparison, keyword.operator.expression.delete | #b896bb | — |
| entity.name.type.module, entity.other.inherited-class, punctuation.accessor, meta.definition.property, storage.modifier, variable.language.this, support.type.property-name.json, meta.function-call entity.name.function, meta.definition.variable, variable.other.object, variable.parameter, variable.other.readwrite | #c7c7c7 | |
| meta.function-call entity.name.function, new.expr entity.name.type | — | bold |
| storage.type, storage.modifier, comment, keyword.control.import, keyword.control.from | — | italic |
| string.quoted.double, string.quoted.single, string.template | #b0cab2 | — |
| meta.object.member variable.other.property, punctuation.terminator.statement, meta.definition.property entity.name.function | #cacacaBB | — |
| punctuation.terminator.statement | #cacaca90 | — |
| markup.quote.markdown | #a3a3a3 | italic |
| markup.heading.markdown | #e78181 | bold |
| markup.list.unnumbered.markdown | #b2e6c2 | — |
| meta.link.inline.markdown, meta.image.inline.markdown | #88b4ee | underline |
| markup.italic.markdown | — | italic |
| markup.bold.markdown | — | bold |
| support.type | #5c5c5c | — |
| entity.name.type.interface, entity.name.type.alias, meta.parameters meta.type.annotation entity.name.type, meta.var-single-variable.expr meta.type.annotation entity.name.type | #8fecc5 | — |
| entity.name.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end | #eba3a3 | — |
| entity.other.attribute-name, meta.tag.attributes keyword.operator.assignment, meta.tag.attributes punctuation.section.embedded.begin, meta.tag.attributes punctuation.section.embedded.end | #c9b6b6 | — |
| meta.selector.css, punctuation.section.property-list.begin.bracket.curly | #eba3a3 | — |
| support.type.property-name.css | #fff | — |
| meta.property-value.css | #89a1b4 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...