Aquarelle Color Themes

Color themes

• 

  Dark (Aquarelle)

• 

  Dark Mono (Aquarelle)

• 

  Light (Aquarelle)

• 

  Light Mono (Aquarelle)

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#E6E4D9
• activityBar.foreground#575653
• activityBar.inactiveForeground#9F9D96
• badge.background#00000000
• badge.foreground#100F0F
• dropdown.background#F2F0E5
• dropdown.border#CECDC3
• dropdown.foreground#100F0F
• dropdown.listBackground#F2F0E5
• editor.background#FFFCF0
• editor.findMatchBackground#D0A21580
• editor.findMatchBorder#D0A215
• editor.findMatchHighlightBackground#00000000
• editor.findMatchHighlightBorder#D0A215
• editor.findRangeHighlightBackground#00000000
• editor.findRangeHighlightBorder#D0A21580
• editor.foreground#100F0F
• editor.inactiveSelectionBackground#DAD8CE80
• editor.lineHighlightBackground#F2F0E5
• editor.lineHighlightBorder#F2F0E5
• editor.rangeHighlightBackground#00000000
• editor.rangeHighlightBorder#00000000
• editor.selectionBackground#C6DDE880
• editor.selectionHighlightBackground#00000000
• editor.selectionHighlightBorder#D0A215
• editorCursor.foreground#205EA6
• editorGroupHeader.tabsBackground#E6E4D9
• editorGroupHeader.tabsBorder#00000000
• editorIndentGuide.background1#CECDC3
• editorLineNumber.activeForeground#878580
• editorLineNumber.foreground#878580
• editorWidget.background#F2F0E5
• editorWidget.border#CECDC3
• focusBorder#00000000
• gitDecoration.addedResourceForeground#66800B
• gitDecoration.conflictingResourceForeground#BC5215
• gitDecoration.deletedResourceForeground#AF3029
• gitDecoration.ignoredResourceForeground#CECDC3
• gitDecoration.modifiedResourceForeground#205EA6
• gitDecoration.submoduleResourceForeground#5E409D
• gitDecoration.untrackedResourceForeground#9F9D96
• input.background#F2F0E5
• input.border#CECDC3
• input.foreground#100F0F
• input.placeholderForeground#878580
• inputOption.activeBorder#6F6E69
• inputOption.hoverBackground#E6E4D9
• list.activeSelectionBackground#E6E4D9
• list.activeSelectionForeground#403E3C
• list.focusBackground#F2F0E5
• list.focusForeground#403E3C
• list.hoverBackground#F2F0E5
• list.hoverForeground#403E3C
• list.inactiveSelectionBackground#E6E4D9
• list.inactiveSelectionForeground#403E3C
• panel.background#FFFCF0
• panel.border#E6E4D9
• panelInput.border#CECDC3
• peekView.border#B7B5AC
• peekViewEditor.background#FFFCF0
• peekViewResult.matchHighlightBackground#D0A215
• peekViewResult.selectionBackground#E6E4D9
• peekViewResult.selectionForeground#403E3C
• pickerGroup.border#CECDC3
• pickerGroup.foreground#878580
• quickInput.background#F2F0E5
• quickInput.foreground#100F0F
• quickInputList.focusBackground#E6E4D9
• quickInputList.focusForeground#403E3C
• quickInputTitle.background#E6E4D9
• scrollbar.shadow#00000000
• scrollbarSlider.background#B7B5AC4F
• scrollbarSlider.hoverBackground#B7B5AC7A
• search.resultsInfoForeground#878580
• searchEditor.findMatchBackground#D0A21580
• searchEditor.findMatchBorder#D0A215
• sideBar.background#E6E4D9
• sideBar.foreground#403E3C
• statusBar.background#CECDC3
• statusBar.border#B7B5AC
• statusBar.debuggingBackground#D0A215
• statusBar.debuggingForeground#100F0F
• statusBar.foreground#575653
• statusBar.noFolderBackground#8B7EC8
• statusBar.noFolderForeground#FFFCF0
• statusBarItem.hoverBackground#CECDC3
• statusBarItem.prominentHoverBackground#CECDC3
• tab.border#00000000
• tab.inactiveBackground#F2F0E5
• terminal.ansiBlack#100F0F
• terminal.ansiBlue#205EA6
• terminal.ansiBrightBlack#878580
• terminal.ansiBrightBlue#4385BE
• terminal.ansiBrightCyan#3AA99F
• terminal.ansiBrightGreen#879A39
• terminal.ansiBrightMagenta#8B7EC8
• terminal.ansiBrightRed#D14D41
• terminal.ansiBrightWhite#FFFCF0
• terminal.ansiBrightYellow#D0A215
• terminal.ansiCyan#24837B
• terminal.ansiGreen#66800B
• terminal.ansiMagenta#5E409D
• terminal.ansiRed#AF3029
• terminal.ansiWhite#CECDC3
• terminal.ansiYellow#AD8301
• terminal.foreground#100F0F
• titleBar.activeBackground#E6E4D9
• titleBar.inactiveBackground#E6E4D9
• tree.indentGuidesStroke#B7B5AC
• widget.border#CECDC3
• widget.shadow#E6E4D9

tokenColors

TextMate scopes and font styles (syntax highlighting rules).