Aperture Theme

Color themes

• 

  Atom One Dark - f/8 Comments + Strings

• 

  Dark (Visual Studio) - f/16 Comments

• 

  Dark (Visual Studio) - f/22 Nothing

• 

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

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#333842
• activityBar.foreground#d7dae0
• activityBarBadge.background#528bff
• activityBarBadge.foreground#d7dae0
• badge.background#528bff
• badge.foreground#d7dae0
• button.background#4d78cc
• button.foreground#ffffff
• button.hoverBackground#6087cf
• diffEditor.insertedTextBackground#00809b33
• dropdown.background#353b45
• dropdown.border#181a1f
• editor.background#282c34
• editor.findMatchHighlightBackground#528bff3d
• editor.foreground#abb2bf
• editor.lineHighlightBackground#99bbff0a
• editor.selectionBackground#3e4451
• editorCursor.foreground#528bff
• editorGroup.border#181a1f
• editorGroupHeader.tabsBackground#21252b
• editorHoverWidget.background#21252b
• editorHoverWidget.border#181a1f
• editorInlayHint.background#2c313a
• editorInlayHint.foreground#636e83
• editorLineNumber.activeForeground#abb2bf
• editorLineNumber.foreground#636d83
• editorRuler.foreground#abb2bf26
• editorSuggestWidget.background#21252b
• editorSuggestWidget.border#181a1f
• editorSuggestWidget.selectedBackground#2c313a
• editorWhitespace.foreground#abb2bf26
• editorWidget.background#21252b
• editorWidget.border#3a3f4b
• extensionButton.prominentBackground#2ba143
• extensionButton.prominentHoverBackground#37af4e
• focusBorder#528bff
• input.background#1b1d23
• input.border#181a1f
• list.activeSelectionBackground#2c313a
• list.activeSelectionForeground#d7dae0
• list.focusBackground#2c313a
• list.highlightForeground#d7dae0
• list.hoverBackground#2c313a66
• list.inactiveSelectionBackground#2c313a
• list.inactiveSelectionForeground#d7dae0
• notebook.cellEditorBackground#2c313a
• peekView.border#528bff
• peekViewEditor.background#1b1d23
• peekViewResult.background#21252b
• peekViewResult.selectionBackground#2c313a
• peekViewTitle.background#1b1d23
• pickerGroup.border#528bff
• scrollbarSlider.activeBackground#747d9180
• scrollbarSlider.background#4e566680
• scrollbarSlider.hoverBackground#5a637580
• sideBar.background#21252b
• sideBarSectionHeader.background#333842
• statusBar.background#21252b
• statusBar.debuggingForeground#ffffff
• statusBar.foreground#9da5b4
• statusBar.noFolderBackground#21252b
• statusBarItem.hoverBackground#2c313a
• tab.activeBackground#282c34
• tab.activeForeground#d7dae0
• tab.border#181a1f
• tab.inactiveBackground#21252b
• titleBar.activeBackground#21252b
• titleBar.activeForeground#9da5b4
• titleBar.inactiveBackground#21252b
• titleBar.inactiveForeground#9da5b4

tokenColors

TextMate scopes and font styles (syntax highlighting rules).