crusty_tr345on

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#0F111A
• activityBar.foreground#7cf0dc
• breadcrumb.activeSelectionForeground#06e0e7
• breadcrumb.background#0F111A
• breadcrumb.focusForeground#ff9d9d
• breadcrumb.foreground#06e0e7
• breadcrumbPicker.background#0F111A
• button.background#ff9d9d
• button.foreground#001275
• checkbox.background#0F111A
• checkbox.border#25293f
• checkbox.foreground#ff9d9d
• dropdown.background#0F111A
• dropdown.border#ff9d9d
• dropdown.foreground#A6ACCD
• dropdown.listBackground#0F111A
• editor.background#0F111A
• editor.findMatchBackground#252375
• editor.findMatchBorder#ff006a
• editor.findMatchHighlightBackground#275e91
• editor.foreground#A6ACCD
• editor.lineHighlightBackground#151e2e
• editor.selectionBackground#14315a
• editor.snippetFinalTabstopHighlightBorder#0F111A
• editor.snippetTabstopHighlightBackground#ffd000
• editor.snippetTabstopHighlightBorder#0F111A
• editor.wordHighlightBackground#1d2d41
• editorCursor.background#151e2e
• editorCursor.foreground#06e0e7
• editorGroup.border#0F111A
• editorGroup.dropBackground#0F111A
• editorGroupHeader.noTabsBackground#0F111A
• editorGroupHeader.tabsBackground#0F111A
• editorGroupHeader.tabsBorder#0F111A
• editorLineNumber.activeForeground#06e0e7
• editorUnnecessaryCode.border#FFFFFF
• editorUnnecessaryCode.opacity#000000c0
• editorWhitespace.foreground#343544
• editorWidget.background#OF111A
• editorWidget.border#06e0e7
• editorWidget.foreground#06e0e7
• foreground#1aa0a5
• input.background#1A1B26
• input.foreground#06e0e7
• input.placeholderForeground#1aa0a5
• list.activeSelectionBackground#151e2e
• list.activeSelectionForeground#ff9d9d
• list.dropBackground#0F111A
• list.errorForeground#ff0000
• list.focusBackground#151e2e
• list.focusForeground#ff9d9d
• list.hoverBackground#151e2e
• list.hoverForeground#06e0e7
• list.inactiveSelectionBackground#151e2e
• list.warningForeground#ffd000
• notificationCenter.border#0F111A
• notificationCenterHeader.background#06e0e7
• notificationCenterHeader.foreground#06e0e7
• notificationLink.foreground#53f589
• notifications.background#0a1f38
• notifications.foreground#06e0e7
• notificationsErrorIcon.foreground#ff0000
• notificationsInfoIcon.foreground#FFFFFF
• notificationsWarningIcon.foreground#ffd000
• progressBar.background#ff9d9d
• scrollbarSlider.activeBackground#1e3353
• scrollbarSlider.background#334452
• scrollbarSlider.hoverBackground#1e3353
• sideBar.background#0F111A
• sideBar.dropBackground#1A1B26
• sideBar.foreground#7cf0dc
• sideBarSectionHeader.background#0F111A
• tab.activeBorder#7cf0dc
• tab.border#0F111A
• tab.inactiveBackground#0F111A
• tab.unfocusedActiveBackground#0F111A
• terminal.ansiBlack#ffd000
• terminal.ansiBlue#ff9d9d
• terminal.ansiBrightBlue#ff9d9d
• terminal.ansiBrightCyan#53f589
• terminal.ansiBrightRed#e7255f
• terminal.ansiBrightWhite#f1cbcb
• terminal.ansiYellow#06e0e7
• terminal.background#0F111A
• terminal.border#06e0e7
• terminal.foreground#A6ACCD
• textLink.foreground#ff9d9d
• welcomePage.background#0F111A
• welcomePage.buttonBackground#0F111A
• welcomePage.buttonHoverBackground#0e1725
• window.activeBorder#ff0000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).