NgiustamentNcarcerat

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#89ddff
• activityBar.background#f87ff2
• activityBar.border#30a8fd60
• activityBar.foreground#89ddff
• activityBar.inactiveForeground#939da5
• activityBarBadge.background#89ddff
• activityBarBadge.foreground#f87ff2
• button.background#ffea6b
• button.foreground#f87ff2
• checkbox.background#ffea6b
• checkbox.foreground#f87ff2
• dropdown.background#f87ff2
• dropdown.listBackground#16f90a
• editor.background#0d910b
• editor.foreground#F8F8F2
• editor.lineHighlightBackground#f15ef4
• editor.lineHighlightBorder#5619f015
• editor.selectionBackground#61265a
• editor.selectionHighlightBorder#939da5
• editor.wordHighlightBackground#939da530
• editorCursor.background#16f90a
• editorCursor.foreground#F8F8F0
• editorGroup.border#f87ff260
• editorGroup.dropBackground#535d7530
• editorGroupHeader.noTabsBackground#16f90a
• editorGroupHeader.tabsBackground#f87ff2
• editorGroupHeader.tabsBorder#f87ff260
• editorLineNumber.activeForeground#d4dce4
• editorLineNumber.foreground#707a84
• editorSuggestWidget.selectedBackground#f87ff2
• editorSuggestWidget.selectedForeground#d4dce4
• editorWhitespace.foreground#fc55e3
• editorWidget.background#16f90a
• editorWidget.border#707a84
• extensionButton.prominentBackground#d4dce4
• extensionButton.prominentForeground#f87ff2
• focusBorder#707a84
• input.background#16f90a
• list.activeSelectionBackground#16f90a
• list.dropBackground#16f90a
• list.focusBackground#16f90a
• list.focusOutline#707a84
• list.hoverBackground#16f90a
• panelTitle.activeForeground#d4dce4
• panelTitle.inactiveForeground#939da5
• quickInput.background#f87ff2
• quickInput.foreground#939da5
• quickInputList.focusBackground#16f90a
• quickInputList.focusForeground#d4dce4
• selection.background#89ddff40
• settings.textInputBackground#f87ff2
• sideBar.background#f87ff2
• sideBar.border#fa5aef60
• sideBar.foreground#939da5
• sideBarSectionHeader.background#16f90a
• sideBarTitle.foreground#939da5
• statusBar.background#f87ff2
• statusBar.debuggingBackground#ffa763
• statusBar.debuggingForeground#f87ff2
• statusBar.foreground#939da5
• statusBar.noFolderBackground#89ddff
• statusBar.noFolderForeground#f87ff2
• tab.activeBackground#f87ff2
• tab.activeBorderTop#ffea6b
• tab.activeForeground#939da5
• tab.border#09f3f360
• tab.hoverBackground#16f90a
• tab.inactiveBackground#f87ff2
• textLink.foreground#89ddff
• titleBar.activeBackground#f87ff2
• titleBar.activeForeground#939da5
• titleBar.border#1bdc4860
• titleBar.inactiveBackground#16f90a
• toolbar.hoverBackground#707a8430
• widget.shadow#f87ff2

tokenColors

TextMate scopes and font styles (syntax highlighting rules).