Foggy Rose Theme

Color themes

• 

  Foggy Rose Theme Dark

• 

  Foggy Rose Theme 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.activeBorder#DF88BD
• activityBar.background#4F2041
• activityBar.foreground#F7F5F7
• activityBar.inactiveForeground#C894B6
• activityBarBadge.background#526633
• activityBarBadge.foreground#FFFFFF
• badge.background#DF88BD
• badge.foreground#1B1B1F
• button.background#526633
• button.foreground#FFFFFF
• button.hoverBackground#526633
• descriptionForeground#C894B6
• dropdown.background#6B315A
• dropdown.border#713D62
• dropdown.foreground#F7F5F7
• editor.background#5E224D
• editor.findMatchBackground#AC6090
• editor.findMatchHighlightBackground#AC609077
• editor.foreground#F7F5F7
• editor.inactiveSelectionBackground#823F6C99
• editor.lineHighlightBackground#662D56
• editor.selectionBackground#823F6C
• editorBracketMatch.background#823F6C
• editorBracketMatch.border#DF88BD
• editorCursor.foreground#DF88BD
• editorError.foreground#E58793
• editorGroupHeader.tabsBackground#733B63
• editorHoverWidget.background#6B315A
• editorHoverWidget.border#713D62
• editorHoverWidget.foreground#F7F5F7
• editorIndentGuide.activeBackground1#C894B6
• editorIndentGuide.background1#713D6266
• editorInfo.foreground#A592C7
• editorLineNumber.activeForeground#DF88BD
• editorLineNumber.foreground#C894B6
• editorSuggestWidget.background#6B315A
• editorSuggestWidget.border#713D62
• editorSuggestWidget.foreground#F7F5F7
• editorSuggestWidget.selectedBackground#823F6C
• editorWarning.foreground#E4B687
• editorWhitespace.foreground#713D6266
• editorWidget.background#6B315A
• editorWidget.border#713D62
• editorWidget.foreground#F7F5F7
• errorForeground#E58793
• focusBorder#DF88BD
• foreground#F7F5F7
• gitDecoration.addedResourceForeground#B5BB7A
• gitDecoration.deletedResourceForeground#E58793
• gitDecoration.modifiedResourceForeground#AB91C6
• input.background#6B315A
• input.border#713D62
• input.foreground#F7F5F7
• input.placeholderForeground#C894B6
• list.activeSelectionBackground#823F6C
• list.activeSelectionForeground#F7F5F7
• list.highlightForeground#DF88BD
• list.hoverBackground#692F58
• list.inactiveSelectionBackground#823F6C99
• list.inactiveSelectionForeground#F7F5F7
• notifications.background#6B315A
• notifications.border#713D62
• notifications.foreground#F7F5F7
• panel.background#6B315A
• panel.border#713D62
• panel.foreground#F7F5F7
• quickInput.background#6B315A
• quickInput.foreground#F7F5F7
• scrollbarSlider.background#713D6288
• scrollbarSlider.hoverBackground#713D62BB
• selection.background#823F6C
• sideBar.background#6B315A
• sideBar.border#713D62
• sideBar.foreground#F7F5F7
• statusBar.background#6B315A
• statusBar.debuggingBackground#DF88BD
• statusBar.debuggingForeground#1B1B1F
• statusBar.foreground#F7F5F7
• statusBar.noFolderBackground#6B315A
• statusBar.noFolderForeground#F7F5F7
• tab.activeBackground#5E224D
• tab.activeBorderTop#DF88BD
• tab.activeForeground#F7F5F7
• tab.border#713D62
• tab.inactiveBackground#733B63
• tab.inactiveForeground#FFFFFF
• terminal.ansiBlack#3D1632
• terminal.ansiBlue#A592C7
• terminal.ansiBrightBlack#C894B6
• terminal.ansiBrightBlue#A592C7
• terminal.ansiBrightCyan#9B9FC0
• terminal.ansiBrightGreen#B5BB7A
• terminal.ansiBrightMagenta#E07AAE
• terminal.ansiBrightRed#E58793
• terminal.ansiBrightWhite#F7F5F7
• terminal.ansiBrightYellow#E4B687
• terminal.ansiCyan#9B9FC0
• terminal.ansiGreen#B5BB7A
• terminal.ansiMagenta#E07AAE
• terminal.ansiRed#E58793
• terminal.ansiWhite#C894B6
• terminal.ansiYellow#E4B687
• terminal.background#5E224D
• terminal.foreground#F7F5F7
• textLink.activeForeground#DF88BD
• textLink.foreground#DF88BD
• titleBar.activeBackground#733B63
• titleBar.activeForeground#F7F5F7
• titleBar.inactiveBackground#5E224D
• titleBar.inactiveForeground#C894B6

tokenColors

TextMate scopes and font styles (syntax highlighting rules).