Aperture Theme

Color themes

• 

  Light (Visual Studio) - f/2.8 Comments + Strings + Constants + Keywords

• 

  Light (Visual Studio) - f/4 Comments + Strings + Constants

• 

  Light (Visual Studio) - f/8 Comments + Strings

• 

  Mariana - f/16 Comments

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#1c2228
• activityBarBadge.background#99c794
• activityBarBadge.foreground#1c2228
• badge.background#99c794
• badge.foreground#1c2228
• button.background#393e42
• button.foreground#ffffff
• dropdown.background#393e42
• dropdown.foreground#ffffff
• editor.background#303841
• editor.foreground#d8dee9
• editor.lineHighlightBackground#59667399
• editor.selectionBackground#59667399
• editor.selectionHighlightBorder#647382
• editorBracketHighlight.foreground1#f9ae58
• editorBracketHighlight.foreground2#c695c6
• editorBracketHighlight.foreground3#5fb4b4
• editorBracketMatch.background#f9ae5800
• editorBracketMatch.border#f9ae58
• editorCursor.foreground#f9ae58
• editorGroup.emptyBackground#1c2228
• editorGroupHeader.tabsBackground#1c2228
• editorGutter.addedBackground#99c794
• editorGutter.deletedBackground#ec5f66
• editorGutter.modifiedBackground#f9ae58
• editorIndentGuide.activeBackground1#47515b
• editorIndentGuide.activeBackground2#47515b
• editorIndentGuide.activeBackground3#47515b
• editorIndentGuide.activeBackground4#47515b
• editorIndentGuide.activeBackground5#47515b
• editorIndentGuide.activeBackground6#47515b
• editorIndentGuide.background1#47515b99
• editorIndentGuide.background2#47515b99
• editorIndentGuide.background3#47515b99
• editorIndentGuide.background4#47515b99
• editorIndentGuide.background5#47515b99
• editorIndentGuide.background6#47515b99
• editorLineNumber.foreground#828b96
• editorSuggestWidget.background#39424c
• editorSuggestWidget.focusHighlightForeground#ffffff
• editorSuggestWidget.foreground#f7f7f7
• editorSuggestWidget.highlightForeground#ffffff
• editorSuggestWidget.selectedBackground#616870
• editorSuggestWidget.selectedForeground#f7f7f7
• editorWidget.background#1c2228
• focusBorder#5c99d6
• input.background#393e42
• input.foreground#ffffff
• list.activeSelectionBackground#454a4e
• list.activeSelectionForeground#ffffff
• list.hoverBackground#292f35
• list.inactiveSelectionBackground#454a4e
• list.inactiveSelectionForeground#ffffff
• progressBar.background#5c99d6
• sideBar.background#1c2228
• sideBarSectionHeader.background#1c2228
• statusBar.background#171c22
• statusBar.debuggingBackground#f9ae58
• statusBar.debuggingForeground#1c2228
• statusBar.foreground#c1c3c6
• statusBar.noFolderBackground#c695c6
• statusBar.noFolderForeground#1c2228
• tab.inactiveBackground#1c2228
• terminal.ansiBlack#000000
• terminal.ansiBlue#6699cc
• terminal.ansiBrightBlack#000000
• terminal.ansiBrightBlue#5c99d6
• terminal.ansiBrightCyan#5fb4b4
• terminal.ansiBrightGreen#99c794
• terminal.ansiBrightMagenta#c695c6
• terminal.ansiBrightRed#f97b58
• terminal.ansiBrightWhite#ffffff
• terminal.ansiBrightYellow#f9ae58
• terminal.ansiCyan#5fb4b4
• terminal.ansiGreen#99c794
• terminal.ansiMagenta#c695c6
• terminal.ansiRed#ec5f66
• terminal.ansiWhite#f7f7f7
• terminal.ansiYellow#f9ae58
• terminal.background#303841
• textLink.foreground#5c99d6
• titleBar.activeBackground#1c2228
• titleBar.inactiveBackground#1c2228

tokenColors

TextMate scopes and font styles (syntax highlighting rules).