Blue Reverie Theme

Color themes

• 

  Blue Reverie Theme Dark

• 

  Blue Reverie 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#3A86FF
• activityBar.background#E1DCFA
• activityBar.foreground#35415B
• activityBar.inactiveForeground#70758A
• activityBarBadge.background#2867CF
• activityBarBadge.foreground#FFFFFF
• badge.background#2867CF
• badge.foreground#FFFFFF
• button.background#2867CF
• button.foreground#FFFFFF
• button.hoverBackground#205AB8
• descriptionForeground#70758A
• dropdown.background#EDF3FF
• dropdown.border#D4D8EB
• dropdown.foreground#35415B
• editor.background#FFF4F4
• editor.findMatchBackground#C29C5777
• editor.findMatchHighlightBackground#C29C5733
• editor.foreground#35415B
• editor.inactiveSelectionBackground#DED8F599
• editor.lineHighlightBackground#D4D8EB33
• editor.selectionBackground#DED8F5
• editorBracketMatch.background#DED8F5
• editorBracketMatch.border#2867CF
• editorCursor.foreground#3A86FF
• editorError.foreground#B13F62
• editorGroupHeader.tabsBackground#EDF3FF
• editorHoverWidget.background#EDF3FF
• editorHoverWidget.border#D4D8EB
• editorHoverWidget.foreground#35415B
• editorIndentGuide.activeBackground1#70758A
• editorIndentGuide.background1#D4D8EB66
• editorInfo.foreground#276A80
• editorLineNumber.activeForeground#2867CF
• editorLineNumber.foreground#70758A
• editorSuggestWidget.background#EDF3FF
• editorSuggestWidget.border#D4D8EB
• editorSuggestWidget.foreground#35415B
• editorSuggestWidget.selectedBackground#DED8F5
• editorWarning.foreground#896221
• editorWhitespace.foreground#D4D8EB
• editorWidget.background#EDF3FF
• editorWidget.border#D4D8EB
• editorWidget.foreground#35415B
• errorForeground#B13F62
• focusBorder#2867CF
• foreground#35415B
• gitDecoration.addedResourceForeground#2867CF
• gitDecoration.deletedResourceForeground#B13F62
• gitDecoration.modifiedResourceForeground#276A80
• input.background#EDF3FF
• input.border#D4D8EB
• input.foreground#35415B
• input.placeholderForeground#70758A
• list.activeSelectionBackground#DED8F5
• list.activeSelectionForeground#35415B
• list.highlightForeground#2867CF
• list.hoverBackground#D4D8EB44
• list.inactiveSelectionBackground#DED8F599
• list.inactiveSelectionForeground#35415B
• notifications.background#EDF3FF
• notifications.border#D4D8EB
• notifications.foreground#35415B
• panel.background#EDF3FF
• panel.border#D4D8EB
• panel.foreground#35415B
• quickInput.background#EDF3FF
• quickInput.foreground#35415B
• scrollbarSlider.background#D4D8EB88
• scrollbarSlider.hoverBackground#D4D8EBBB
• selection.background#DED8F5
• sideBar.background#EDF3FF
• sideBar.border#D4D8EB
• sideBar.foreground#35415B
• statusBar.background#EDF3FF
• statusBar.debuggingBackground#2867CF
• statusBar.debuggingForeground#FFFFFF
• statusBar.foreground#35415B
• statusBar.noFolderBackground#EDF3FF
• statusBar.noFolderForeground#35415B
• tab.activeBackground#FFF4F4
• tab.activeBorderTop#2867CF
• tab.activeForeground#35415B
• tab.border#D4D8EB
• tab.inactiveBackground#EDF3FF
• tab.inactiveForeground#70758A
• terminal.ansiBlack#273046
• terminal.ansiBlue#276A80
• terminal.ansiBrightBlack#70758A
• terminal.ansiBrightBlue#276A80
• terminal.ansiBrightCyan#276A80
• terminal.ansiBrightGreen#2867CF
• terminal.ansiBrightMagenta#7055A5
• terminal.ansiBrightRed#B13F62
• terminal.ansiBrightWhite#35415B
• terminal.ansiBrightYellow#896221
• terminal.ansiCyan#276A80
• terminal.ansiGreen#2867CF
• terminal.ansiMagenta#7055A5
• terminal.ansiRed#B13F62
• terminal.ansiWhite#D4D8EB
• terminal.ansiYellow#896221
• terminal.background#FFF4F4
• terminal.foreground#35415B
• textLink.activeForeground#2867CF
• textLink.foreground#2867CF
• titleBar.activeBackground#EDF3FF
• titleBar.activeForeground#35415B
• titleBar.inactiveBackground#FFF4F4
• titleBar.inactiveForeground#70758A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).