tretton37 Theme
Publisher: crustanThemes in package: 1
tretton37 theme for VS Code
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#002b55
- activityBar.border#4f565f
- activityBar.foreground#80c565
- activityBarBadge.background#80c565
- activityBarBadge.foreground#e9f6f6
- badge.background#00123C
- badge.foreground#e9f6f6
- button.background#80c565
- button.foreground#e9f6f6
- button.hoverBackground#4d9232
- dropdown.background#00123C
- dropdown.border#00123C
- dropdown.foreground#e9f6f6
- editor.background#002b55
- editor.foreground#e9f6f6
- editor.lineHighlightBackground#e9f6f622
- editor.selectionBackground#355575
- editorCursor.foreground#80c565
- editorGroupHeader.tabsBackground#00123C
- editorIndentGuide.activeBackground#d0e6da
- editorLineNumber.activeForeground#80c565
- editorRuler.foreground#3A5574
- editorSuggestWidget.border#4f565f
- editorWhitespace.foreground#303f4f
- editorWidget.background#002b55
- editorWidget.resizeBorder#80c565
- gitDecoration.addedResourceForeground#80c565
- gitDecoration.modifiedResourceForeground#80c565
- input.background#00123C
- inputOption.activeBorder#e9f6f622
- list.activeSelectionBackground#e9f6f622
- list.focusBackground#e9f6f622
- list.hoverBackground#e9f6f622
- list.inactiveSelectionBackground#e9f6f622
- notifications.background#00123C
- panel.border#4f565f
- peekView.border#4f565f
- peekViewEditor.background#00123C
- peekViewEditor.matchHighlightBackground#80c56599
- peekViewEditorGutter.background#00123C
- peekViewResult.background#00123C90
- peekViewResult.matchHighlightBackground#80c56550
- peekViewTitle.background#00123C
- scrollbar.shadow#002b55
- sideBar.background#002b55
- sideBar.border#4f565f
- sideBar.foreground#e9f6f6
- sideBarSectionHeader.foreground#e9f6f6
- sideBarTitle.foreground#e9f6f6
- statusBar.background#80c565
- statusBar.border#4f565f
- statusBar.foreground#e9f6f6
- tab.activeBackground#002b55
- tab.activeForeground#e9f6f6
- tab.activeModifiedBorder#80c565
- tab.inactiveBackground#00123C
- tab.inactiveForeground#e9f6f680
- tab.inactiveModifiedBorder#002b55
- terminal.border#4f565f
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #4f565f | italic |
| meta.parameters comment.block | #4f565f | italic |
| string | #d0e6da | — |
| constant.numeric | #d0e6da | — |
| constant.language | #80c565 | — |
| constant.character, constant.other, variable.other.constant | #d0e6da | — |
| variable, support.other.variable | #d0e6da | |
| keyword | #80c565 | — |
| storage | #80c565 | |
| storage.type | #80c565 | italic |
| entity.name.class | #e9f6f6 | underline |
| entity.name.type,support.type | #d0e6da | |
| entity.other.inherited-class | #80c565 | italic underline |
| entity.name.function | #d0e6da | |
| variable.parameter | #678097 | italic |
| entity.name.tag,entity.other.attribute-name.class,entity.other.attribute-name.id | #80c565 | |
| entity.other.attribute-name | #678097 | |
| support.function | #d0e6da | |
| support.constant | #d0e6da | |
| support.class | #80c565 | — |
| support.other.variable | — | |
| invalid | #F8F8F0 | |
| invalid.deprecated | #F8F8F0 | — |
| meta.brace,punctuation | #4f565f | — |
| comment.block.c | #4f565f | italic |
| meta.property-name,support.type.property-name | #678097 | — |
| meta.property-value | #678097 | — |
| meta.object-literal.key | #678097 | — |
| variable.other.readwrite.alias | #d0e6da | — |
| variable.language.this,support.variable.object,support.variable.dom | #678097 | — |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |