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#343331
• activityBar.foreground#DAD8CE
• activityBar.inactiveForeground#878580
• dropdown.background#1C1B1A
• dropdown.border#6F6E69
• dropdown.foreground#DAD8CE
• dropdown.listBackground#1C1B1A
• editor.background#1C1B1A
• editor.findMatchBackground#403E3C80
• editor.findMatchBorder#DA702C
• editor.findMatchHighlightBackground#00000000
• editor.findMatchHighlightBorder#DA702C
• editor.findRangeHighlightBackground#00000000
• editor.findRangeHighlightBorder#DA702C80
• editor.foreground#FFFCF0
• editor.inactiveSelectionBackground#403E3C80
• editor.lineHighlightBackground#282726
• editor.lineHighlightBorder#282726
• editor.rangeHighlightBackground#00000000
• editor.rangeHighlightBorder#00000000
• editor.selectionBackground#34333180
• editor.selectionHighlightBackground#34333180
• editor.selectionHighlightBorder#343331
• editorCursor.foreground#D0A215
• editorGroupHeader.tabsBackground#343331
• editorGroupHeader.tabsBorder#00000000
• editorIndentGuide.activeBackground1#282726
• editorIndentGuide.background1#282726
• editorLineNumber.activeForeground#878580
• editorLineNumber.foreground#878580
• editorWidget.background#1C1B1A
• editorWidget.border#343331
• focusBorder#00000000
• gitDecoration.addedResourceForeground#A0AF54
• gitDecoration.conflictingResourceForeground#EC8B49
• gitDecoration.deletedResourceForeground#E8705F
• gitDecoration.ignoredResourceForeground#575653
• gitDecoration.modifiedResourceForeground#66A0C8
• gitDecoration.submoduleResourceForeground#A699D0
• gitDecoration.untrackedResourceForeground#9F9D96
• input.background#1C1B1A
• input.border#343331
• input.foreground#DAD8CE
• input.placeholderForeground#878580
• inputOption.activeBorder#205EA6
• inputOption.hoverBackground#343331
• list.activeSelectionBackground#6F6E69
• list.activeSelectionForeground#FFFCF0
• list.focusBackground#403E3C
• list.focusForeground#DAD8CE
• list.hoverBackground#403E3C
• list.hoverForeground#DAD8CE
• list.inactiveSelectionBackground#6F6E69
• list.inactiveSelectionForeground#FFFCF0
• panel.background#100F0F
• panel.border#282726
• panelInput.border#343331
• peekView.border#6F6E69
• peekViewEditor.background#1C1B1A
• peekViewResult.selectionBackground#6F6E69
• peekViewResult.selectionForeground#FFFCF0
• pickerGroup.border#343331
• pickerGroup.foreground#878580
• quickInput.background#1C1B1A
• quickInput.foreground#DAD8CE
• quickInputList.focusBackground#403E3C
• quickInputList.focusForeground#FFFCF0
• quickInputTitle.background#282726
• scrollbar.shadow#00000000
• search.resultsInfoForeground#878580
• searchEditor.findMatchBackground#AD8301
• searchEditor.findMatchBorder#AD8301
• selection.background#403E3C1C
• sideBar.background#343331
• sideBar.foreground#DAD8CE
• statusBar.background#282726
• statusBar.border#6F6E69
• statusBar.foreground#B7B5AC
• statusBarItem.hoverBackground#282726
• statusBarItem.prominentHoverBackground#282726
• tab.border#00000000
• tab.inactiveBackground#282726
• terminal.ansiBlack#100F0F
• terminal.ansiBlue#66A0C8
• 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#5ABDAC
• terminal.ansiGreen#A0AF54
• terminal.ansiMagenta#A699D0
• terminal.ansiRed#E8705F
• terminal.ansiWhite#B7B5AC
• terminal.ansiYellow#DFB431
• terminal.foreground#FFFCF0
• titleBar.activeBackground#343331
• titleBar.inactiveBackground#343331
• tree.indentGuidesStroke#6F6E69
• widget.border#343331

tokenColors

TextMate scopes and font styles (syntax highlighting rules).