Sevastolink

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#0c290c
• activityBar.border#0c290c
• activityBar.foreground#ccd5d4
• activityBarBadge.background#f07826
• activityBarBadge.foreground#134213
• badge.background#f07826
• badge.foreground#0c290c
• button.background#f07826
• button.foreground#0c290c
• button.hoverBackground#f07826
• debugExceptionWidget.background#05b669
• debugExceptionWidget.border#05b669
• debugIcon.restartForeground#05b669
• debugIcon.startForeground#05b669
• debugIcon.stopForeground#f07826
• debugToolBar.background#0c290c
• debugToolBar.border#05b669
• diffEditor.insertedTextBackground#05b66920
• diffEditor.removedTextBackground#f0782620
• dropdown.background#134213
• dropdown.border#05b669
• dropdown.foreground#7a807f
• editor.background#0c290c
• editor.findMatchBackground#7a807f
• editor.findMatchHighlightBackground#f07826
• editor.findRangeHighlightBackground#05b669
• editor.foreground#ccd5d4
• editor.hoverHighlightBackground#7a807f
• editor.inactiveSelectionBackground#f0782633
• editor.lineHighlightBackground#0c290c
• editor.lineHighlightBorder#f07826
• editor.rangeHighlightBackground#134213
• editor.selectionBackground#134213
• editor.selectionHighlightBackground#05b669
• editor.wordHighlightBackground#f078267f
• editor.wordHighlightStrongBackground#05b6697f
• editorBracketMatch.background#05b669
• editorBracketMatch.border#f07826
• editorCodeLens.foreground#ccd5d4
• editorCursor.foreground#f07826
• editorError.border#ccd5d4
• editorError.foreground#f07826
• editorGroup.border#05b669
• editorGroup.dropBackground#7a807f7f
• editorGroup.emptyBackground#0c290c
• editorGroup.focusedEmptyBorder#05b669
• editorGroupHeader.noTabsBackground#0c290c
• editorGroupHeader.tabsBackground#0c290c
• editorGroupHeader.tabsBorder#134213
• editorGutter.addedBackground#05b669
• editorGutter.background#0c290c
• editorGutter.deletedBackground#f07826
• editorGutter.modifiedBackground#f07826
• editorHoverWidget.background#134213
• editorHoverWidget.border#f07826
• editorIndentGuide.activeBackground#7a807f
• editorIndentGuide.background#05b669
• editorLineNumber.foreground#05b669
• editorLink.activeForeground#f07826
• editorMarkerNavigation.background#05b669
• editorMarkerNavigationError.background#f07826
• editorMarkerNavigationWarning.background#f07826
• editorOverviewRuler.addedForeground#05b6697f
• editorOverviewRuler.border#05b669
• editorOverviewRuler.commonContentForeground#f07826
• editorOverviewRuler.currentContentForeground#f07826
• editorOverviewRuler.deletedForeground#f078267f
• editorOverviewRuler.errorForeground#f078267f
• editorOverviewRuler.findMatchForeground#f07826bf
• editorOverviewRuler.incomingContentForeground#f07826
• editorOverviewRuler.infoForeground#f078267f
• editorOverviewRuler.modifiedForeground#f078267f
• editorOverviewRuler.rangeHighlightForeground#7a807fbf
• editorOverviewRuler.selectionHighlightForeground#f07826
• editorOverviewRuler.warningForeground#f078267f
• editorOverviewRuler.wordHighlightForeground#7a807fbf
• editorOverviewRuler.wordHighlightStrongForeground#7a807fbf
• editorPane.background#0c290c
• editorRuler.foreground#05b669
• editorSuggestWidget.background#f07826
• editorSuggestWidget.border#134213
• editorSuggestWidget.foreground#0c290c
• editorSuggestWidget.highlightForeground#05b669
• editorSuggestWidget.selectedBackground#7a807f
• editorWarning.border#7a807f
• editorWarning.foreground#f07826
• editorWhitespace.foreground#0c290c
• editorWidget.background#0c290c
• editorWidget.border#f07826
• editorWidget.foreground#f07826
• errorForeground#f07826
• extensionButton.prominentBackground#f07826
• extensionButton.prominentForeground#0c290c
• extensionButton.prominentHoverBackground#f07826
• focusBorder#f07826
• foreground#ccd5d4
• gitDecoration.addedResourceForeground#05b669
• gitDecoration.conflictingResourceForeground#f07826
• gitDecoration.deletedResourceForeground#f07826
• gitDecoration.ignoredResourceForeground#7a807f
• gitDecoration.modifiedResourceForeground#f07826
• gitDecoration.untrackedResourceForeground#05b669
• input.background#0c290c
• input.border#05b669
• input.foreground#ccd5d4
• input.placeholderForeground#7a807f
• inputOption.activeBorder#f07826
• inputValidation.errorBackground#f07826
• inputValidation.errorBorder#f07826
• inputValidation.errorForeground#0c290c
• inputValidation.infoBackground#05b669
• inputValidation.infoBorder#05b669
• inputValidation.infoForeground#0c290c
• inputValidation.warningBackground#f07826
• inputValidation.warningBorder#f07826
• inputValidation.warningForeground#0c290c
• list.activeSelectionBackground#134213
• list.activeSelectionForeground#ccd5d4
• list.dropBackground#7a807f
• list.errorForeground#f07826
• list.focusBackground#134213
• list.focusForeground#ccd5d4
• list.highlightForeground#f07826
• list.hoverBackground#134213
• list.hoverForeground#ccd5d4
• list.inactiveSelectionBackground#134213
• list.inactiveSelectionForeground#ccd5d4
• list.invalidItemForeground#f07826
• list.warningForeground#f07826
• listFilterWidget.background#0c290c
• listFilterWidget.noMatchesOutline#f07826
• listFilterWidget.outline#f07826
• merge.border#7a807f
• merge.commonContentBackground#f078264c
• merge.commonHeaderBackground#f078264c
• merge.currentContentBackground#f078264c
• merge.currentHeaderBackground#f078264c
• merge.incomingContentBackground#f078264c
• merge.incomingHeaderBackground#f078264c
• notificationCenterHeader.foreground#0c290c
• notifications.background#f07826
• notifications.foreground#0c290c
• notificationsInfoIcon.foreground#0c290c
• panel.background#0c290c
• panel.border#134213
• panelTitle.activeBorder#7a807f
• panelTitle.activeForeground#7a807f
• panelTitle.inactiveForeground#7a807f
• peekView.border#05b669
• peekViewEditor.background#134213
• peekViewEditor.matchHighlightBackground#f078267f
• peekViewEditorGutter.background#05b669
• peekViewResult.background#05b669
• peekViewResult.fileForeground#7a807f
• peekViewResult.lineForeground#7a807f
• peekViewResult.matchHighlightBackground#f07826
• peekViewResult.selectionBackground#7a807f
• peekViewResult.selectionForeground#ccd5d4
• peekViewTitle.background#7a807f
• peekViewTitleDescription.foreground#ccd5d4
• peekViewTitleLabel.foreground#ccd5d4
• pickerGroup.border#f07826
• pickerGroup.foreground#f07826
• progressBar.background#05b669
• quickInput.background#0c290c
• quickInput.foreground#ccd5d4
• quickInputTitle.background#0c290c
• scrollbar.shadow#0c290c
• scrollbarSlider.activeBackground#ccd5d47f
• scrollbarSlider.background#7a807f7f
• scrollbarSlider.hoverBackground#7a807f7f
• selection.background#7a807f
• sideBar.background#0c290c
• sideBar.border#134213
• sideBar.foreground#ccd5d4
• sideBarSectionHeader.background#0c290c
• sideBarSectionHeader.foreground#ccd5d4
• sideBarTitle.foreground#ccd5d4
• statusBar.background#f07826
• statusBar.border#f078267f
• statusBar.debuggingBackground#f07826
• statusBar.debuggingBorder#f078267f
• statusBar.debuggingForeground#0c290c
• statusBar.foreground#0c290c
• statusBar.noFolderBackground#f07826
• statusBar.noFolderBorder#f078267f
• statusBar.noFolderForeground#0c290c
• statusBarItem.activeBackground#f07826
• statusBarItem.hoverBackground#05b669
• statusBarItem.prominentBackground#f07826
• statusBarItem.prominentHoverBackground#05b669
• tab.activeBackground#0c290c
• tab.activeBorder#05b669
• tab.activeForeground#ccd5d4
• tab.border#0c290c
• tab.inactiveBackground#0c290c
• tab.inactiveForeground#7a807f
• tab.unfocusedActiveForeground#7a807f
• tab.unfocusedInactiveForeground#7a807f
• terminal.ansiBlack#0c290c
• terminal.ansiBlue#05b669
• terminal.ansiBrightBlack#0c290c
• terminal.ansiBrightBlue#05b669
• terminal.ansiBrightCyan#05b669
• terminal.ansiBrightGreen#05b669
• terminal.ansiBrightMagenta#f07826
• terminal.ansiBrightRed#f07826
• terminal.ansiBrightWhite#ccd5d4
• terminal.ansiBrightYellow#f07826
• terminal.ansiCyan#05b669
• terminal.ansiGreen#05b669
• terminal.ansiMagenta#f07826
• terminal.ansiRed#f07826
• terminal.ansiWhite#7a807f
• terminal.ansiYellow#f07826
• terminal.background#0c290c
• terminal.foreground#ccd5d4
• terminal.selectionBackground#05b669
• terminalCursor.background#f07826
• terminalCursor.foreground#f07826
• textLink.activeForeground#05b669
• textLink.foreground#f07826
• titleBar.activeBackground#0c290c
• titleBar.activeForeground#ccd5d4
• titleBar.inactiveBackground#0c290c
• titleBar.inactiveForeground#7a807f
• tree.indentGuidesStroke#05b669
• walkThrough.embeddedEditorBackground#0c290c
• welcomePage.buttonBackground#134213
• welcomePage.buttonHoverBackground#05b669
• widget.shadow#0c290c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).