马卡龙主题 (Macaron Theme)

Color themes

• 

  Macaron Dark

• 

  Macaron 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#F3E1D6
• activityBar.foreground#8A5A66
• activityBar.inactiveForeground#C4A8B0
• activityBarBadge.background#D97A93
• activityBarBadge.foreground#FFFFFF
• badge.background#D97A93
• badge.foreground#FFFFFF
• button.background#D97A93
• button.foreground#FFFFFF
• button.hoverBackground#C96A84
• button.secondaryBackground#F3E1D6
• button.secondaryForeground#7A5A64
• checkbox.background#FBF1E9
• checkbox.border#EADCD2
• debugToolBar.background#FBF1E9
• dropdown.background#FBF1E9
• dropdown.border#EADCD2
• editor.background#FDF6F0
• editor.findMatchBackground#F2C4CF
• editor.findMatchHighlightBackground#F6DCE2
• editor.foreground#5C5262
• editor.lineHighlightBackground#F6EADF
• editor.selectionBackground#F4D6DE
• editor.selectionHighlightBackground#F6E3D3
• editorBracketMatch.background#F4D6DE
• editorBracketMatch.border#D97A93
• editorCursor.foreground#D97A93
• editorError.foreground#CC5A6E
• editorGutter.background#FDF6F0
• editorHoverWidget.background#FBF1E9
• editorIndentGuide.activeBackground1#DCC4B8
• editorIndentGuide.background1#EADCD2
• editorLineNumber.activeForeground#D97A93
• editorLineNumber.foreground#C9B8B0
• editorOverviewRuler.border#EADCD2
• editorSuggestWidget.background#FBF1E9
• editorSuggestWidget.selectedBackground#F4D6DE
• editorWarning.foreground#C08A3E
• editorWhitespace.foreground#E3D4CA
• editorWidget.background#FBF1E9
• editorWidget.border#EADCD2
• focusBorder#E8A0B0
• gitDecoration.addedResourceForeground#6FA982
• gitDecoration.conflictingResourceForeground#C77F9F
• gitDecoration.deletedResourceForeground#CC5A6E
• gitDecoration.ignoredResourceForeground#BFAEA8
• gitDecoration.modifiedResourceForeground#C08A3E
• gitDecoration.stageModifiedResourceForeground#4FA3C4
• gitDecoration.untrackedResourceForeground#6FA982
• input.background#FFFFFF
• input.border#EADCD2
• input.placeholderForeground#B8A29E
• list.activeSelectionBackground#F4D6DE
• list.activeSelectionForeground#7A4A58
• list.highlightForeground#D97A93
• list.hoverBackground#F3E3D8
• list.inactiveSelectionBackground#F3E3D8
• merge.currentHeaderBackground#8FBF9F
• merge.incomingHeaderBackground#8FCBE0
• minimap.background#F8ECE3
• notificationCenterHeader.background#F3E1D6
• notifications.background#FBF1E9
• notificationsErrorIcon.foreground#CC5A6E
• notificationsInfoIcon.foreground#4FA3C4
• notificationsWarningIcon.foreground#C08A3E
• panel.background#F8ECE3
• panel.border#EADCD2
• panelTitle.activeBorder#D97A93
• panelTitle.activeForeground#7A5A64
• peekView.border#D97A93
• peekViewEditor.background#FBF1E9
• peekViewResult.background#F8ECE3
• progressBar.background#D97A93
• scrollbarSlider.background#E3CFC580
• scrollbarSlider.hoverBackground#D9BFB280
• settings.headerForeground#7A5A64
• sideBar.background#F8ECE3
• sideBarSectionHeader.background#F3E1D6
• sideBarTitle.foreground#7A5A64
• statusBar.background#F3D7DC
• statusBar.debuggingBackground#E8B4C0
• statusBar.debuggingForeground#6B3A46
• statusBar.foreground#8A5A66
• statusBar.noFolderBackground#EFE0D2
• statusBarItem.remoteBackground#D9A5B3
• statusBarItem.remoteForeground#5C3644
• tab.activeBackground#FDF6F0
• tab.activeBorderTop#D97A93
• tab.activeForeground#7A5A64
• tab.border#EADCD2
• tab.inactiveBackground#F3E5D9
• tab.inactiveForeground#B39A94
• terminal.ansiBlack#5C5262
• terminal.ansiBlue#4FA3C4
• terminal.ansiCyan#7FB5C9
• terminal.ansiGreen#6FA982
• terminal.ansiMagenta#C77F9F
• terminal.ansiRed#CC5A6E
• terminal.ansiWhite#EADCD2
• terminal.ansiYellow#C08A3E
• terminal.background#FBF1E9
• terminal.foreground#5C5262
• titleBar.activeBackground#F8ECE3
• titleBar.activeForeground#7A5A64
• titleBar.inactiveBackground#F5E9E0
• walkThrough.embeddedEditorBackground#F8ECE3
• welcomePage.background#FDF6F0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).