DuoTone Redux
Publisher: Ampp33Themes in package: 5
Fork of Atom's DuoTone theme for Visual Studio Code
Color themes
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.activeBorder#34FEBB
- activityBar.background#1D262F
- activityBar.foreground#d6e9ff
- activityBarBadge.background#34FEBB
- activityBarBadge.foreground#1D262F
- badge.background#5d8cc0
- breadcrumb.activeSelectionForeground#d6e9ff
- breadcrumb.background#1D262F
- breadcrumb.focusForeground#d6e9ff
- breadcrumb.foreground#586f89
- breadcrumbPicker.background#1D262F
- button.background#88b4e7
- button.foreground#1D262F
- button.hoverBackground#669fe0
- checkbox.background#1D262F
- checkbox.border#586f89
- commandCenter.activeBackground#1D262F
- commandCenter.background#1D262F
- diffEditor.insertedLineBackground#34fe931a
- diffEditor.insertedTextBackground#34fe9326
- diffEditor.removedLineBackground#F926721a
- diffEditor.removedTextBackground#F9267226
- dropdown.background#1D262F
- dropdown.border#1D262F
- dropdown.listBackground#1D262F
- editor.background#1D262F
- editor.foreground#d6e9ff
- editor.lineHighlightBackground#34455542
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#34455599
- editor.selectionHighlightBackground#34455566
- editor.wordHighlightBackground#34FEBB26
- editor.wordHighlightStrongBackground#34FEBB40
- editorBracketHighlight.foreground1#586f89
- editorBracketHighlight.foreground2#586f89
- editorBracketHighlight.foreground3#586f89
- editorBracketHighlight.foreground4#586f89
- editorBracketHighlight.foreground5#586f89
- editorBracketHighlight.foreground6#586f89
- editorBracketHighlight.unexpectedBracket.foreground#34fee3
- editorCursor.foreground#34FEBB
- editorError.foreground#F92672
- editorGroup.border#444c55
- editorGroupHeader.tabsBackground#1D262F
- editorGutter.addedBackground#34fe93
- editorGutter.background#1D262F
- editorGutter.deletedBackground#F92672
- editorGutter.modifiedBackground#88c7e7
- editorHoverWidget.background#293542
- editorHoverWidget.border#1D262F
- editorIndentGuide.activeBackground#586f89
- editorIndentGuide.activeBackground1#586f89
- editorIndentGuide.background#303f4f
- editorIndentGuide.background1#303f4f
- editorInfo.foreground#88c7e7
- editorLineNumber.activeForeground#6484a8
- editorLineNumber.foreground#40556c
- editorSuggestWidget.background#293542
- editorSuggestWidget.border#1D262F
- editorSuggestWidget.foreground#d6e9ff
- editorSuggestWidget.highlightForeground#34FEBB
- editorSuggestWidget.selectedBackground#344555
- editorUnicodeHighlight.background#586f891f
- editorUnicodeHighlight.border#586f8973
- editorWarning.foreground#34fee3
- editorWidget.background#293542
- editorWidget.border#1D262F
- editorWidget.foreground#d6e9ff
- focusBorder#586f8999
- foreground#d6e9ff
- gitDecoration.addedResourceForeground#34fe93
- gitDecoration.conflictingResourceForeground#34fee3
- gitDecoration.deletedResourceForeground#F92672
- gitDecoration.ignoredResourceForeground#444c55
- gitDecoration.modifiedResourceForeground#88c7e7
- gitDecoration.stageDeletedResourceForeground#F92672
- gitDecoration.stageModifiedResourceForeground#88c7e7
- gitDecoration.untrackedResourceForeground#34fe93
- input.background#1D262F
- input.border#1D262F
- input.foreground#d6e9ff
- input.placeholderForeground#d6e9ff66
- list.activeSelectionBackground#293542
- list.activeSelectionForeground#d6e9ff
- list.focusBackground#293542
- list.focusForeground#d6e9ff
- list.focusHighlightForeground#34FEBB
- list.highlightForeground#34FEBB
- list.hoverBackground#25303c
- list.hoverForeground#d6e9ff
- list.inactiveSelectionBackground#293542
- list.inactiveSelectionForeground#d6e9ff
- menu.background#293542
- menu.border#1D262F
- menu.foreground#d6e9ff
- menu.selectionBackground#344555
- menu.selectionForeground#d6e9ff
- menu.separatorBackground#303F4F
- menubar.selectionBackground#293542
- notificationCenterHeader.background#1D262F
- notificationCenterHeader.foreground#d6e9ff
- notifications.background#1D262F
- notifications.foreground#d6e9ff
- panel.background#1D262F
- panel.border#444c55
- peekView.border#586f89
- peekViewEditor.background#293542
- peekViewResult.background#293542
- peekViewTitle.background#293542
- pickerGroup.border#1D262F
- pickerGroup.foreground#88b4e7
- progressBar.background#32AE85
- quickInput.background#293542
- quickInputList.focusBackground#344555
- sash.hoverBorder#586f89
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#444c55b3
- scrollbarSlider.background#444c554d
- scrollbarSlider.hoverBackground#444c5580
- sideBar.background#1D262F
- sideBar.border#444c55
- sideBar.foreground#d6e9ff
- sideBarSectionHeader.background#1D262F
- sideBarSectionHeader.foreground#d6e9ff
- sideBarTitle.foreground#d6e9ff
- statusBar.background#1D262F
- statusBar.foreground#d6e9ff
- statusBarItem.errorBackground#AE81FF
- statusBarItem.hoverBackground#1D262F
- statusBarItem.prominentHoverBackground#1D262F
- statusBarItem.remoteBackground#5d8cc0
- tab.activeBackground#1D262F
- tab.activeBorder#32AE85
- tab.activeForeground#d6e9ff
- tab.inactiveBackground#1D262F
- tab.inactiveForeground#d6e9ff
- terminal.ansiBlack#303F4F
- terminal.ansiBlue#5da0c0
- terminal.ansiBrightBlack#444c55
- terminal.ansiBrightBlue#88c7e7
- terminal.ansiBrightCyan#88a1e7
- terminal.ansiBrightGreen#34fe93
- terminal.ansiBrightMagenta#AE81FF
- terminal.ansiBrightRed#F92672
- terminal.ansiBrightWhite#d6e9ff
- terminal.ansiBrightYellow#34fee3
- terminal.ansiCyan#5d78c0
- terminal.ansiGreen#32ae6c
- terminal.ansiMagenta#7b61b6
- terminal.ansiRed#ac265b
- terminal.ansiWhite#5d8cc0
- terminal.ansiYellow#32ae9e
- terminal.background#1D262F
- terminal.foreground#d6e9ff
- terminal.selectionBackground#34455580
- terminalCursor.background#1D262F
- terminalCursor.foreground#34FEBB
- textLink.activeForeground#5dfec9
- textLink.foreground#34FEBB
- titleBar.activeBackground#1D262F
- titleBar.activeForeground#d6e9ff
- titleBar.border#444c55
- titleBar.inactiveBackground#1D262F
- titleBar.inactiveForeground#d6e9ff
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #444c55 | italic |
| meta.parameters comment.block | #42675A | italic |
| string | #34FEBB | — |
| constant.numeric | #34FEBB | — |
| constant.language | #34FEBB | — |
| constant.character, constant.other | #34FEBB | — |
| variable.other.constant | #88b4e7 | — |
| variable, support.other.variable | #88b4e7 | |
| keyword | #32AE85 | — |
| storage | #32AE85 | |
| storage.type | #32AE85 | italic |
| storage.type.function.arrow | #34FEBB | |
| entity.name.class | #d6e9ff | underline |
| support.type | #d6e9ff | |
| entity.name.type | #34FEBB | |
| entity.name.type.module | #586f89 | |
| entity.other.inherited-class | #d6e9ff | italic underline |
| entity.name.function | #586f89 | |
| variable.parameter | #5d8cc0 | italic |
| entity.name.tag, entity.other.attribute-name.class, entity.other.attribute-name.id | #d6e9ff | |
| entity.other.attribute-name | #88b4e7 | |
| support.function | #d6e9ff | |
| support.constant | #34FEBB | |
| support.class | #88b4e7 | — |
| support.other.variable | — | |
| invalid | #F8F8F0 | |
| invalid.deprecated | #F8F8F0 | — |
| meta.brace, punctuation | #586f89 | — |
| punctuation.definition.string | #42675A | — |
| punctuation.accessor | #88b4e7 | — |
| punctuation.accessor.optional | #32AE85 | — |
| variable.other.property, variable.other.object.property, support.variable.property | #5d8cc0 | — |
| keyword.operator.optional, keyword.operator.safe-navigation | #32AE85 | — |
| comment.block.c | #42675A | italic |
| meta.property-name, support.type.property-name | #5d8cc0 | — |
| meta.property-value | #444c55 | — |
| meta.object-literal.key | #34FEBB | — |
| variable.other.readwrite.alias | #88b4e7 | — |
| variable.language.this, support.variable.object, support.variable.dom | #5d8cc0 | — |
| text.html | #586f89 | — |
| source.css | #444c55 | — |
| keyword.other.unit | #32AE85 | — |
| support.function.css, support.function.scss, support.function.sass | #42675A | — |
| punctuation.terminator.rule.css, punctuation.terminator.rule.scss, punctuation.terminator.rule.sass | #42675A | — |
| keyword.control.at-rule | #d6e9ff | — |
| entity.other.attribute-name.parent-selector-suffix | #d6e9ff | — |
| support.type.property-name.json | #88b4e7 | — |
| constant.language.json | #32AE85 | — |
| entity.name.tag.yaml | #88b4e7 | — |
| constant.language.yaml | #32AE85 | — |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.underline.link | #88b4e7 | — |
| markup.heading.1, markup.heading.2, markup.heading.3 | #34FEBB | — |
| markup.heading.4, markup.heading.5, markup.heading.6 | #32AE85 | — |
| markup.fenced_code.block | #34FEBB | — |
| markup.quote | #586f89 | — |
| markup.strikethrough | #444c55 | — |
| source.coffee | #586f89 | — |
| constant.name.attribute.tag.jade, constant.name.attribute.tag.pug | #586f89 | — |
| sidebar | — | — |