AlecVision Themes

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.activeBackground#29384533
• activityBar.activeBorder#96a8b5
• activityBar.activeFocusBorder#9770b2
• activityBar.background#13222e
• activityBar.border#13222e
• activityBar.dropBorder#4496cd
• activityBar.foreground#80919f
• activityBar.inactiveForeground#6a7b88
• activityBarBadge.background#9770b2
• activityBarBadge.foreground#13222e
• badge.background#9770b2
• badge.foreground#13222e
• breadcrumb.activeSelectionForeground#acbecc
• breadcrumb.background#13222e
• breadcrumb.focusForeground#96a8b5
• breadcrumb.foreground#80919f
• breadcrumbPicker.background#13222e
• button.background#4496cd
• button.foreground#13222e
• button.hoverBackground#42abab
• button.secondaryBackground#96a8b5
• button.secondaryForeground#13222e
• button.secondaryHoverBackground#80919f
• charts.blue#4496cd
• charts.foreground#96a8b5
• charts.green#81a559
• charts.lines#556572
• charts.orange#d8843e
• charts.purple#9770b2
• charts.red#ca3e5a
• charts.yellow#ebb062
• checkbox.background#4496cd
• checkbox.border#293845
• checkbox.foreground#13222e
• debugConsole.errorForeground#ca3e5a
• debugConsole.infoForeground#4496cd
• debugConsole.sourceForeground#9770b2
• debugConsole.warningForeground#d8843e
• debugConsoleInputIcon.foreground#6a7b88
• debugExceptionWidget.background#293845
• debugExceptionWidget.border#293845
• debugIcon.breakpointCurrentStackframeForeground#81a559
• debugIcon.breakpointDisabledForeground#6a7b88
• debugIcon.breakpointForeground#ca3e5a
• debugIcon.breakpointStackframeForeground#ebb062
• debugIcon.breakpointUnverifiedForeground#80919f
• debugIcon.continueForeground#81a559
• debugIcon.disconnectForeground#d8843e
• debugIcon.pauseForeground#4496cd
• debugIcon.restartForeground#b35d8d
• debugIcon.startForeground#81a559
• debugIcon.stepBackForeground#acbecc
• debugIcon.stepIntoForeground#acbecc
• debugIcon.stepOutForeground#acbecc
• debugIcon.stepOverForeground#acbecc
• debugIcon.stopForeground#ca3e5a
• debugTokenExpression.boolean#9770b2
• debugTokenExpression.error#ca3e5a
• debugTokenExpression.name#4496cd
• debugTokenExpression.number#b35d8d
• debugTokenExpression.string#81a559
• debugTokenExpression.value#acbecc
• debugToolBar.background#293845
• debugToolBar.border#3f4f5b
• debugView.exceptionLabelBackground#293845
• debugView.exceptionLabelForeground#ebb062
• debugView.stateLabelBackground#293845
• debugView.stateLabelForeground#4496cd
• debugView.valueChangedHighlight#ebb06233
• descriptionForeground#96a8b5
• diffEditor.border#293845
• diffEditor.diagonalFill#2938457f
• diffEditor.insertedTextBackground#81a55920
• diffEditor.removedTextBackground#ca3e5a20
• dropdown.background#293845
• dropdown.border#293845
• dropdown.foreground#96a8b5
• dropdown.listBackground#293845
• editor.background#13222e
• editor.findMatchBackground#ebb0623f
• editor.findMatchHighlightBackground#ebb06233
• editor.findRangeHighlightBackground#293845
• editor.focusedStackFrameHighlightBackground#81a5593f
• editor.foldBackground#29384566
• editor.foreground#acbecc
• editor.hoverHighlightBackground#3f4f5b7f
• editor.inactiveSelectionBackground#4496cd33
• editor.lineHighlightBackground#13222e
• editor.lineHighlightBorder#293845
• editor.rangeHighlightBackground#ebb06233
• editor.selectionBackground#4496cd33
• editor.selectionForeground#acbecc
• editor.selectionHighlightBackground#293845
• editor.snippetFinalTabstopHighlightBackground#3f4f5b7f
• editor.snippetTabstopHighlightBackground#2938457f
• editor.stackFrameHighlightBackground#42abab3f
• editor.symbolHighlightBackground#9770b233
• editor.wordHighlightBackground#9770b233
• editor.wordHighlightStrongBackground#b35d8d33
• editorBracketHighlight.foreground1#acbecc
• editorBracketHighlight.foreground2#ebb062
• editorBracketHighlight.foreground3#42abab
• editorBracketHighlight.foreground4#9770b2
• editorBracketHighlight.foreground5#81a559
• editorBracketHighlight.foreground6#4496cd
• editorBracketHighlight.unexpectedBracket#ca3e5a
• editorBracketMatch.background#293845
• editorBracketMatch.border#3f4f5b
• editorCodeLens.foreground#80919f
• editorCursor.background#13222e
• editorCursor.foreground#9770b2
• editorError.border#acbecc
• editorError.foreground#ca3e5a
• editorGroup.border#293845
• editorGroup.dropBackground#3f4f5b7f
• editorGroup.emptyBackground#13222e
• editorGroup.focusedEmptyBorder#293845
• editorGroupHeader.border#13222e
• editorGroupHeader.noTabsBackground#13222e
• editorGroupHeader.tabsBackground#13222e
• editorGroupHeader.tabsBorder#13222e
• editorGutter.addedBackground#81a559
• editorGutter.background#13222e
• editorGutter.commentRangeForeground#556572
• editorGutter.deletedBackground#ca3e5a
• editorGutter.foldingControlForeground#80919f
• editorGutter.modifiedBackground#ebb062
• editorHint.border#6a7b88
• editorHint.foreground#b35d8d
• editorHoverWidget.background#293845
• editorHoverWidget.border#293845
• editorHoverWidget.foreground#96a8b5
• editorHoverWidget.statusBarBackground#4496cd33
• editorIndentGuide.activeBackground#3f4f5b
• editorIndentGuide.background#293845
• editorInfo.border#80919f
• editorInfo.foreground#4496cd
• editorLightBulb.foreground#ebb062
• editorLightBulbAutoFix.foreground#4496cd
• editorLineNumber.activeForeground#6a7b88
• editorLineNumber.foreground#3f4f5b
• editorLink.activeForeground#42abab
• editorMarkerNavigation.background#293845
• editorMarkerNavigationError.background#ca3e5a
• editorMarkerNavigationInfo.background#4496cd
• editorMarkerNavigationWarning.background#d8843e
• editorOverviewRuler.addedForeground#81a5597f
• editorOverviewRuler.border#293845
• editorOverviewRuler.bracketMatchForeground#556572
• editorOverviewRuler.commonContentForeground#9770b2
• editorOverviewRuler.currentContentForeground#42abab
• editorOverviewRuler.deletedForeground#ca3e5a7f
• editorOverviewRuler.errorForeground#ca3e5a7f
• editorOverviewRuler.findMatchForeground#ebb062bf
• editorOverviewRuler.incomingContentForeground#4496cd
• editorOverviewRuler.infoForeground#4496cd7f
• editorOverviewRuler.modifiedForeground#ebb0627f
• editorOverviewRuler.rangeHighlightForeground#3f4f5bbf
• editorOverviewRuler.selectionHighlightForeground#293845bf
• editorOverviewRuler.warningForeground#d8843e7f
• editorOverviewRuler.wordHighlightForeground#3f4f5bbf
• editorOverviewRuler.wordHighlightStrongForeground#556572bf
• editorPane.background#13222e
• editorRuler.foreground#293845
• editorSuggestWidget.background#293845
• editorSuggestWidget.border#293845
• editorSuggestWidget.foreground#96a8b5
• editorSuggestWidget.highlightForeground#b35d8d
• editorSuggestWidget.selectedBackground#3f4f5b
• editorUnnecessaryCode.opacity#0000007f
• editorWarning.border#96a8b5
• editorWarning.foreground#d8843e
• editorWhitespace.foreground#293845
• editorWidget.background#293845
• editorWidget.border#293845
• editorWidget.foreground#96a8b5
• editorWidget.resizeBorder#4496cd
• errorForeground#ca3e5a
• extensionBadge.remoteBackground#b35d8d
• extensionBadge.remoteForeground#13222e
• extensionButton.prominentBackground#4496cd
• extensionButton.prominentForeground#13222e
• extensionButton.prominentHoverBackground#42abab
• focusBorder#9770b2
• foreground#acbecc
• gitDecoration.addedResourceForeground#81a559
• gitDecoration.conflictingResourceForeground#42abab
• gitDecoration.deletedResourceForeground#ca3e5a
• gitDecoration.ignoredResourceForeground#556572
• gitDecoration.modifiedResourceForeground#ebb062
• gitDecoration.stageDeletedResourceForeground#ca3e5a
• gitDecoration.stageModifiedResourceForeground#42abab
• gitDecoration.submoduleResourceForeground#b35d8d
• gitDecoration.untrackedResourceForeground#9770b2
• icon.foreground#96a8b5
• imagePreview.border#293845
• input.background#293845
• input.border#293845
• input.foreground#96a8b5
• input.placeholderForeground#3f4f5b
• inputOption.activeBackground#3f4f5b
• inputOption.activeBorder#42abab
• inputOption.activeForeground#acbecc
• inputValidation.errorBackground#293845
• inputValidation.errorBorder#ca3e5a
• inputValidation.errorForeground#ca3e5a
• inputValidation.infoBackground#293845
• inputValidation.infoBorder#4496cd
• inputValidation.infoForeground#4496cd
• inputValidation.warningBackground#293845
• inputValidation.warningBorder#d8843e
• inputValidation.warningForeground#d8843e
• list.activeSelectionBackground#9770b233
• list.activeSelectionForeground#acbecc
• list.deemphasizedForeground#6a7b88
• list.dropBackground#293845
• list.errorForeground#ca3e5a
• list.filterMatchBackground#ebb06233
• list.filterMatchBorder#ebb06233
• list.focusBackground#5565723f
• list.focusForeground#acbecc
• list.highlightForeground#ebb062
• list.hoverBackground#29384533
• list.hoverForeground#acbecc
• list.inactiveFocusBackground#2938453f
• list.inactiveSelectionBackground#3f4f5b3f
• list.inactiveSelectionForeground#96a8b5
• list.invalidItemForeground#ca3e5a
• list.warningForeground#ebb062
• listFilterWidget.background#293845
• listFilterWidget.noMatchesOutline#ca3e5a
• listFilterWidget.outline#4496cd
• menu.background#13222e
• menu.foreground#96a8b5
• menu.selectionBackground#293845
• menu.selectionForeground#acbecc
• menu.separatorBackground#3f4f5b
• menubar.selectionBackground#293845
• menubar.selectionForeground#acbecc
• merge.border#6a7b88
• merge.commonContentBackground#9770b24c
• merge.commonHeaderBackground#9770b24c
• merge.currentContentBackground#42abab4c
• merge.currentHeaderBackground#42abab4c
• merge.incomingContentBackground#4496cd4c
• merge.incomingHeaderBackground#4496cd4c
• minimap.background#13222e
• minimap.errorHighlight#ca3e5a80
• minimap.findMatchHighlight#ebb062
• minimap.selectionHighlight#4496cd80
• minimap.warningHighlight#d8843e80
• minimapGutter.addedBackground#81a55980
• minimapGutter.deletedBackground#ca3e5a80
• minimapGutter.modifiedBackground#ebb06280
• minimapSlider.activeBackground#55657233
• minimapSlider.background#29384533
• minimapSlider.hoverBackground#3f4f5b33
• notebook.cellBorderColor#2938453f
• notebook.cellHoverBackground#2938453f
• notebook.cellInsertionIndicator#81a559
• notebook.cellStatusBarItemHoverBackground#2938453f
• notebook.cellToolbarSeparator#2938453f
• notebook.focusedCellBackground#2938457f
• notebook.focusedCellBorder#9770b2
• notebook.focusedCellShadow#0000003f
• notebook.focusedEditorBorder#293845
• notebook.focusedRowBorder#9770b2
• notebook.inactiveFocusedCellBorder#80919f
• notebook.outputContainerBackgroundColor#13222e
• notebook.rowHoverBackground#2938457f
• notebook.selectedCellBorder#6a7b88
• notebook.symbolHighlightBackground#9770b23f
• notebookScrollbarSlider.activeBackground#80919f7f
• notebookScrollbarSlider.background#5565727f
• notebookScrollbarSlider.hoverBackground#6a7b887f
• notebookStatusErrorIcon.foreground#ca3e5a
• notebookStatusRunningIcon.foreground#4496cd
• notebookStatusSuccessIcon.foreground#81a559
• notificationCenterHeader.background#3f4f5b
• notificationCenterHeader.foreground#96a8b5
• notificationLink.foreground#4496cd
• notifications.background#293845
• notifications.border#556572
• notifications.foreground#acbecc
• notificationsErrorIcon.foreground#ca3e5a
• notificationsInfoIcon.foreground#4496cd
• notificationsWarningIcon.foreground#d8843e
• notificationToast.border#556572
• panel.background#13222e
• panel.border#293845
• panel.dropBorder#4496cd
• panelSection.border#293845
• panelSection.dropBackground#2938453f
• panelSectionHeader.background#3f4f5b
• panelSectionHeader.border#13222e
• panelSectionHeader.foreground#96a8b5
• panelTitle.activeBorder#556572
• panelTitle.activeForeground#96a8b5
• panelTitle.inactiveForeground#6a7b88
• peekView.border#b35d8d
• peekViewEditor.background#2938457f
• peekViewEditor.matchHighlightBackground#ebb0627f
• peekViewEditorGutter.background#2938457f
• peekViewResult.background#293845
• peekViewResult.fileForeground#96a8b5
• peekViewResult.lineForeground#3f4f5b
• peekViewResult.matchHighlightBackground#ebb062
• peekViewResult.selectionBackground#556572
• peekViewResult.selectionForeground#acbecc
• peekViewTitle.background#293845
• peekViewTitleDescription.foreground#80919f
• peekViewTitleLabel.foreground#acbecc
• pickerGroup.border#3f4f5b
• pickerGroup.foreground#6a7b88
• problemsErrorIcon.foreground#ca3e5a
• problemsInfoIcon.foreground#4496cd
• problemsWarningIcon.foreground#d8843e
• progressBar.background#81a559
• quickInput.background#293845
• quickInput.foreground#acbecc
• quickInputTitle.background#3f4f5b
• sash.hoverBorder#4496cd
• scm.providerBorder#3f4f5b
• scrollbar.shadow#13222e
• scrollbarSlider.activeBackground#80919f7f
• scrollbarSlider.background#5565727f
• scrollbarSlider.hoverBackground#6a7b887f
• selection.background#3f4f5b
• settings.checkboxBackground#4496cd
• settings.checkboxBorder#4496cd
• settings.checkboxForeground#13222e
• settings.dropdownBackground#293845
• settings.dropdownForeground#96a8b5
• settings.dropdownListBorder#3f4f5b
• settings.focusedRowBackground#13222e
• settings.headerForeground#acbecc
• settings.modifiedItemIndicator#42abab
• settings.numberInputBackground#293845
• settings.numberInputForeground#96a8b5
• settings.textInputBackground#293845
• settings.textInputForeground#96a8b5
• sideBar.background#13222e
• sideBar.border#293845
• sideBar.dropBackground#2938453f
• sideBar.foreground#96a8b5
• sideBarSectionHeader.background#3f4f5b
• sideBarSectionHeader.border#13222e
• sideBarSectionHeader.foreground#96a8b5
• sideBarTitle.foreground#80919f
• statusBar.background#4496cd
• statusBar.border#13222e
• statusBar.debuggingBackground#d8843e
• statusBar.debuggingBorder#13222e
• statusBar.debuggingForeground#13222e
• statusBar.foreground#13222e
• statusBar.noFolderBackground#9770b2
• statusBar.noFolderBorder#13222e
• statusBar.noFolderForeground#13222e
• statusBarItem.activeBackground#42abab
• statusBarItem.errorBackground#ca3e5a
• statusBarItem.errorForeground#13222e
• statusBarItem.hoverBackground#81a559
• statusBarItem.prominentBackground#42abab
• statusBarItem.prominentHoverBackground#81a559
• statusBarItem.remoteBackground#42abab
• statusBarItem.remoteForeground#13222e
• symbolIcon.arrayForeground#b35d8d
• symbolIcon.booleanForeground#9770b2
• symbolIcon.classForeground#4496cd
• symbolIcon.colorForeground#42abab
• symbolIcon.constantForeground#81a559
• symbolIcon.constructorForeground#9770b2
• symbolIcon.enumeratorForeground#42abab
• symbolIcon.enumeratorMemberForeground#4496cd
• symbolIcon.eventForeground#d8843e
• symbolIcon.fieldForeground#ca3e5a
• symbolIcon.fileForeground#96a8b5
• symbolIcon.folderForeground#80919f
• symbolIcon.functionForeground#9770b2
• symbolIcon.interfaceForeground#ca3e5a
• symbolIcon.keyForeground#ebb062
• symbolIcon.keywordForeground#4496cd
• symbolIcon.methodForeground#42abab
• symbolIcon.moduleForeground#42abab
• symbolIcon.namespaceForeground#4496cd
• symbolIcon.nullForeground#ca3e5a
• symbolIcon.numberForeground#d8843e
• symbolIcon.objectForeground#acbecc
• symbolIcon.operatorForeground#ca3e5a
• symbolIcon.packageForeground#d8843e
• symbolIcon.propertyForeground#42abab
• symbolIcon.referenceForeground#d8843e
• symbolIcon.snippetForeground#80919f
• symbolIcon.stringForeground#81a559
• symbolIcon.structForeground#4496cd
• symbolIcon.textForeground#acbecc
• symbolIcon.typeParameterForeground#4496cd
• symbolIcon.unitForeground#ebb062
• symbolIcon.variableForeground#d8843e
• tab.activeBackground#13222e
• tab.activeForeground#96a8b5
• tab.activeModifiedBorder#ebb062
• tab.border#13222e
• tab.hoverBackground#29384580
• tab.hoverForeground#80919f
• tab.inactiveBackground#293845
• tab.inactiveForeground#556572
• tab.inactiveModifiedBorder#ebb062
• tab.lastPinnedBorder#b35d8d
• tab.unfocusedActiveBackground#13222e
• tab.unfocusedActiveForeground#556572
• tab.unfocusedActiveModifiedBorder#ebb062
• tab.unfocusedHoverBackground#29384580
• tab.unfocusedHoverForeground#6a7b88
• tab.unfocusedInactiveBackground#293845
• tab.unfocusedInactiveForeground#3f4f5b
• tab.unfocusedInactiveModifiedBorder#ebb062
• terminal.ansiBlack#13222e
• terminal.ansiBlue#4496cd
• terminal.ansiBrightBlack#293845
• terminal.ansiBrightBlue#4496cd
• terminal.ansiBrightCyan#42abab
• terminal.ansiBrightGreen#42abab
• terminal.ansiBrightMagenta#b35d8d
• terminal.ansiBrightRed#d8843e
• terminal.ansiBrightWhite#acbecc
• terminal.ansiBrightYellow#ebb062
• terminal.ansiCyan#42abab
• terminal.ansiGreen#81a559
• terminal.ansiMagenta#b35d8d
• terminal.ansiRed#ca3e5a
• terminal.ansiWhite#96a8b5
• terminal.ansiYellow#ebb062
• terminal.background#13222e
• terminal.foreground#96a8b5
• terminal.selectionBackground#4496cd7f
• terminalCursor.background#293845
• terminalCursor.foreground#80919f
• testing.iconErrored#ca3e5a
• testing.iconFailed#d8843e
• testing.iconPassed#81a559
• testing.iconQueued#42abab
• testing.iconSkipped#6a7b88
• testing.iconUnset#80919f
• testing.message.error.decorationForeground#ca3e5a
• testing.message.error.lineBackground#ca3e5a3f
• testing.message.hint.decorationForeground#b35d8d
• testing.message.hint.lineBackground#b35d8d3f
• testing.message.info.decorationForeground#4496cd
• testing.message.info.lineBackground#4496cd3f
• testing.message.warning.decorationForeground#d8843e
• testing.message.warning.lineBackground#d8843e3f
• testing.peekBorder#556572
• testing.runAction#4496cd
• textBlockQuote.background#293845
• textBlockQuote.border#293845
• textCodeBlock.background#13222e
• textLink.activeForeground#42abab
• textLink.foreground#4496cd
• textPreformat.foreground#d8843e
• textSeparator.foreground#6a7b88
• titleBar.activeBackground#13222e
• titleBar.activeForeground#80919f
• titleBar.inactiveBackground#13222e
• titleBar.inactiveForeground#556572
• tree.indentGuidesStroke#293845
• walkThrough.embeddedEditorBackground#13222e
• welcomePage.background#13222e
• welcomePage.buttonBackground#293845
• welcomePage.buttonHoverBackground#3f4f5b
• welcomePage.progress.background#4496cd
• welcomePage.progress.foreground#13222e
• widget.shadow#13222e

tokenColors

TextMate scopes and font styles (syntax highlighting rules).