vscode-quosty-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.activeBorder#00000000
• activityBar.background#191D24
• activityBar.border#00000000
• activityBar.foreground#BBC3D4
• activityBar.inactiveForeground#4C566A
• activityBarTop.activeBorder#00000000
• activityBarTop.background#191D24
• activityBarTop.border#00000000
• activityBarTop.foreground#BBC3D4
• activityBarTop.inactiveForeground#4C566A
• button.background#191D24
• button.foreground#BBC3D4
• button.hoverBackground#191D24
• commandCenter.activeBackground#191D24
• commandCenter.activeBorder#00000000
• commandCenter.activeForeground#00000000
• commandCenter.background#191D24
• commandCenter.border#00000000
• commandCenter.debuggingBackground#00000000
• commandCenter.foreground#00000000
• debugToolBar.background#1E222A
• debugToolBar.border#191D24
• descriptionForeground#BBC3D4
• dropdown.background#191D24
• dropdown.border#00000000
• dropdown.listBackground#191D24
• editor.background#1E222A
• editor.lineHighlightBorder#00000000
• editor.selectionBackground#3B4252
• editorError.foreground#C5727A
• editorGroup.border#191D24
• editorGroupHeader.tabsBackground#191D24
• editorGroupHeader.tabsBorder#00000000
• editorGutter.addedBackground#A3BE8C
• editorGutter.deletedBackground#BF616A
• editorGutter.modifiedBackground#EBCB8B
• editorLineNumber.activeForeground#BBC3D4
• editorLineNumber.foreground#4C566A
• editorLink.activeForeground#5E81AC
• editorSuggestWidget.focusHighlightForeground#88C0D0
• editorSuggestWidget.highlightForeground#88C0D0
• editorSuggestWidget.selectedBackground#3B4252
• editorWidget.background#191D24
• editorWidget.foreground#BBC3D4
• editorWidget.resizeBorder#00000000
• focusBorder#00000000
• foreground#BBC3D4
• gitDecoration.deletedResourceForeground#BF616A
• gitDecoration.modifiedResourceForeground#EBCB8B
• gitDecoration.untrackedResourceForeground#A3BE8C
• input.background#1E222A
• input.border#191D24
• input.foreground#BBC3D4
• input.placeholderForeground#BBC3D49F
• inputOption.activeBackground#3B4252
• inputOption.activeBorder#00000000
• inputValidation.errorBackground#191D24
• inputValidation.errorBorder#C5727A
• inputValidation.errorForeground#C5727A
• inputValidation.infoBackground#191D24
• inputValidation.infoBorder#88C0D0
• inputValidation.infoForeground#88C0D0
• inputValidation.warningBackground#191D24
• inputValidation.warningBorder#EFD49F
• inputValidation.warningForeground#EFD49F
• list.activeSelectionBackground#3B4252
• list.hoverBackground#2E3440
• list.inactiveSelectionBackground#2E3440
• menu.background#191D24
• menu.foreground#BBC3D4
• panel.background#1E222A
• panel.border#191D24
• panelInput.border#191D24
• panelTitle.activeBorder#D08770
• panelTitle.activeForeground#BBC3D4
• panelTitle.inactiveForeground#BBC3D4
• peekView.border#00000000
• peekViewEditor.background#191D24
• peekViewEditor.matchHighlightBackground#3B4252
• peekViewEditorGutter.background#191D24
• peekViewResult.background#191D24
• peekViewResult.fileForeground#81A1C1
• peekViewResult.lineForeground#BBC3D4
• peekViewResult.matchHighlightBackground#3B4252
• peekViewResult.selectionForeground#BBC3D4
• peekViewTitle.background#191D24
• peekViewTitleDescription.foreground#81A1C1
• peekViewTitleLabel.foreground#BBC3D4
• pickerGroup.border#00000000
• pickerGroup.foreground#BBC3D4
• quickInput.background#191D24
• quickInput.foreground#BBC3D4
• quickInputList.focusBackground#3B4252
• quickInputList.focusForeground#BBC3D4
• quickInputList.focusIconForeground#BBC3D4
• scrollbar.shadow#191D24
• scrollbarSlider.background#3B42529F
• scrollbarSlider.hoverBackground#3B42529F
• selection.background#3B4252
• sideBar.background#1E222A
• sideBar.border#191D24
• sideBar.foreground#BBC3D4
• sideBarSectionHeader.background#191D24
• sideBarSectionHeader.border#00000000
• sideBarSectionHeader.foreground#BBC3D4
• sideBarTitle.foreground#BBC3D4
• statusBar.background#191D24
• statusBar.foreground#BBC3D4
• statusBarItem.remoteBackground#191D24
• statusBarItem.remoteForeground#BBC3D4
• tab.activeBackground#191D24
• tab.activeBorder#00000000
• tab.activeBorderTop#CB775D
• tab.activeForeground#BBC3D4
• tab.border#1E222A
• tab.hoverBackground#191D24
• tab.inactiveBackground#191D24
• tab.inactiveForeground#BBC3D4
• titleBar.activeBackground#191D24
• widget.border#00000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).