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#B63182
• activityBar.background#FBE5F6
• activityBar.foreground#2D252A
• activityBar.inactiveForeground#84757F
• activityBarBadge.background#B63182
• activityBarBadge.foreground#FFFFFF
• badge.background#B63182
• badge.foreground#FFFFFF
• button.background#B63182
• button.foreground#FFFFFF
• button.hoverBackground#B63182
• descriptionForeground#84757F
• dropdown.background#EFD1E8
• dropdown.border#DDC9D8
• dropdown.foreground#2D252A
• editor.background#FFF0FB
• editor.findMatchBackground#D278B0
• editor.findMatchHighlightBackground#D278B077
• editor.foreground#2D252A
• editor.inactiveSelectionBackground#E8B2D599
• editor.lineHighlightBackground#EFD9E9
• editor.selectionBackground#E8B2D5
• editorBracketMatch.background#E8B2D5
• editorBracketMatch.border#B63182
• editorCursor.foreground#B63182
• editorError.foreground#C72B3F
• editorGroupHeader.tabsBackground#E4CFDF
• editorHoverWidget.background#EFD1E8
• editorHoverWidget.border#DDC9D8
• editorHoverWidget.foreground#2D252A
• editorIndentGuide.activeBackground1#84757F
• editorIndentGuide.background1#DDC9D866
• editorInfo.foreground#9166AA
• editorLineNumber.activeForeground#B63182
• editorLineNumber.foreground#84757F
• editorSuggestWidget.background#EFD1E8
• editorSuggestWidget.border#DDC9D8
• editorSuggestWidget.foreground#2D252A
• editorSuggestWidget.selectedBackground#E8B2D5
• editorWarning.foreground#915921
• editorWhitespace.foreground#DDC9D866
• editorWidget.background#EFD1E8
• editorWidget.border#DDC9D8
• editorWidget.foreground#2D252A
• errorForeground#C72B3F
• focusBorder#B63182
• foreground#2D252A
• gitDecoration.addedResourceForeground#90914C
• gitDecoration.deletedResourceForeground#C72B3F
• gitDecoration.modifiedResourceForeground#9461A6
• input.background#EFD1E8
• input.border#DDC9D8
• input.foreground#2D252A
• input.placeholderForeground#84757F
• list.activeSelectionBackground#E8B2D5
• list.activeSelectionForeground#2D252A
• list.highlightForeground#B63182
• list.hoverBackground#F2E0ED
• list.inactiveSelectionBackground#E8B2D599
• list.inactiveSelectionForeground#2D252A
• notifications.background#EFD1E8
• notifications.border#DDC9D8
• notifications.foreground#2D252A
• panel.background#EFD1E8
• panel.border#DDC9D8
• panel.foreground#2D252A
• quickInput.background#EFD1E8
• quickInput.foreground#2D252A
• scrollbarSlider.background#DDC9D888
• scrollbarSlider.hoverBackground#DDC9D8BB
• selection.background#E8B2D5
• sideBar.background#EFD1E8
• sideBar.border#DDC9D8
• sideBar.foreground#2D252A
• statusBar.background#EFD1E8
• statusBar.debuggingBackground#B63182
• statusBar.debuggingForeground#FFFFFF
• statusBar.foreground#2D252A
• statusBar.noFolderBackground#EFD1E8
• statusBar.noFolderForeground#2D252A
• tab.activeBackground#FFF0FB
• tab.activeBorderTop#B63182
• tab.activeForeground#2D252A
• tab.border#DDC9D8
• tab.inactiveBackground#E4CFDF
• tab.inactiveForeground#1B1B1F
• terminal.ansiBlack#221C20
• terminal.ansiBlue#9166AA
• terminal.ansiBrightBlack#84757F
• terminal.ansiBrightBlue#9166AA
• terminal.ansiBrightCyan#8674A2
• terminal.ansiBrightGreen#90914C
• terminal.ansiBrightMagenta#CB4F91
• terminal.ansiBrightRed#C72B3F
• terminal.ansiBrightWhite#2D252A
• terminal.ansiBrightYellow#915921
• terminal.ansiCyan#8674A2
• terminal.ansiGreen#90914C
• terminal.ansiMagenta#CB4F91
• terminal.ansiRed#C72B3F
• terminal.ansiWhite#84757F
• terminal.ansiYellow#915921
• terminal.background#FFF0FB
• terminal.foreground#2D252A
• textLink.activeForeground#B63182
• textLink.foreground#B63182
• titleBar.activeBackground#E4CFDF
• titleBar.activeForeground#2D252A
• titleBar.inactiveBackground#FFF0FB
• titleBar.inactiveForeground#84757F

tokenColors

TextMate scopes and font styles (syntax highlighting rules).