#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#FFFFFF
• activityBar.foreground#2C2C2C
• activityBar.inactiveForeground#A8A8A8
• activityBarBadge.background#E91E63
• activityBarBadge.foreground#FFFFFF
• badge.background#E91E63
• badge.foreground#FFFFFF
• breadcrumb.activeSelectionForeground#E91E63
• breadcrumb.background#FFFFFF
• breadcrumb.focusForeground#2C2C2C
• breadcrumb.foreground#A8A8A8
• breadcrumbPicker.background#F5F5F5
• button.background#E91E63
• button.foreground#FFFFFF
• button.hoverBackground#D81B60
• button.secondaryBackground#E0E0E0
• button.secondaryForeground#2C2C2C
• button.secondaryHoverBackground#D0D0D0
• checkbox.background#FFFFFF
• checkbox.border#E91E63
• debugToolBar.background#F5F5F5
• debugToolBar.border#E0E0E0
• diffEditor.diagonalFill#E0E0E0
• diffEditor.insertedTextBackground#4CAF5030
• diffEditor.insertedTextBorder#4CAF50
• diffEditor.removedTextBackground#D32F2F30
• diffEditor.removedTextBorder#D32F2F
• dropdown.background#FFFFFF
• dropdown.border#E0E0E0
• dropdown.foreground#2C2C2C
• editor.background#FFFFFF
• editor.findMatchBackground#FFE4F0
• editor.findMatchBorder#E91E63
• editor.findMatchHighlightBackground#FFE4F0
• editor.foreground#2C2C2C
• editor.lineHighlightBackground#F3F3F3
• editor.lineNumberColor#A8A8A8
• editor.selectionBackground#E91E6330
• editor.selectionForeground#2C2C2C
• editor.wordHighlightBackground#FFE4F0
• editorBracketHighlight.foreground1#E91E63
• editorBracketHighlight.foreground2#1976D2
• editorBracketHighlight.foreground3#4CAF50
• editorBracketMatch.background#E91E6320
• editorBracketMatch.border#E91E63
• editorCursor.foreground#E91E63
• editorError.foreground#D32F2F
• editorGroup.border#E0E0E0
• editorGroupHeader.tabsBackground#F5F5F5
• editorGroupHeader.tabsBorder#E0E0E0
• editorGutter.addedBackground#4CAF50
• editorGutter.background#FAFAFA
• editorGutter.deletedBackground#D32F2F
• editorGutter.modifiedBackground#E91E63
• editorHoverWidget.background#FFFFFF
• editorHoverWidget.border#E0E0E0
• editorHoverWidget.foreground#2C2C2C
• editorIndentGuide.activeBackground#C0C0C0
• editorIndentGuide.background#E0E0E0
• editorInfo.foreground#1976D2
• editorLineNumber.activeForeground#E91E63
• editorOverviewRuler.addedForeground#4CAF50
• editorOverviewRuler.deletedForeground#D32F2F
• editorOverviewRuler.errorForeground#D32F2F
• editorOverviewRuler.infoBorder#1976D2
• editorOverviewRuler.modifiedForeground#E91E63
• editorOverviewRuler.warningForeground#F57C00
• editorSuggestWidget.background#FFFFFF
• editorSuggestWidget.border#E0E0E0
• editorSuggestWidget.foreground#2C2C2C
• editorSuggestWidget.highlightForeground#E91E63
• editorSuggestWidget.selectedBackground#E91E6330
• editorSuggestWidget.selectedForeground#2C2C2C
• editorWarning.foreground#F57C00
• editorWhitespace.foreground#D0D0D0
• editorWidget.background#FFFFFF
• editorWidget.border#E0E0E0
• editorWidget.foreground#2C2C2C
• input.background#FFFFFF
• input.border#E0E0E0
• input.foreground#2C2C2C
• input.placeholderForeground#A8A8A8
• inputOption.activeBackground#E91E6330
• inputOption.activeBorder#E91E63
• inputValidation.errorBackground#FFEBEE
• inputValidation.errorBorder#D32F2F
• inputValidation.infoBackground#E3F2FD
• inputValidation.infoBorder#1976D2
• inputValidation.warningBackground#FFF3E0
• inputValidation.warningBorder#F57C00
• list.activeSelectionBackground#E91E6330
• list.activeSelectionForeground#2C2C2C
• list.errorForeground#D32F2F
• list.focusBackground#E91E6320
• list.focusForeground#2C2C2C
• list.highlightForeground#E91E63
• list.hoverBackground#F0F0F0
• list.warningForeground#F57C00
• listFilterWidget.background#FFE4F0
• listFilterWidget.noMatchesOutline#D32F2F
• listFilterWidget.outline#E91E63
• merge.border#E0E0E0
• merge.currentContentBackground#4CAF5020
• merge.currentHeaderBackground#4CAF5030
• merge.incomingContentBackground#1976D220
• merge.incomingHeaderBackground#1976D230
• notificationCenter.border#E0E0E0
• notificationLink.foreground#E91E63
• notifications.background#FFFFFF
• notifications.border#E0E0E0
• notifications.foreground#2C2C2C
• panel.background#F5F5F5
• panel.border#E0E0E0
• panel.foreground#2C2C2C
• panelTitle.activeBorder#E91E63
• panelTitle.activeForeground#E91E63
• panelTitle.inactiveForeground#A8A8A8
• peekView.border#E91E63
• peekViewEditor.background#FFFFFF
• peekViewEditor.matchHighlightBackground#FFE4F0
• peekViewEditorGutter.background#F5F5F5
• peekViewResult.background#FFFFFF
• peekViewResult.fileForeground#2C2C2C
• peekViewResult.lineForeground#A8A8A8
• peekViewResult.matchHighlightBackground#FFE4F0
• peekViewResult.selectionBackground#E91E6330
• peekViewResult.selectionForeground#2C2C2C
• peekViewTitle.background#F5F5F5
• peekViewTitleDescription.foreground#A8A8A8
• progressBar.background#E91E63
• scrollbar.shadow#00000010
• scrollbarSlider.activeBackground#E91E63
• scrollbarSlider.background#E0E0E080
• scrollbarSlider.hoverBackground#D0D0D080
• sideBar.background#F5F5F5
• sideBar.foreground#2C2C2C
• sideBarSectionHeader.background#ECECEC
• sideBarSectionHeader.foreground#2C2C2C
• sideBarTitle.foreground#E91E63
• statusBar.background#2C2C2C
• statusBar.debuggingBackground#E91E63
• statusBar.debuggingForeground#FFFFFF
• statusBar.foreground#FFFFFF
• statusBar.noFolderBackground#F5F5F5
• statusBar.noFolderForeground#2C2C2C
• statusBarItem.activeBackground#E91E63
• statusBarItem.hoverBackground#3C3C3C
• statusBarItem.prominentBackground#F5F5F5
• statusBarItem.prominentForeground#E91E63
• tab.activeBackground#FFFFFF
• tab.activeBorder#E91E63
• tab.activeForeground#E91E63
• tab.activeModifiedBorder#E91E63
• tab.inactiveBackground#F5F5F5
• tab.inactiveForeground#A8A8A8
• tab.inactiveModifiedBorder#E91E6380
• tab.unfocusedActiveBorder#E0E0E0
• tab.unfocusedActiveForeground#2C2C2C
• terminal.ansiBlack#000000
• terminal.ansiBlue#1976D2
• terminal.ansiBrightBlack#808080
• terminal.ansiBrightBlue#64B5F6
• terminal.ansiBrightCyan#4DD0E1
• terminal.ansiBrightFF1493#FF69B4
• terminal.ansiBrightGreen#81C784
• terminal.ansiBrightRed#FF6B6B
• terminal.ansiBrightWhite#FFFFFF
• terminal.ansiBrightYellow#FFB74D
• terminal.ansiCyan#00BCD4
• terminal.ansiFF1493#E91E63
• terminal.ansiGreen#4CAF50
• terminal.ansiRed#D32F2F
• terminal.ansiWhite#FFFFFF
• terminal.ansiYellow#F57C00
• terminal.background#FFFFFF
• terminal.foreground#2C2C2C
• terminal.selectionBackground#E91E6330
• terminalCursor.background#2C2C2C
• terminalCursor.foreground#E91E63
• titleBar.activeBackground#FFFFFF
• titleBar.activeForeground#2C2C2C
• titleBar.inactiveBackground#F5F5F5
• titleBar.inactiveForeground#A8A8A8

tokenColors

TextMate scopes and font styles (syntax highlighting rules).