skillzz
Publisher: SkillzzThemes in package: 1
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#312f2f
- activityBar.border#00f5d420
- activityBar.foreground#00f5d4
- activityBarBadge.background#FF3F7F
- activityBarBadge.foreground#ffffff
- badge.background#B771E5
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#ffd670
- breadcrumb.background#312f2f
- breadcrumb.focusForeground#B6F500
- breadcrumb.foreground#3bf4fb
- breadcrumbPicker.background#312f2f
- button.background#FF3F7F
- button.foreground#ffffff
- button.hoverBackground#FF3F7Fdd
- contrastBorder#00f5d420
- debugToolBar.background#312f2f
- diffEditor.insertedTextBackground#B6F50015
- diffEditor.removedTextBackground#F5004F15
- dropdown.background#312f2f
- dropdown.border#00f5d430
- dropdown.foreground#ffd670
- editor.background#312f2f
- editor.findMatchBackground#B771E540
- editor.findMatchBorder#B771E5
- editor.findMatchHighlightBackground#B771E520
- editor.findMatchHighlightBorder#B771E560
- editor.foreground#e0e0e0
- editor.lineHighlightBackground#39393a40
- editor.selectionBackground#B771E535
- editor.selectionHighlightBackground#B771E520
- editor.selectionHighlightBorder#B771E550
- editorBracketMatch.background#00f5d420
- editorBracketMatch.border#00f5d4
- editorCursor.foreground#ffd670
- editorError.foreground#F5004F
- editorGroup.border#00f5d420
- editorGroupHeader.tabsBackground#312f2f
- editorGutter.addedBackground#B6F500
- editorGutter.deletedBackground#F5004F
- editorGutter.modifiedBackground#3bf4fb
- editorHoverWidget.background#39393a
- editorHoverWidget.border#00f5d440
- editorIndentGuide.activeBackground1#00f5d440
- editorIndentGuide.background1#39393a50
- editorInfo.foreground#3bf4fb
- editorLineNumber.activeForeground#ffd670
- editorLineNumber.foreground#00f5d440
- editorLink.activeForeground#3bf4fb
- editorMarkerNavigation.background#39393a
- editorOverviewRuler.border#00f5d420
- editorOverviewRuler.errorForeground#F5004F
- editorOverviewRuler.findMatchForeground#b771e5f6
- editorOverviewRuler.infoForeground#3bf4fb
- editorOverviewRuler.warningForeground#FFAF00
- editorRuler.foreground#00f5d420
- editorSuggestWidget.background#39393a
- editorSuggestWidget.border#00f5d440
- editorSuggestWidget.foreground#e0e0e0
- editorSuggestWidget.highlightForeground#ffd670
- editorSuggestWidget.selectedBackground#B771E520
- editorWarning.foreground#FFAF00
- editorWhitespace.foreground#39393a80
- editorWidget.background#39393a
- editorWidget.border#00f5d4
- editorWidget.resizeBorder#00f5d4
- extensionButton.prominentBackground#B771E5
- extensionButton.prominentHoverBackground#B771E5dd
- focusBorder#00f5d450
- gitDecoration.conflictingResourceForeground#FFAF00
- gitDecoration.deletedResourceForeground#F5004F
- gitDecoration.ignoredResourceForeground#c9c8c880
- gitDecoration.modifiedResourceForeground#3bf4fb
- gitDecoration.untrackedResourceForeground#B6F500
- input.background#39393a
- input.border#00f5d430
- input.foreground#e0e0e0
- input.placeholderForeground#e0e0e060
- inputOption.activeBackground#B771E530
- inputOption.activeBorder#B771E5
- inputValidation.errorBorder#F5004F
- inputValidation.infoBorder#3bf4fb
- inputValidation.warningBorder#FFAF00
- list.activeSelectionBackground#B771E525
- list.activeSelectionForeground#ffffff
- list.focusBackground#B771E520
- list.focusForeground#ffd670
- list.highlightForeground#ffd670
- list.hoverBackground#39393a60
- list.hoverForeground#ffffff
- list.inactiveSelectionBackground#39393a60
- list.inactiveSelectionForeground#e0e0e0
- list.warningForeground#FFAF00
- listFilterWidget.background#39393a
- listFilterWidget.noMatchesOutline#F5004F
- listFilterWidget.outline#00f5d4
- menu.background#312f2ff8
- menu.border#00f5d430
- menu.foreground#e0e0e0
- menu.selectionBackground#B771E530
- menu.selectionBorder#B771E5
- menu.selectionForeground#ffffff
- menu.separatorBackground#00f5d430
- menubar.selectionBackground#B771E530
- menubar.selectionBorder#B771E550
- menubar.selectionForeground#ffffff
- minimap.background#312f2f
- minimapGutter.addedBackground#B6F500
- minimapGutter.deletedBackground#F5004F
- minimapGutter.modifiedBackground#3bf4fb
- minimapSlider.activeBackground#00f5d450
- minimapSlider.background#00f5d430
- minimapSlider.hoverBackground#00f5d440
- notificationLink.foreground#3bf4fb
- notifications.background#39393a
- notifications.foreground#e0e0e0
- panel.background#312f2f
- panel.border#00f5d420
- panelTitle.activeBorder#00f5d4
- panelTitle.activeForeground#ffd670
- panelTitle.inactiveForeground#e0e0e080
- peekView.border#00f5d4
- peekViewEditor.background#39393a
- peekViewEditor.matchHighlightBackground#B771E530
- peekViewEditorGutter.background#39393a
- peekViewResult.background#39393a
- peekViewResult.matchHighlightBackground#B771E530
- peekViewResult.selectionBackground#B771E520
- peekViewTitle.background#39393a
- peekViewTitleDescription.foreground#e0e0e080
- pickerGroup.foreground#00f5d4
- progressBar.background#00f5d4
- scrollbar.shadow#00000040
- scrollbarSlider.activeBackground#00f5d450
- scrollbarSlider.background#00f5d420
- scrollbarSlider.hoverBackground#00f5d430
- selection.background#B771E540
- settings.checkboxBackground#39393a
- settings.checkboxForeground#e0e0e0
- settings.dropdownBackground#39393a
- settings.dropdownForeground#e0e0e0
- settings.headerForeground#00f5d4
- settings.modifiedItemIndicator#3bf4fb
- settings.numberInputBackground#39393a
- settings.numberInputForeground#e0e0e0
- settings.textInputBackground#39393a
- settings.textInputForeground#e0e0e0
- sideBar.background#39393a
- sideBar.border#00f5d420
- sideBar.foreground#d0d0d0
- sideBarSectionHeader.background#312f2f
- sideBarSectionHeader.border#00f5d420
- sideBarSectionHeader.foreground#00f5d4
- sideBarTitle.foreground#ffd670
- statusBar.background#312f2f
- statusBar.border#00f5d420
- statusBar.debuggingBackground#F5004F
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#00f5d4
- statusBar.noFolderBackground#312f2f
- statusBarItem.hoverBackground#39393a60
- statusBarItem.remoteBackground#B771E5
- statusBarItem.remoteForeground#ffffff
- tab.activeBackground#39393a
- tab.activeBorder#00f5d4
- tab.activeForeground#ffd670
- tab.activeModifiedBorder#3bf4fb
- tab.border#312f2f
- tab.inactiveBackground#312f2f
- tab.inactiveForeground#e0e0e080
- tab.unfocusedActiveBackground#39393a80
- tab.unfocusedActiveBorder#00f5d480
- tab.unfocusedActiveForeground#ffd670cc
- tab.unfocusedInactiveBackground#312f2f
- tab.unfocusedInactiveForeground#e0e0e060
- terminal.ansiBlack#312f2f
- terminal.ansiBlue#B771E5
- terminal.ansiBrightBlack#39393a
- terminal.ansiBrightBlue#3bf4fb
- terminal.ansiBrightCyan#00f5d4
- terminal.ansiBrightGreen#B6F500
- terminal.ansiBrightMagenta#FF3F7F
- terminal.ansiBrightRed#F5004F
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffd670
- terminal.ansiCyan#00f5d4
- terminal.ansiGreen#B6F500
- terminal.ansiMagenta#FF3F7F
- terminal.ansiRed#F5004F
- terminal.ansiWhite#e0e0e0
- terminal.ansiYellow#FFAF00
- terminalCursor.background#312f2f
- terminalCursor.foreground#ffd670
- textLink.activeForeground#3bf4fb
- textLink.foreground#3bf4fb
- titleBar.activeBackground#312f2f
- titleBar.activeForeground#00f5d4
- titleBar.border#00f5d420
- titleBar.inactiveBackground#312f2f
- titleBar.inactiveForeground#00f5d480
- tree.indentGuidesStroke#39393a60
- widget.shadow#00000050
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6d6d6d | italic |
| keyword, storage.type, storage.modifier | #FF3F7F | — |
| keyword.control, keyword.control.flow | #B771E5 | — |
| variable, meta.definition.variable, entity.name.variable | #00f5d4 | — |
| variable.other.constant, variable.other.enummember, constant.language | #FFAF00 | — |
| variable.parameter, meta.function.parameter | #ffd670 | italic |
| entity.name.function, meta.function-call, support.function | #B6F500 | — |
| entity.name.type, entity.name.class, support.class, support.type | #3bf4fb | — |
| string, string.quoted, string.template | #ffd670 | — |
| constant.numeric | #FFAF00 | — |
| constant.language.boolean | #FF3F7F | — |
| punctuation, meta.brace, meta.bracket | #a0a0a0 | — |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical | #B771E5 | — |
| entity.name.tag | #FF3F7F | — |
| entity.other.attribute-name | #B6F500 | — |
| entity.other.attribute-name.id, entity.other.attribute-name.class | #3bf4fb | — |
| support.constant.property-value, support.constant.color, constant.other.color, constant.other.rgb-value | #FFAF00 | — |
| meta.property-name, support.type.property-name, meta.object-literal.key | #00f5d4 | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as | #B771E5 | — |
| invalid, invalid.illegal | #F5004F | underline |
| invalid.deprecated | #FFAF00 | underline |
| markup.heading, entity.name.section | #FF3F7F | bold |
| markup.bold | #B6F500 | bold |
| markup.italic | #3bf4fb | italic |
| markup.underline, markup.underline.link | #00f5d4 | underline |
| markup.quote | #ffd670 | italic |
| markup.raw, markup.inline.raw | #FFAF00 | — |
| markup.list | #00f5d4 | — |
| markup.inserted | #B6F500 | — |
| markup.deleted | #F5004F | — |
| markup.changed | #3bf4fb | — |
| string.regexp | #00f5d4 | — |
| constant.character.escape | #B771E5 | — |
| punctuation.definition.template-expression | #FF3F7F | — |
| variable.language.this, variable.language.self, variable.language.super | #FF3F7F | italic |
| storage.type.function.arrow, storage.type.function | #B771E5 | — |
| meta.decorator, meta.decorator variable | #B6F500 | italic |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #3bf4fb | — |
| source.json meta.structure.dictionary.json support.type.property-name.json | #00f5d4 | — |
| source.css entity.other.attribute-name.class, source.scss entity.other.attribute-name.class | #3bf4fb | — |
| source.css entity.other.attribute-name.id, source.scss entity.other.attribute-name.id | #B6F500 | — |
| source.css support.type.property-name, source.scss support.type.property-name | #00f5d4 | — |
| entity.name.namespace, entity.name.module | #3bf4fb | — |
| punctuation.separator, punctuation.accessor | #B771E5 | — |
| token.info-token | #3bf4fb | — |
| token.warn-token | #FFAF00 | — |
| token.error-token | #F5004F | — |
| token.debug-token | #B771E5 | — |