getCodingKnowledge Theme
Publisher: noxaledThemes in package: 1
New getCodingKnowledge 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#1b1d20
- activityBar.foreground#c7d0d9
- activityBarBadge.background#b3cc57
- activityBarBadge.foreground#ffffff
- badge.background#b3cc57
- badge.foreground#ffffff
- button.background#ef746f
- button.foreground#ffffff
- dropdown.background#111314
- dropdown.border#111314
- dropdown.foreground#c7d0d9
- editor.background#16181a
- editor.foreground#c7d0d9
- editor.hoverHighlightBackground#b3cc5722
- editor.lineHighlightBackground#1d2022
- editor.selectionBackground#b3cc5755
- editor.wordHighlightBackground#ffbe4022
- editor.wordHighlightStrongBackground#ef746f22
- editorBracketMatch.background#b3cc5744
- editorBracketMatch.border#ef746f
- editorCursor.foreground#f8f8f0
- editorGroupHeader.tabsBackground#1d2022
- editorGutter.addedBackground#a7da1e
- editorGutter.background#111314
- editorGutter.deletedBackground#e61f44
- editorGutter.modifiedBackground#f7b83d
- editorIndentGuide.background#2d3136
- editorLineNumber.foreground#454b51
- editorLink.activeForeground#b3cc57
- editorOverviewRuler.addedForeground#a7da1e
- editorOverviewRuler.deletedForeground#e61f44
- editorOverviewRuler.errorForeground#e61f44
- editorOverviewRuler.findMatchForeground#ef746f55
- editorOverviewRuler.infoForeground#9d37fc
- editorOverviewRuler.modifiedForeground#f7b83d
- editorOverviewRuler.warningForeground#f7b83d
- editorRuler.foreground#2d3136
- editorSuggestWidget.foreground#c7d0d9
- editorSuggestWidget.highlightForeground#b3cc57
- editorSuggestWidget.selectedBackground#454b51
- editorWhitespace.foreground#2d3136
- editorWidget.background#2d3136
- editorWidget.border#454b51
- extensionButton.prominentBackground#b3cc57
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#c5d87e
- focusBorder#b3cc57
- foreground#c7d0d9
- gitDecoration.conflictingResourceForeground#9d37fc
- gitDecoration.deletedResourceForeground#e61f44
- gitDecoration.ignoredResourceForeground#5c646d
- gitDecoration.modifiedResourceForeground#f7b83d
- gitDecoration.untrackedResourceForeground#a7da1e
- input.background#0a0b0c
- input.border#393e43
- input.foreground#c7d0d9
- input.placeholderForeground#40464c
- inputOption.activeBorder#ef746f
- list.activeSelectionBackground#ef746f
- list.activeSelectionForeground#16181a
- list.focusBackground#393e43
- list.hoverBackground#1d2022
- list.inactiveSelectionBackground#16181a
- panel.background#2d3136
- panel.border#454b51
- panelTitle.activeBorder#b3cc57
- panelTitle.inactiveForeground#68717b
- peekView.border#b3cc57
- peekViewEditor.background#0d0e0f
- peekViewEditor.matchHighlightBackground#ef746f55
- peekViewEditorGutter.background#111314
- peekViewResult.background#222528
- peekViewResult.fileForeground#bbc6d1
- peekViewResult.lineForeground#a9b6c4
- peekViewResult.matchHighlightBackground#ef746f55
- peekViewResult.selectionBackground#1b1d20
- peekViewResult.selectionForeground#c7d0d9
- peekViewTitle.background#111314
- peekViewTitleDescription.foreground#bec8d3
- peekViewTitleLabel.foreground#c7d0d9
- progressBar.background#ffbe40
- scrollbar.shadow#000000
- scrollbarSlider.activeBackground#b3cc57aa
- scrollbarSlider.background#454b51aa
- scrollbarSlider.hoverBackground#b3cc5755
- sideBar.background#222528
- sideBar.foreground#c7d0d9
- sideBarSectionHeader.background#292c30
- sideBarSectionHeader.foreground#c7d0d9
- statusBar.background#b3cc57
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#ef746f
- tab.inactiveBackground#1f2225
- tab.inactiveForeground#747e88
- terminal.ansiBlack#222528
- terminal.ansiBlue#ffbe40
- terminal.ansiBrightBlack#454b51
- terminal.ansiBrightBlue#ffe1a6
- terminal.ansiBrightCyan#fcc0b2
- terminal.ansiBrightGreen#d6e4a5
- terminal.ansiBrightMagenta#8dd3dd
- terminal.ansiBrightRed#f03e5f
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#f9cdcb
- terminal.ansiCyan#f86f50
- terminal.ansiGreen#b3cc57
- terminal.ansiMagenta#3fb4c5
- terminal.ansiRed#ba0e2e
- terminal.ansiWhite#d6dde3
- terminal.ansiYellow#ef746f
- terminal.background#0a0b0c
- terminal.foreground#c7d0d9
- titleBar.activeBackground#0d0e0f
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword.control, storage.modifier.async | #9b3131 | |
| entity.name.function, support.function.magic, support.function.math, punctuation.definition.heading.markdown, punctuation.definition.list.begin.markdown | #EEC170 | bold |
| storage.type.class, variable.language.this, variable.language.super, keyword.operator.new | #EEC170 | bold underline |
| constant.language.boolean, constant.numeric.decimal, string.quoted.single, string.quoted.double, string.template, storage.type.primitive.array.java | #dadada | — |
| meta.type.annotation, support.class.builtin, support.type.primitive | #dadada | italic |
| keyword.control.export, keyword.control.import, keyword.control.from, storage.modifier, storage.type, keyword.other.special-method, entity.name.section | #cc95ff | bold |
| storage.type, keyword.control.def.ruby, keyword.control.new.java | #cc95ff | bold underline |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, storage.type.function.arrow, keyword.operator.comparison, keyword.operator.logical, keyword.operator.optional, constant.character.escape | #a8a8a8 | bold |
| comment, storage.type.class.jsdoc | #2c3538 | bold |
| storage.modifier.async, keyword.operator.type.annotation, punctuation.definition.block | #C7D0D9 | |
| storage.modifier.async | #9b3131 | |
| support.type.property-name.json | #cc95ff | |
| punctuation.definition.heading.markdown, punctuation.definition.list.begin.markdown | #EEC170 | bold |
| keyword.key.toml | #cc95ff | — |
| entity.other.attribute-name.table.toml | #9b3131 | — |
| string.quoted.double.html, string.quoted.simple.html | #7dc04e | |
| entity.other.attribute-name | #EEC170 | |
| entity.name.tag | #CC95FF |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...