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#fec38f
- activityBar.background#2c2734
- activityBar.foreground#f1ebff
- activityBarBadge.background#fec38f
- activityBarBadge.foreground#2c2734
- badge.background#ae91e8
- breadcrumb.activeSelectionForeground#f1ebff
- breadcrumb.background#2c2734
- breadcrumb.focusForeground#f1ebff
- breadcrumb.foreground#715f95
- breadcrumbPicker.background#2c2734
- button.background#cab2fa
- button.foreground#2c2734
- button.hoverBackground#b08cf8
- checkbox.background#2c2734
- checkbox.border#715f95
- commandCenter.activeBackground#2c2734
- commandCenter.background#2c2734
- diffEditor.insertedLineBackground#fead8f1a
- diffEditor.insertedTextBackground#fead8f26
- diffEditor.removedLineBackground#F926721a
- diffEditor.removedTextBackground#F9267226
- dropdown.background#2c2734
- dropdown.border#2c2734
- dropdown.listBackground#2c2734
- editor.background#2c2734
- editor.foreground#f1ebff
- editor.lineHighlightBackground#4a415742
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#4a415799
- editor.selectionHighlightBackground#4a415766
- editor.wordHighlightBackground#fec38f26
- editor.wordHighlightStrongBackground#fec38f40
- editorBracketHighlight.foreground1#715f95
- editorBracketHighlight.foreground2#715f95
- editorBracketHighlight.foreground3#715f95
- editorBracketHighlight.foreground4#715f95
- editorBracketHighlight.foreground5#715f95
- editorBracketHighlight.foreground6#715f95
- editorBracketHighlight.unexpectedBracket.foreground#fed98f
- editorCursor.foreground#fec38f
- editorError.foreground#F92672
- editorGroup.border#544d60
- editorGroupHeader.tabsBackground#2c2734
- editorGutter.addedBackground#fead8f
- editorGutter.background#2c2734
- editorGutter.deletedBackground#F92672
- editorGutter.modifiedBackground#bcb2fa
- editorHoverWidget.background#3b3445
- editorHoverWidget.border#2c2734
- editorIndentGuide.activeBackground#715f95
- editorIndentGuide.activeBackground1#715f95
- editorIndentGuide.background#453d51
- editorIndentGuide.background1#453d51
- editorInfo.foreground#bcb2fa
- editorLineNumber.activeForeground#9483b7
- editorLineNumber.foreground#605575
- editorSuggestWidget.background#3b3445
- editorSuggestWidget.border#2c2734
- editorSuggestWidget.foreground#f1ebff
- editorSuggestWidget.highlightForeground#fec38f
- editorSuggestWidget.selectedBackground#4a4157
- editorUnicodeHighlight.background#715f951f
- editorUnicodeHighlight.border#715f9573
- editorWarning.foreground#fed98f
- editorWidget.background#3b3445
- editorWidget.border#2c2734
- editorWidget.foreground#f1ebff
- focusBorder#715f9599
- foreground#f1ebff
- gitDecoration.addedResourceForeground#fead8f
- gitDecoration.conflictingResourceForeground#fed98f
- gitDecoration.deletedResourceForeground#F92672
- gitDecoration.ignoredResourceForeground#544d60
- gitDecoration.modifiedResourceForeground#bcb2fa
- gitDecoration.stageDeletedResourceForeground#F92672
- gitDecoration.stageModifiedResourceForeground#bcb2fa
- gitDecoration.untrackedResourceForeground#fead8f
- input.background#2c2734
- input.border#2c2734
- input.foreground#f1ebff
- input.placeholderForeground#f1ebff66
- list.activeSelectionBackground#3b3445
- list.activeSelectionForeground#f1ebff
- list.focusBackground#3b3445
- list.focusForeground#f1ebff
- list.focusHighlightForeground#fec38f
- list.highlightForeground#fec38f
- list.hoverBackground#363040
- list.hoverForeground#f1ebff
- list.inactiveSelectionBackground#3b3445
- list.inactiveSelectionForeground#f1ebff
- menu.background#3b3445
- menu.border#2c2734
- menu.foreground#f1ebff
- menu.selectionBackground#4a4157
- menu.selectionForeground#f1ebff
- menu.separatorBackground#443d51
- menubar.selectionBackground#3b3445
- notificationCenterHeader.background#2c2734
- notificationCenterHeader.foreground#f1ebff
- notifications.background#2c2734
- notifications.foreground#f1ebff
- panel.background#2c2734
- panel.border#544d60
- peekView.border#715f95
- peekViewEditor.background#3b3445
- peekViewResult.background#3b3445
- peekViewTitle.background#3b3445
- pickerGroup.border#2c2734
- pickerGroup.foreground#cab2fa
- progressBar.background#b07745
- quickInput.background#3b3445
- quickInputList.focusBackground#4a4157
- sash.hoverBorder#715f95
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#544d60b3
- scrollbarSlider.background#544d604d
- scrollbarSlider.hoverBackground#544d6080
- sideBar.background#2c2734
- sideBar.border#544d60
- sideBar.foreground#f1ebff
- sideBarSectionHeader.background#2c2734
- sideBarSectionHeader.foreground#f1ebff
- sideBarTitle.foreground#f1ebff
- statusBar.background#2c2734
- statusBar.foreground#f1ebff
- statusBarItem.errorBackground#AE81FF
- statusBarItem.hoverBackground#2c2734
- statusBarItem.prominentHoverBackground#2c2734
- statusBarItem.remoteBackground#ae91e8
- tab.activeBackground#2c2734
- tab.activeBorder#b07745
- tab.activeForeground#f1ebff
- tab.inactiveBackground#2c2734
- tab.inactiveForeground#f1ebff
- terminal.ansiBlack#443d51
- terminal.ansiBlue#9d91e8
- terminal.ansiBrightBlack#544d60
- terminal.ansiBrightBlue#bcb2fa
- terminal.ansiBrightCyan#d8b2fa
- terminal.ansiBrightGreen#fead8f
- terminal.ansiBrightMagenta#AE81FF
- terminal.ansiBrightRed#F92672
- terminal.ansiBrightWhite#f1ebff
- terminal.ansiBrightYellow#fed98f
- terminal.ansiCyan#bf91e8
- terminal.ansiGreen#b06245
- terminal.ansiMagenta#8162b8
- terminal.ansiRed#b1265c
- terminal.ansiWhite#ae91e8
- terminal.ansiYellow#b08c45
- terminal.background#2c2734
- terminal.foreground#f1ebff
- terminal.selectionBackground#4a415780
- terminalCursor.background#2c2734
- terminalCursor.foreground#fec38f
- textLink.activeForeground#fed9b7
- textLink.foreground#fec38f
- titleBar.activeBackground#2c2734
- titleBar.activeForeground#f1ebff
- titleBar.border#544d60
- titleBar.inactiveBackground#2c2734
- titleBar.inactiveForeground#f1ebff
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #544d60 | italic |
| meta.parameters comment.block | #765f4c | italic |
| string | #fec38f | — |
| constant.numeric | #fec38f | — |
| constant.language | #fec38f | — |
| constant.character, constant.other | #fec38f | — |
| variable.other.constant | #cab2fa | — |
| variable, support.other.variable | #cab2fa | |
| keyword | #b07745 | — |
| storage | #b07745 | |
| storage.type | #b07745 | italic |
| storage.type.function.arrow | #fec38f | |
| entity.name.class | #f1ebff | underline |
| support.type | #f1ebff | |
| entity.name.type | #fec38f | |
| entity.name.type.module | #715f95 | |
| entity.other.inherited-class | #f1ebff | italic underline |
| entity.name.function | #715f95 | |
| variable.parameter | #ae91e8 | italic |
| entity.name.tag, entity.other.attribute-name.class, entity.other.attribute-name.id | #f1ebff | |
| entity.other.attribute-name | #cab2fa | |
| support.function | #f1ebff | |
| support.constant | #fec38f | |
| support.class | #cab2fa | — |
| support.other.variable | — | |
| invalid | #F8F8F0 | |
| invalid.deprecated | #F8F8F0 | — |
| meta.brace, punctuation | #715f95 | — |
| punctuation.definition.string | #765f4c | — |
| punctuation.accessor | #cab2fa | — |
| punctuation.accessor.optional | #b07745 | — |
| variable.other.property, variable.other.object.property, support.variable.property | #ae91e8 | — |
| keyword.operator.optional, keyword.operator.safe-navigation | #b07745 | — |
| comment.block.c | #765f4c | italic |
| meta.property-name, support.type.property-name | #ae91e8 | — |
| meta.property-value | #544d60 | — |
| meta.object-literal.key | #fec38f | — |
| variable.other.readwrite.alias | #cab2fa | — |
| variable.language.this, support.variable.object, support.variable.dom | #ae91e8 | — |
| text.html | #715f95 | — |
| source.css | #544d60 | — |
| keyword.other.unit | #b07745 | — |
| support.function.css, support.function.scss, support.function.sass | #765f4c | — |
| punctuation.terminator.rule.css, punctuation.terminator.rule.scss, punctuation.terminator.rule.sass | #765f4c | — |
| keyword.control.at-rule | #f1ebff | — |
| entity.other.attribute-name.parent-selector-suffix | #f1ebff | — |
| support.type.property-name.json | #cab2fa | — |
| constant.language.json | #b07745 | — |
| entity.name.tag.yaml | #cab2fa | — |
| constant.language.yaml | #b07745 | — |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.underline.link | #cab2fa | — |
| markup.heading.1, markup.heading.2, markup.heading.3 | #fec38f | — |
| markup.heading.4, markup.heading.5, markup.heading.6 | #b07745 | — |
| markup.fenced_code.block | #fec38f | — |
| markup.quote | #715f95 | — |
| markup.strikethrough | #544d60 | — |
| source.coffee | #715f95 | — |
| constant.name.attribute.tag.jade, constant.name.attribute.tag.pug | #715f95 | — |
| sidebar | — | — |