KONNG-PUBLISH-TEST
Publisher: dockerissoslowThemes in package: 1
Design By https://github.com/fengwei2002
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.activeBorder#c553f5FD
- activityBar.background#1C1E26
- activityBar.foreground#abb2bf
- activityBarBadge.background#ffffff24
- activityBarBadge.foreground#ffffff
- badge.background#c553f5FD
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#2d93ff
- breadcrumb.focusForeground#abb2bf
- breadcrumb.foreground#636d83
- breadcrumbPicker.background#232530
- button.background#c553f5FD
- button.foreground#ffffff
- button.hoverBackground#c553f5FD
- debugExceptionWidget.background#9c1e37
- debugExceptionWidget.border##d54970
- debugToolBar.background#25272d
- diffEditor.insertedTextBackground#2b663f73
- diffEditor.removedTextBackground#8034346c
- dropdown.background#20242a
- dropdown.border#3d434f
- dropdown.foreground#abb2bf
- dropdown.listBackground#20242a
- editor.background#1C1E26
- editor.findMatchBackground#177849b2
- editor.findMatchBorder#ffcc00
- editor.findMatchHighlightBackground#177849b2
- editor.findRangeHighlightBackground#6C6F931A
- editor.foreground#abb2bf
- editor.hoverHighlightBackground#4c9dff1a
- editor.lineHighlightBackground#0a0a0a77
- editor.rangeHighlightBackground#2E303E80
- editor.selectionBackground#be84bf40
- editor.selectionHighlightBackground#4F435580
- editor.snippetFinalTabstopHighlightBackground#636d8377
- editor.snippetFinalTabstopHighlightBorder#636d83
- editor.snippetTabstopHighlightBackground#636d8377
- editor.snippetTabstopHighlightBorder#636d83
- editor.wordHighlightBackground#4F4355
- editor.wordHighlightStrongBackground#db45a280
- editorBracketMatch.background#777ba680
- editorBracketMatch.border#2e37a1
- editorCodeLens.foreground#636d83
- editorCursor.foreground#FFF
- editorError.foreground#ff3057
- editorGroup.border#181a1d
- editorGroup.dropBackground#58607499
- editorGroup.emptyBackground#1C1E26
- editorGroup.focusedEmptyBorder#c553f5FD
- editorGroupHeader.noTabsBackground#1C1E26
- editorGroupHeader.tabsBackground#1C1E26
- editorGutter.addedBackground#237236
- editorGutter.deletedBackground#8c3c3c
- editorGutter.modifiedBackground#015f88
- editorHint.foreground#636d83
- editorIndentGuide.activeBackground#565e6e
- editorIndentGuide.background#3d434f
- editorInfo.foreground#c553f5FD
- editorLineNumber.activeForeground#e655e6
- editorLineNumber.foreground#636d83a4
- editorLink.activeForeground#c553f5FD
- editorMarkerNavigation.background#1C1E26
- editorOverviewRuler.addedForeground#237236
- editorOverviewRuler.border#2E303EB3
- editorOverviewRuler.bracketMatchForeground#2e37a1
- editorOverviewRuler.deletedForeground#8c3c3c
- editorOverviewRuler.errorForeground#ff3057
- editorOverviewRuler.findMatchForeground#177849b2
- editorOverviewRuler.infoForeground#c553f5FD
- editorOverviewRuler.modifiedForeground#015f88
- editorOverviewRuler.selectionHighlightForeground#547cac9f
- editorOverviewRuler.warningForeground#da7a43
- editorOverviewRuler.wordHighlightForeground#547cac9f
- editorOverviewRuler.wordHighlightStrongForeground#973c82ad
- editorPane.background#25272d
- editorRuler.foreground#3d434f
- editorSuggestWidget.highlightForeground#E95378
- editorWarning.foreground#da7a43
- editorWhitespace.foreground#3d434f
- editorWidget.background#1C1E26
- editorWidget.border#636d83
- errorForeground#ff3057
- extensionButton.prominentBackground#25a45c
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#3fc56b
- foreground#abb2bf
- gitDecoration.addedResourceForeground#cfaf80
- gitDecoration.conflictingResourceForeground#fc4a6d
- gitDecoration.deletedResourceForeground#ce9887
- gitDecoration.ignoredResourceForeground#71798a
- gitDecoration.modifiedResourceForeground#199ffd
- gitDecoration.submoduleResourceForeground#8c62fd
- gitDecoration.untrackedResourceForeground#00b695
- input.background#2b303b
- input.placeholderForeground#746f77
- inputOption.activeBorder#C668BA
- inputValidation.errorBackground#D65343
- inputValidation.errorBorder#D65343
- inputValidation.errorForeground#ffffff
- inputValidation.infoBackground#3A6395
- inputValidation.infoBorder#3A6395
- inputValidation.infoForeground#ffffff
- inputValidation.warningBackground#DE9237
- inputValidation.warningBorder#DE9237
- inputValidation.warningForeground#ffffff
- list.activeSelectionBackground#23262E
- list.activeSelectionForeground#00e8c6
- list.dropBackground#3a404e
- list.errorForeground#ff3057
- list.focusBackground#282b35
- list.focusForeground#eee
- list.highlightForeground#b370ff
- list.hoverBackground#23262E
- list.hoverForeground#eee
- list.inactiveSelectionBackground#23262E
- list.inactiveSelectionForeground#00e8c6
- list.warningForeground#da7a43
- listFilterWidget.background#177849b2
- listFilterWidget.noMatchesOutline##d54970
- merge.currentContentBackground#97665750
- merge.currentHeaderBackground#8f66588a
- merge.incomingContentBackground#3690ff44
- merge.incomingHeaderBackground#3690ff7a
- minimap.findMatchHighlight#177849b2
- notificationCenter.border#3d434f
- notificationCenterHeader.background#303842
- notificationCenterHeader.foreground#abb2bf
- notificationLink.foreground#c553f5FD
- notifications.background#1C1E26
- notifications.border#3d434f
- notifications.foreground#abb2bf
- notificationToast.border#3d434f
- panel.border#3d434f
- panelTitle.activeBorder#c553f5FD
- panelTitle.activeForeground#abb2c0
- panelTitle.inactiveForeground#797f8c
- peekView.border#c553f5FD
- peekViewEditor.background#1C1E26
- peekViewEditor.matchHighlightBackground#24494a
- peekViewResult.background#1C1E26
- peekViewResult.fileForeground#abb2bf
- peekViewResult.lineForeground#abb2bf
- peekViewResult.matchHighlightBackground#24494a
- peekViewResult.selectionBackground#c553f5FD
- peekViewResult.selectionForeground#ffffff
- peekViewTitle.background#1C1E26
- peekViewTitleDescription.foreground#636d83
- peekViewTitleLabel.foreground#abb2bf
- pickerGroup.border#3d434f
- pickerGroup.foreground#c553f5FD
- progressBar.background#c553f5FD
- scrollbarSlider.activeBackground#c1d9ff35
- scrollbarSlider.background#c1d9ff14
- scrollbarSlider.hoverBackground#c1d9ff28
- sideBar.background#1C1E26
- sideBar.border#1B1D23
- sideBar.dropBackground#3f4451
- sideBar.foreground#746f77
- sideBarSectionHeader.background#23262E
- sideBarSectionHeader.foreground#abb2bf
- sideBarTitle.foreground#ABB2BF
- statusBar.background#37404b
- statusBar.border#856f8f
- statusBar.debuggingBackground#37404b
- statusBar.debuggingBorder#ff936a
- statusBar.debuggingForeground#abb2bf
- statusBar.foreground#abb2bf
- statusBar.noFolderBackground#37404b
- statusBar.noFolderBorder#9f7efe
- statusBar.noFolderForeground#abb2bf
- statusBarItem.hoverBackground#2E303E
- statusBarItem.prominentBackground#2E303E
- statusBarItem.prominentHoverBackground#6C6F93
- statusBarItem.remoteBackground#262a30
- statusBarItem.remoteForeground#abb2bf
- tab.activeBorderTop#9e63b8
- tab.activeForeground#abb2bf
- tab.border#181A1F
- tab.hoverBackground#1C1E26
- tab.inactiveBackground#25272d
- tab.inactiveForeground#636d83
- tab.unfocusedActiveBorderTop#636d83
- terminal.ansiBlack#544f4f
- terminal.ansiBlue#406285
- terminal.ansiBrightBlack#544f4f
- terminal.ansiBrightBlue#406285
- terminal.ansiBrightCyan#9e2494
- terminal.ansiBrightGreen#1f593f
- terminal.ansiBrightMagenta#c594c5
- terminal.ansiBrightRed#e15a60
- terminal.ansiBrightWhite#b4b4b4
- terminal.ansiBrightYellow#fac863
- terminal.ansiCyan#dd1edd
- terminal.ansiGreen#42b983
- terminal.ansiMagenta#c594c5
- terminal.ansiRed#e15a60
- terminal.ansiWhite#b4b4b4
- terminal.ansiYellow#fac863
- terminal.foreground#abb2bf
- terminal.selectionBackground#6C6F934D
- terminalCursor.background#D5D8DA
- terminalCursor.foreground#ffcc00
- textBlockQuote.background#3d434f
- textBlockQuote.border#0099e1
- textCodeBlock.background#1C1E26
- textLink.activeForeground#c962f5fd
- textLink.foreground#cb61f8fd
- textPreformat.foreground#ce9887
- textSeparator.foreground#3d434f
- titleBar.activeBackground#1C1E26
- titleBar.activeForeground#abb2bf
- titleBar.inactiveBackground#1C1E2699
- titleBar.inactiveForeground#abb2bf99
- walkThrough.embeddedEditorBackground#1C1E26
- welcomePage.buttonBackground#1C1E26
- welcomePage.buttonHoverBackground#3a3e68
- widget.shadow#1C1E26
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, comment.block.documentation punctuation.definition, string.comment, comment.block.documentation, comment.block | #9194adad | italic |
| constant | #F09483E6 | — |
| constant.character.escape | #25B0BCE6 | — |
| entity.name | #FAC29AE1 | — |
| entity.name.function | #61afefb5 | — |
| entity.name.tag | #E95678E6 | normal |
| entity.name.type, storage.type.cs | #FAC29AE1 | — |
| entity.other.attribute-name | #F09483E6 | normal |
| entity.other.inherited-class | #FAB795E6 | — |
| entity.other.attribute-name.id | #25B0BCE6 | — |
| entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class | #FAB795E6 | — |
| entity.name.variable, variable | #E06C75 | — |
| keyword | #B877DBE6 | — |
| keyword.operator | #BBBBBB | — |
| keyword.operator.new, keyword.operator.expression, keyword.operator.logical, keyword.operator.delete | #B877DBE6 | — |
| keyword.other.unit | #F09483E6 | — |
| markup.quote | #FAB795B3 | — |
| markup.heading, entity.name.section | #E95678E6 | — |
| markup.bold | #B877DBE6 | bold |
| markup.italic | #25B0BCE6 | italic |
| markup.underline.link | #7fbeeb6b | — |
| markup.inline.raw | #00b695 | — |
| storage | #B877DBE6 | normal |
| string.quoted, string.template | #FAB795E6 | — |
| string.regexp | #F09483E6 | — |
| string.other.link | #b877Dbe6 | — |
| support | #FAC29AE1 | — |
| support.function | #61afefb5 | — |
| support.variable | #E95678E6 | — |
| support.type.property-name, meta.object-literal.key | #E95678E6 | — |
| support.type.property-name.css | #BBBBBB | — |
| variable.language | #FAC29AE1 | — |
| variable.parameter | — | normal |
| string.template meta.embedded | #BBBBBB | — |
| punctuation.definition.tag | #E95678B3 | normal |
| punctuation.separator | #BBBBBB | — |
| punctuation.definition.template-expression | #B877DBE6 | — |
| punctuation.section.embedded | #B877DBE6 | — |
| punctuation.definition.list | #F09483E6 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...