#FF1493 Color Theme

Color themes

• 

  Dark

• 

  High Contrast Dark

• 

  High Contrast Light

• 

  Light

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#0E0E0E
• activityBar.foreground#E0E0E0
• activityBar.inactiveForeground#606366
• activityBarBadge.background#E91E63
• activityBarBadge.foreground#FFFFFF
• badge.background#E91E63
• badge.foreground#FFFFFF
• breadcrumb.activeSelectionForeground#E91E63
• breadcrumb.background#1E1E1E
• breadcrumb.focusForeground#E0E0E0
• breadcrumb.foreground#606366
• breadcrumbPicker.background#2D2D30
• button.background#E91E63
• button.foreground#FFFFFF
• button.hoverBackground#FF1493
• button.secondaryBackground#3E3E42
• button.secondaryForeground#E0E0E0
• button.secondaryHoverBackground#4E4E52
• checkbox.background#3C3C3C
• checkbox.border#E91E63
• debugToolBar.background#2D2D30
• debugToolBar.border#404040
• diffEditor.diagonalFill#404040
• diffEditor.insertedTextBackground#81C78430
• diffEditor.insertedTextBorder#81C784
• diffEditor.removedTextBackground#FF6B6B30
• diffEditor.removedTextBorder#FF6B6B
• dropdown.background#3C3C3C
• dropdown.border#404040
• dropdown.foreground#E0E0E0
• editor.background#1E1E1E
• editor.findMatchBackground#6B3A3A
• editor.findMatchBorder#E91E63
• editor.findMatchHighlightBackground#5A2A2A
• editor.foreground#E0E0E0
• editor.lineHighlightBackground#2D2D30
• editor.lineNumberColor#606366
• editor.selectionBackground#E91E6340
• editor.selectionForeground#E0E0E0
• editor.wordHighlightBackground#5A2A2A
• editorBracketHighlight.foreground1#E91E63
• editorBracketHighlight.foreground2#64B5F6
• editorBracketHighlight.foreground3#81C784
• editorBracketMatch.background#E91E6340
• editorBracketMatch.border#E91E63
• editorCursor.foreground#E91E63
• editorError.foreground#FF6B6B
• editorGroup.border#2D2D30
• editorGroupHeader.tabsBackground#2D2D30
• editorGroupHeader.tabsBorder#404040
• editorGutter.addedBackground#81C784
• editorGutter.background#1E1E1E
• editorGutter.deletedBackground#FF6B6B
• editorGutter.modifiedBackground#E91E63
• editorHoverWidget.background#2D2D30
• editorHoverWidget.border#404040
• editorHoverWidget.foreground#E0E0E0
• editorIndentGuide.activeBackground#505050
• editorIndentGuide.background#404040
• editorInfo.foreground#64B5F6
• editorLineNumber.activeForeground#E91E63
• editorOverviewRuler.addedForeground#81C784
• editorOverviewRuler.deletedForeground#FF6B6B
• editorOverviewRuler.errorForeground#FF6B6B
• editorOverviewRuler.infoBorder#64B5F6
• editorOverviewRuler.modifiedForeground#E91E63
• editorOverviewRuler.warningForeground#FFB74D
• editorSuggestWidget.background#2D2D30
• editorSuggestWidget.border#404040
• editorSuggestWidget.foreground#E0E0E0
• editorSuggestWidget.highlightForeground#E91E63
• editorSuggestWidget.selectedBackground#E91E6340
• editorSuggestWidget.selectedForeground#E0E0E0
• editorWarning.foreground#FFB74D
• editorWhitespace.foreground#404040
• editorWidget.background#2D2D30
• editorWidget.border#404040
• editorWidget.foreground#E0E0E0
• input.background#3C3C3C
• input.border#404040
• input.foreground#E0E0E0
• input.placeholderForeground#606366
• inputOption.activeBackground#E91E6340
• inputOption.activeBorder#E91E63
• inputValidation.errorBackground#5C1A1A
• inputValidation.errorBorder#FF6B6B
• inputValidation.infoBackground#1A4A5C
• inputValidation.infoBorder#64B5F6
• inputValidation.warningBackground#5C4A1A
• inputValidation.warningBorder#FFB74D
• list.activeSelectionBackground#E91E6340
• list.activeSelectionForeground#E0E0E0
• list.errorForeground#FF6B6B
• list.focusBackground#E91E6340
• list.focusForeground#E0E0E0
• list.highlightForeground#E91E63
• list.hoverBackground#2D2D30
• list.warningForeground#FFB74D
• listFilterWidget.background#6B3A3A
• listFilterWidget.noMatchesOutline#FF6B6B
• listFilterWidget.outline#E91E63
• merge.border#404040
• merge.currentContentBackground#81C78420
• merge.currentHeaderBackground#81C78430
• merge.incomingContentBackground#64B5F620
• merge.incomingHeaderBackground#64B5F630
• notificationCenter.border#404040
• notificationLink.foreground#E91E63
• notifications.background#2D2D30
• notifications.border#404040
• notifications.foreground#E0E0E0
• panel.background#2D2D30
• panel.border#404040
• panel.foreground#E0E0E0
• panelTitle.activeBorder#E91E63
• panelTitle.activeForeground#E91E63
• panelTitle.inactiveForeground#606366
• peekView.border#E91E63
• peekViewEditor.background#1E1E1E
• peekViewEditor.matchHighlightBackground#6B3A3A
• peekViewEditorGutter.background#2D2D30
• peekViewResult.background#2D2D30
• peekViewResult.fileForeground#E0E0E0
• peekViewResult.lineForeground#606366
• peekViewResult.matchHighlightBackground#6B3A3A
• peekViewResult.selectionBackground#E91E6340
• peekViewResult.selectionForeground#E0E0E0
• peekViewTitle.background#2D2D30
• peekViewTitleDescription.foreground#606366
• progressBar.background#E91E63
• scrollbar.shadow#00000050
• scrollbarSlider.activeBackground#E91E63
• scrollbarSlider.background#79797966
• scrollbarSlider.hoverBackground#848484CC
• sideBar.background#252526
• sideBar.foreground#E0E0E0
• sideBarSectionHeader.background#2D2D30
• sideBarSectionHeader.foreground#E0E0E0
• sideBarTitle.foreground#E91E63
• statusBar.background#0E0E0E
• statusBar.debuggingBackground#E91E63
• statusBar.debuggingForeground#FFFFFF
• statusBar.foreground#E0E0E0
• statusBar.noFolderBackground#1E1E1E
• statusBar.noFolderForeground#E0E0E0
• statusBarItem.activeBackground#E91E63
• statusBarItem.hoverBackground#2D2D30
• statusBarItem.prominentBackground#252526
• statusBarItem.prominentForeground#E91E63
• tab.activeBackground#1E1E1E
• tab.activeBorder#E91E63
• tab.activeForeground#E91E63
• tab.activeModifiedBorder#E91E63
• tab.inactiveBackground#2D2D30
• tab.inactiveForeground#606366
• tab.inactiveModifiedBorder#E91E6380
• tab.unfocusedActiveBorder#404040
• tab.unfocusedActiveForeground#E0E0E0
• terminal.ansiBlack#000000
• terminal.ansiBlue#64B5F6
• terminal.ansiBrightBlack#808080
• terminal.ansiBrightBlue#90CAF9
• terminal.ansiBrightCyan#80DEEA
• terminal.ansiBrightFF1493#FF69B4
• terminal.ansiBrightGreen#A5D6A7
• terminal.ansiBrightRed#FF8A80
• terminal.ansiBrightWhite#FFFFFF
• terminal.ansiBrightYellow#FFE082
• terminal.ansiCyan#4DD0E1
• terminal.ansiFF1493#E91E63
• terminal.ansiGreen#81C784
• terminal.ansiRed#FF6B6B
• terminal.ansiWhite#E0E0E0
• terminal.ansiYellow#FFB74D
• terminal.background#1E1E1E
• terminal.foreground#E0E0E0
• terminal.selectionBackground#E91E6340
• terminalCursor.background#E0E0E0
• terminalCursor.foreground#E91E63
• titleBar.activeBackground#1E1E1E
• titleBar.activeForeground#E0E0E0
• titleBar.inactiveBackground#0E0E0E
• titleBar.inactiveForeground#606366

tokenColors

TextMate scopes and font styles (syntax highlighting rules).