Knoctal Theme
Publisher: KnoctalThemes in package: 2
Knoctal dark theme for VS Code
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.activeBackground#282848
- activityBar.activeBorder#615FFF
- activityBar.background#1c1d22
- activityBar.border#34373f
- activityBar.foreground#E0E0E0
- activityBarBadge.background#444444
- activityBarBadge.foreground#FFFFFF
- button.background#615FFF
- button.foreground#eef2ff
- button.hoverBackground#4f39f6
- editor.background#1f2024
- editor.foreground#E0E0E0
- editor.lineHighlightBackground#2c2c2cba
- editor.selectionBackground#343440
- editorCursor.foreground#AEAFAD
- editorGroupHeader.tabsBackground#131313
- editorLineNumber.activeForeground#a2abbc
- editorLineNumber.foreground#4e525c
- editorSuggestWidget.background#27292d
- editorSuggestWidget.border#4e525c
- editorSuggestWidget.foreground#E0E0E0
- extensionButton.prominentBackground#4f39f6
- extensionButton.prominentForeground#eef2ff
- extensionButton.prominentHoverBackground#615FFF
- focusBorder#615FFF
- list.activeSelectionBackground#3e4451
- list.focusOutline#1f1f30
- panel.background#181818
- quickInput.background#1b202b
- quickInput.foreground#E0E0E0
- settings.headerForeground#c7c7c7
- settings.modifiedItemIndicator#615FFF
- sideBar.background#20222a
- sideBar.border#34373f
- sideBar.dropBackground#181818
- sideBar.foreground#CCCCCC
- sideBarSectionHeader.background#242b3d
- sideBarTitle.foreground#BBBBBB
- statusBar.background#1e1e1e
- statusBar.border#444444
- statusBar.debuggingBackground#615FFF
- statusBar.foreground#cbcbcb
- statusBarItem.warningBackground#2b7fff
- tab.activeBackground#282848
- tab.activeBorder#615FFF
- tab.activeForeground#FFFFFF
- tab.border#5d6068
- tab.inactiveBackground#191a20
- tab.inactiveForeground#AAAAAA
- terminal.ansiBlack#282c34
- terminal.ansiBlue#61afef
- terminal.ansiBrightBlack#5c6370
- terminal.ansiBrightBlue#61afef
- terminal.ansiBrightCyan#a54e02
- terminal.ansiBrightGreen#98c379
- terminal.ansiBrightMagenta#c678dd
- terminal.ansiBrightRed#d9858c
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#e5c07b
- terminal.ansiCyan#56b6c2
- terminal.ansiGreen#98c379
- terminal.ansiMagenta#c678dd
- terminal.ansiRed#d9858c
- terminal.ansiWhite#abb2bf
- terminal.ansiYellow#e5c07b
- terminal.background#1b202b
- terminal.foreground#b2b4cb
- terminal.selectionBackground#3e4451
- textLink.activeForeground#615FFF
- textLink.foreground#7c86ff
- titleBar.activeBackground#1e1d49
- titleBar.activeForeground#FFFFFF
- titleBar.border#34373f
- welcomePage.background#20242c
- welcomePage.progress.background#615FFF
- welcomePage.progress.foreground#1f2024
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6f7176 | — |
| string, punctuation.definition.string | #d78787 | — |
| entity.name.function, storage.type.function.arrow, keyword.control.flow.return, meta.function.anonymous, variable.function | #a494ea | — |
| keyword | #ec647d | italic |
| storage.modifier.async, storage.modifier.async.ts, storage.modifier.async.tsx | #ec647d | italic |
| variable | #ffb383 | — |
| entity.name.type, entity.name.class, entity.name.namespace, entity.other.inherited-class, support.class, entity.name.type.class.tsx, entity.name.type.module.ts, entity.name.type.module.tsx | #b38cce | — |
| storage.type, storage.type.interface.ts, storage.type.interface.tsx, storage.type.enum.ts, storage.type.enum.tsx, storage.type.type.ts, storage.type.type.tsx, keyword.operator.type.annotation.ts, keyword.operator.type.annotation.tsx | #83b5ff | italic |
| constant.numeric | #a4c1ff | — |
| keyword.operator | #ef5f72 | — |
| entity.name.tag | #FFC000 | — |
| support.class.component.jsx, support.class.component.js, support.class.component.tsx, entity.name.tag.js.jsx, entity.name.tag.js.js, entity.name.tag.tsx | #FFC000 | — |
| entity.other.attribute-name | #a4c1ff | — |
| punctuation | #c2c2c2 | — |
| invalid | #ff3333 | — |
| constant | #a4c1ff | — |
| variable.other.property | #a4c1ff | — |
| meta.return | #a4c1ff | italic |
| meta.object-literal.key | #c5cfe6 | — |
| support.type.property-name.css | #a4c1ff | — |
| support.function | #a494ea | — |
| support.constant.property-value.css | #FFC000 | italic |
| storage.type.built-in.cpp, entity.name.type.cpp, support.type.cpp, variable.other.cpp, storage.type.user-defined.cpp | #83b5ff | bold |
| support.type.primitive.ts, support.type.primitive.tsx, entity.name.type.primitive.ts, entity.name.type.primitive.tsx, variable.other.readwrite.ts.null, variable.other.readwrite.tsx.null, variable.other.readwrite.ts.undefined, variable.other.readwrite.tsx.undefined, support.type.builtin.ts, support.type.builtin.tsx, keyword.operator.expression.typeof.ts, keyword.operator.expression.typeof.tsx, support.type.primitive.ts, support.type.primitive.tsx | #83b5ff | italic |
| storage.modifier.ts, storage.modifier.tsx | #ec647d | italic bold |
| meta.decorator.ts, meta.decorator.tsx, entity.name.function.decorator.ts, entity.name.function.decorator.tsx | #FFC000 | italic |
| entity.name.type.parameter.ts, entity.name.type.parameter.tsx | #83b5ff | — |
| variable.other.enummember.ts, variable.other.enummember.tsx | #a4c1ff | — |
| entity.name.type.interface.ts, entity.name.type.interface.tsx | #b38cce | — |
| entity.name.type.alias.ts, entity.name.type.alias.tsx | #b38cce | — |
| entity.name.tag.tsx | #FFC000 | — |
| entity.other.attribute-name.tsx | #a4c1ff | — |
| punctuation.definition.tag.begin.tsx, punctuation.definition.tag.end.tsx | #c2c2c2 | — |
| support.type.property-name.json | #a4c1ff | — |
| markup.heading | #FFC000 | bold |
| markup.italic | #d78787 | italic |
| markup.bold | #d78787 | bold |
| markup.inline.raw, markup.fenced_code.block | #a494ea | — |
| markup.underline.link | #83b5ff | underline |
| punctuation.definition.list.markdown | #FFC000 | bold |
| keyword.instruction, keyword.instruction.prefix.assembly | #ffcc00 | — |
| comment.line.assembly, comment.line.number-sign.assembly, comment.line.double-slash.assembly, comment.line.at-sign.assembly, comment.block.assembly | #898989 | — |
| string.assembly, string.quoted.double.assembly, string.quoted.single.assembly, string.quoted.backtick.assembly | #d78787 | — |
| constant.character.escape.assembly | #FFC000 | — |
| constant.numeric.assembly, constant.numeric.hex.assembly, constant.numeric.binary.assembly, constant.numeric.octal.assembly, constant.numeric.float.assembly | #a4c1ff | — |
| variable.register.assembly | #ec647d | — |
| storage.type.directive.assembly, keyword.control.preprocessor.assembly | #ec647d | italic |
| storage.modifier.size.assembly | #b38cce | — |
| support.type.attribute.assembly, support.type.relocation.assembly | #FFC000 | — |
| entity.name.function.label.assembly, entity.name.function.assembly | #a494ea | — |
| variable.parameter.preprocessor.assembly | #ffb383 | italic |
| storage.type.string.gdscript | #d78787 | — |
| constant.character.escape.gdscript | #FFC000 | — |
| comment.line.documentation.gdscript | #8b8f99 | italic |
| keyword.control.java, storage.modifier.java, storage.type.java | #ec647d | italic |
| entity.name.type.class.java, entity.other.inherited-class.java | #b38cce | — |
| entity.name.function.java, entity.name.function.method.java | #a494ea | — |
| storage.type.annotation.java | #FFC000 | italic |
| variable.other.definition.java | #ffb383 | — |
| variable.other.constant.java | #a4c1ff | — |
| storage.modifier.import.java, storage.modifier.package.java | #ec647d | italic |
| keyword.control.cs, storage.modifier.cs, keyword.other.namespace.cs, storage.type.cs | #ec647d | italic |
| storage.modifier.access.control.public.cs, storage.modifier.access.control.private.cs, storage.modifier.access.control.protected.cs, storage.modifier.access.control.internal.cs, storage.modifier.static.cs, storage.modifier.private.cs, storage.modifier.public.cs, storage.modifier.protected.cs, storage.modifier.internal.cs, storage.modifier.async.cs, storage.modifier.readonly.cs, storage.modifier.const.cs, storage.modifier.cs | #ec647d | italic |
| entity.name.type.class.cs, entity.name.type.struct.cs, entity.name.type.interface.cs, entity.other.inherited-class.cs | #b38cce | — |
| entity.name.type.namespace.cs | #b38cce | — |
| meta.preprocessor.cs, keyword.preprocessor.cs | #ec647d | italic |
| keyword.control.rust, keyword.operator.rust, storage.type.rust, storage.modifier.rust | #ec647d | italic |
| entity.name.type.rust, storage.type.core.rust, storage.class.std.rust | #b38cce | — |
| entity.name.function.rust, support.function.rust | #a494ea | — |
| support.macro.rust, entity.name.function.macro.rust | #FFC000 | — |
| meta.attribute.rust | #a4c1ff | italic |
| storage.modifier.lifetime.rust | #ef5f72 | italic |
| support.constant.core.rust, variable.other.constant.rust | #a4c1ff | — |
| keyword.control.zig, keyword.operator.zig, storage.type.zig, storage.modifier.zig | #ec647d | italic |
| entity.name.type.zig, storage.type.zig | #b38cce | — |
| entity.name.function.zig | #a494ea | — |
| support.function.builtin.zig | #FFC000 | — |
| variable.other.zig | #ffb383 | — |
| variable.other.constant.zig | #a4c1ff | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #ef5f72 | — |
| keyword.control.php, keyword.other.php, storage.type.php, storage.modifier.php, keyword.other.namespace.php, keyword.other.use.php, keyword.other.function.use.php, keyword.other.class.php, keyword.other.interface.php, keyword.other.trait.php, keyword.control.import.include.php, keyword.operator.logical.php | #ec647d | italic |
| entity.name.function.php, support.function.php | #a494ea | — |
| entity.name.type.class.php, entity.name.type.interface.php, entity.name.type.trait.php, support.class.php | #b38cce | — |
| support.other.namespace.php, entity.name.type.namespace.php | #b38cce | — |
| variable.other.property.php | #a4c1ff | — |
| constant.language.php, support.function.magic.php | #FFC000 | italic |
| keyword.other.phpdoc.php, comment.block.documentation.php | #6f7176 | italic |
| meta.attribute.php, support.attribute.php | #FFC000 | italic |
| entity.name.tag.html.php, entity.name.tag.inline.php, entity.name.tag.block.php, punctuation.definition.tag.begin.html.php, punctuation.definition.tag.end.html.php, entity.name.tag.structure.any.html.php | #FFC000 | — |
| entity.other.attribute-name.html.php, entity.other.attribute-name.id.html.php, entity.other.attribute-name.class.html.php | #a4c1ff | — |
| variable.other.php | #ffb383 | — |
| string.quoted.double.html.php, string.quoted.single.html.php | #d78787 | — |
| meta.tag.metadata.doctype.html.php, entity.name.tag.doctype.html.php | #ec647d | italic |
| variable.other.php.embedded | #ffb383 | — |
| keyword.control.kotlin, keyword.control.flow.kotlin, keyword.control.import.kotlin, keyword.other.declaration.kotlin, keyword.other.fun.kotlin, keyword.other.accessor.kotlin, keyword.operator.expression.kotlin, keyword.operator.infix.kotlin, storage.modifier.kotlin, storage.type.kotlin | #ec647d | italic |
| entity.name.type.class.kotlin, entity.name.type.parameter.kotlin, entity.name.namespace.kotlin, support.class.kotlin | #b38cce | — |
| entity.name.function.kotlin, support.function.kotlin | #a494ea | — |
| storage.type.annotation.kotlin, storage.modifier.annotation-target.kotlin | #FFC000 | italic |
| entity.name.label.kotlin | #FFC000 | italic |
| variable.other.kotlin, variable.other.declaration.kotlin | #ffb383 | — |
| variable.language.kotlin | #ec647d | italic |
| variable.other.property.kotlin | #a4c1ff | — |
| meta.template.expression.kotlin | #ffb383 | — |
| punctuation.definition.template-expression.begin.kotlin, punctuation.definition.template-expression.end.kotlin | #ec647d | — |
| string.quoted.triple.kotlin, string.quoted.double.kotlin, string.quoted.single.kotlin | #d78787 | — |
| constant.character.escape.kotlin, constant.character.escape.unicode.kotlin | #FFC000 | — |
| constant.language.kotlin, constant.other.kotlin, constant.numeric.hex.kotlin, constant.numeric.binary.kotlin, constant.numeric.float.kotlin, constant.numeric.integer.kotlin | #a4c1ff | — |
| keyword.operator.kotlin, keyword.operator.dot.kotlin, keyword.operator.label.kotlin, keyword.operator.callable-reference.kotlin | #ef5f72 | — |
| punctuation.section.braces.kotlin, punctuation.section.parens.kotlin, punctuation.section.brackets.kotlin, punctuation.separator.comma.kotlin, punctuation.separator.colon.kotlin, punctuation.terminator.kotlin | #c2c2c2 | — |
| comment.line.double-slash.kotlin, comment.line.shebang.kotlin, comment.block.kotlin, comment.block.documentation.kotlin | #6f7176 | — |
| keyword.other.documentation.kotlin | #8b8f99 | italic |
| entity.name.type.documentation.kotlin, markup.inline.raw.documentation.kotlin | #8397b3 | — |
| meta.brace.round, meta.brace.square, meta.brace.curly | #c2c2c2 | — |
| support.type.python, support.type.exception.python | #b38cce | — |
| meta.function-call.generic.python | #a494ea | — |
| meta.attribute.python, support.variable.magic.python | #a4c1ff | — |
| storage.modifier.declaration.python | #ec647d | italic |
| storage.modifier | #ec647d | italic |
| entity.name.label | #FFC000 | italic |
| entity.name.other.preprocessor | #FFC000 | — |
| entity.name.scope-resolution | #b38cce | — |
| entity.other.attribute | #FFC000 | italic |
| storage.modifier.shell | #ec647d | italic |
| meta.at-rule.media.header.css, support.constant.media.css, support.type.property-name.media.css | #a4c1ff | — |
| entity.other.keyframe-offset.css | #ec647d | italic |
| markup.strikethrough | #6f7176 | strikethrough |
| meta.separator.markdown | #6f7176 | — |