Macaron Dream Theme

Color themes

• 

  Macaron Dream Dark

• 

  Macaron Dream 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.activeBackground#FFFFFF
• activityBar.activeBorder#FFB3C6
• activityBar.background#FFF8FB
• activityBar.focusBorder#00000000
• activityBar.foreground#5A4A5E
• activityBar.inactiveForeground#C9AFC0
• activityBarBadge.background#CDB4FF
• activityBarBadge.foreground#3F3340
• badge.background#CDB4FF
• badge.foreground#3F3340
• breadcrumb.activeSelectionForeground#3F3340
• breadcrumb.background#FFF8FB
• breadcrumb.focusForeground#E07BA8
• breadcrumb.foreground#A98FA8
• button.background#FFB3C6
• button.foreground#3F3340
• button.hoverBackground#FFC9D7
• contrastBorder#E8DDE8
• debugExceptionWidget.background#FFF6DC
• debugExceptionWidget.border#D9B45C
• debugToolBar.background#FFFFFF
• diffEditor.insertedTextBackground#B8E98633
• diffEditor.removedTextBackground#FFB3C633
• dropdown.background#FFFFFF
• dropdown.border#E8DDE8
• dropdown.foreground#5A4A5E
• editor.background#FFFFFF
• editor.foreground#3F3340
• editor.inactiveSelectionBackground#FFEAF1
• editor.lineHighlightBackground#FFF4F8
• editor.lineHighlightBorder#00000000
• editor.lineNumber.activeForeground#B08CFF
• editor.lineNumber.foreground#D9C2D2
• editor.selectionBackground#FFD9E3
• editor.selectionHighlightBackground#E8DDE8
• editorBracketMatch.background#FFEAF1
• editorBracketMatch.border#FFB3C6
• editorCodeLens.foreground#9A8AA2
• editorCursor.foreground#E07BA8
• editorError.foreground#E5739B
• editorGroup.background#FFFDF8
• editorGroup.border#E8DDE8
• editorGroupHeader.tabsBackground#FFF8FB
• editorGroupHeader.tabsBorder#E8DDE8
• editorGutter.background#FFFFFF
• editorHoverWidget.background#FFFFFF
• editorHoverWidget.border#E8DDE8
• editorIndentGuide.activeBackground#FFB3C6
• editorIndentGuide.background#E8DDE8
• editorInfo.foreground#5FA8C9
• editorOverviewRuler.border#E8DDE8
• editorOverviewRuler.errorForeground#E5739B
• editorOverviewRuler.infoForeground#5FA8C9
• editorOverviewRuler.warningForeground#D9B45C
• editorRuler.foreground#E8DDE8
• editorSuggestWidget.background#FFFFFF
• editorSuggestWidget.border#E8DDE8
• editorSuggestWidget.selectedBackground#FFEAF1
• editorWarning.foreground#D9B45C
• editorWhitespace.foreground#EFE0EC
• editorWidget.background#FFFFFF
• editorWidget.border#E8DDE8
• editorWidget.resizeBorder#FFB3C6
• focusBorder#FFB3C6
• foreground#5A4A5E
• gitDecoration.addedResourceForeground#7FC77A
• gitDecoration.conflictingResourceForeground#B08CFF
• gitDecoration.deletedResourceForeground#E5739B
• gitDecoration.ignoredResourceForeground#C9AFC0
• gitDecoration.modifiedResourceForeground#D9B45C
• gitDecoration.untrackedResourceForeground#5FA8C9
• input.background#FFFFFF
• input.border#E8DDE8
• input.foreground#3F3340
• inputOption.activeBorder#FFB3C6
• inputValidation.errorBackground#FFEAF1
• inputValidation.errorBorder#E5739B
• inputValidation.infoBackground#EAF6FB
• inputValidation.infoBorder#5FA8C9
• inputValidation.warningBackground#FFF6DC
• inputValidation.warningBorder#D9B45C
• list.activeSelectionBackground#FFEAF1
• list.activeSelectionForeground#3F3340
• list.dropBackground#FFEAF1
• list.errorForeground#E5739B
• list.focusBackground#FFEAF1
• list.highlightForeground#E07BA8
• list.hoverBackground#FFF0F6
• list.inactiveSelectionBackground#FFF4F8
• menu.background#FFFFFF
• menu.foreground#5A4A5E
• menu.selectionBackground#FFEAF1
• menu.selectionForeground#3F3340
• menu.separatorBackground#E8DDE8
• menubar.selectionForeground#3F3340
• notification.background#FFFFFF
• notification.border#E8DDE8
• notification.foreground#5A4A5E
• panel.background#FFFFFF
• panel.border#E8DDE8
• panelInput.border#E8DDE8
• panelTitle.activeForeground#3F3340
• panelTitle.inactiveForeground#A98FA8
• progressBar.background#FFB3C6
• scrollbarSlider.activeBackground#FFB3C699
• scrollbarSlider.background#E8DDE899
• scrollbarSlider.hoverBackground#E8DDE8CC
• sideBar.background#FFF8FB
• sideBar.border#E8DDE8
• sideBar.foreground#5A4A5E
• sideBarSectionHeader.background#FFEAF1
• sideBarSectionHeader.border#E8DDE8
• sideBarSectionHeader.foreground#5A4A5E
• sideBarTitle.foreground#5A4A5E
• statusBar.background#FFB3C6
• statusBar.debuggingBackground#CDB4FF
• statusBar.foreground#3F3340
• statusBar.noFolderBackground#FFB3C6
• statusBarItem.activeBackground#FFFFFF66
• statusBarItem.hoverBackground#FFFFFF44
• tab.activeBackground#FFFFFF
• tab.activeBorder#FFB3C6
• tab.activeForeground#3F3340
• tab.border#E8DDE8
• tab.inactiveBackground#FFF8FB
• tab.inactiveForeground#A98FA8
• tab.unfocusedActiveBorder#E8DDE8
• tab.unfocusedActiveForeground#5A4A5E
• tab.unfocusedInactiveForeground#C9AFC0
• terminal.ansiBlack#5A4A5E
• terminal.ansiBlue#5FA8C9
• terminal.ansiBrightBlack#9A8AA2
• terminal.ansiBrightBlue#9ADCF5
• terminal.ansiBrightCyan#A9E8F5
• terminal.ansiBrightGreen#B8E986
• terminal.ansiBrightMagenta#FFB3C6
• terminal.ansiBrightRed#FF9FC0
• terminal.ansiBrightWhite#FFFDF8
• terminal.ansiBrightYellow#FFE58A
• terminal.ansiCyan#5CB8C9
• terminal.ansiGreen#7FC77A
• terminal.ansiMagenta#E07BA8
• terminal.ansiRed#E5739B
• terminal.ansiWhite#A98FA8
• terminal.ansiYellow#D9B45C
• terminal.background#FFFFFF
• terminal.foreground#3F3340
• textBlockQuote.background#FFF8FB
• textBlockQuote.border#FFB3C6
• textCodeBlock.background#FFF8FB
• textLink.activeForeground#E07BA8
• textLink.foreground#5FA8C9
• textPreformat.foreground#E07BA8
• titleBar.activeBackground#FFF8FB
• titleBar.activeForeground#5A4A5E
• titleBar.border#E8DDE8
• titleBar.inactiveBackground#FFFDF8
• titleBar.inactiveForeground#A98FA8

tokenColors

TextMate scopes and font styles (syntax highlighting rules).