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#fecb52
- activityBar.background#2c2826
- activityBar.foreground#ffdac2
- activityBarBadge.background#fecb52
- activityBarBadge.foreground#2c2826
- badge.background#98755d
- breadcrumb.activeSelectionForeground#ffdac2
- breadcrumb.background#2c2826
- breadcrumb.focusForeground#ffdac2
- breadcrumb.foreground#705e51
- breadcrumbPicker.background#2c2826
- button.background#bd987f
- button.foreground#2c2826
- button.hoverBackground#af8264
- checkbox.background#2c2826
- checkbox.border#705e51
- commandCenter.activeBackground#2c2826
- commandCenter.background#2c2826
- diffEditor.insertedLineBackground#fea9521a
- diffEditor.insertedTextBackground#fea95226
- diffEditor.removedLineBackground#F926721a
- diffEditor.removedTextBackground#F9267226
- dropdown.background#2c2826
- dropdown.border#2c2826
- dropdown.listBackground#2c2826
- editor.background#2c2826
- editor.foreground#ffdac2
- editor.lineHighlightBackground#4d464242
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#4d464299
- editor.selectionHighlightBackground#4d464266
- editor.wordHighlightBackground#fecb5226
- editor.wordHighlightStrongBackground#fecb5240
- editorBracketHighlight.foreground1#705e51
- editorBracketHighlight.foreground2#705e51
- editorBracketHighlight.foreground3#705e51
- editorBracketHighlight.foreground4#705e51
- editorBracketHighlight.foreground5#705e51
- editorBracketHighlight.foreground6#705e51
- editorBracketHighlight.unexpectedBracket.foreground#feed52
- editorCursor.foreground#fecb52
- editorError.foreground#F92672
- editorGroup.border#564b43
- editorGroupHeader.tabsBackground#2c2826
- editorGutter.addedBackground#fea952
- editorGutter.background#2c2826
- editorGutter.deletedBackground#F92672
- editorGutter.modifiedBackground#bd8c7f
- editorHoverWidget.background#3c3734
- editorHoverWidget.border#2c2826
- editorIndentGuide.activeBackground#705e51
- editorIndentGuide.activeBackground1#705e51
- editorIndentGuide.background#47413e
- editorIndentGuide.background1#47413e
- editorInfo.foreground#bd8c7f
- editorLineNumber.activeForeground#8c7261
- editorLineNumber.foreground#5c4d43
- editorSuggestWidget.background#3c3734
- editorSuggestWidget.border#2c2826
- editorSuggestWidget.foreground#ffdac2
- editorSuggestWidget.highlightForeground#fecb52
- editorSuggestWidget.selectedBackground#4d4642
- editorUnicodeHighlight.background#705e511f
- editorUnicodeHighlight.border#705e5173
- editorWarning.foreground#feed52
- editorWidget.background#3c3734
- editorWidget.border#2c2826
- editorWidget.foreground#ffdac2
- focusBorder#705e5199
- foreground#ffdac2
- gitDecoration.addedResourceForeground#fea952
- gitDecoration.conflictingResourceForeground#feed52
- gitDecoration.deletedResourceForeground#F92672
- gitDecoration.ignoredResourceForeground#564b43
- gitDecoration.modifiedResourceForeground#bd8c7f
- gitDecoration.stageDeletedResourceForeground#F92672
- gitDecoration.stageModifiedResourceForeground#bd8c7f
- gitDecoration.untrackedResourceForeground#fea952
- input.background#2c2826
- input.border#2c2826
- input.foreground#ffdac2
- input.placeholderForeground#ffdac266
- list.activeSelectionBackground#3c3734
- list.activeSelectionForeground#ffdac2
- list.focusBackground#3c3734
- list.focusForeground#ffdac2
- list.focusHighlightForeground#fecb52
- list.highlightForeground#fecb52
- list.hoverBackground#37322f
- list.hoverForeground#ffdac2
- list.inactiveSelectionBackground#3c3734
- list.inactiveSelectionForeground#ffdac2
- menu.background#3c3734
- menu.border#2c2826
- menu.foreground#ffdac2
- menu.selectionBackground#4d4642
- menu.selectionForeground#ffdac2
- menu.separatorBackground#48413d
- menubar.selectionBackground#3c3734
- notificationCenterHeader.background#2c2826
- notificationCenterHeader.foreground#ffdac2
- notifications.background#2c2826
- notifications.foreground#ffdac2
- panel.background#2c2826
- panel.border#564b43
- peekView.border#705e51
- peekViewEditor.background#3c3734
- peekViewResult.background#3c3734
- peekViewTitle.background#3c3734
- pickerGroup.border#2c2826
- pickerGroup.foreground#bd987f
- progressBar.background#b09045
- quickInput.background#3c3734
- quickInputList.focusBackground#4d4642
- sash.hoverBorder#705e51
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#564b43b3
- scrollbarSlider.background#564b434d
- scrollbarSlider.hoverBackground#564b4380
- sideBar.background#2c2826
- sideBar.border#564b43
- sideBar.foreground#ffdac2
- sideBarSectionHeader.background#2c2826
- sideBarSectionHeader.foreground#ffdac2
- sideBarTitle.foreground#ffdac2
- statusBar.background#2c2826
- statusBar.foreground#ffdac2
- statusBarItem.errorBackground#AE81FF
- statusBarItem.hoverBackground#2c2826
- statusBarItem.prominentHoverBackground#2c2826
- statusBarItem.remoteBackground#98755d
- tab.activeBackground#2c2826
- tab.activeBorder#b09045
- tab.activeForeground#ffdac2
- tab.inactiveBackground#2c2826
- tab.inactiveForeground#ffdac2
- terminal.ansiBlack#48413d
- terminal.ansiBlue#98695d
- terminal.ansiBrightBlack#564b43
- terminal.ansiBrightBlue#bd8c7f
- terminal.ansiBrightCyan#bda47f
- terminal.ansiBrightGreen#fea952
- terminal.ansiBrightMagenta#AE81FF
- terminal.ansiBrightRed#F92672
- terminal.ansiBrightWhite#ffdac2
- terminal.ansiBrightYellow#feed52
- terminal.ansiCyan#98815d
- terminal.ansiGreen#b07b45
- terminal.ansiMagenta#8162b3
- terminal.ansiRed#b12757
- terminal.ansiWhite#98755d
- terminal.ansiYellow#b0a545
- terminal.background#2c2826
- terminal.foreground#ffdac2
- terminal.selectionBackground#4d464280
- terminalCursor.background#2c2826
- terminalCursor.foreground#fecb52
- textLink.activeForeground#fed77b
- textLink.foreground#fecb52
- titleBar.activeBackground#2c2826
- titleBar.activeForeground#ffdac2
- titleBar.border#564b43
- titleBar.inactiveBackground#2c2826
- titleBar.inactiveForeground#ffdac2
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #564b43 | italic |
| meta.parameters comment.block | #726546 | italic |
| string | #fecb52 | — |
| constant.numeric | #fecb52 | — |
| constant.language | #fecb52 | — |
| constant.character, constant.other | #fecb52 | — |
| variable.other.constant | #bd987f | — |
| variable, support.other.variable | #bd987f | |
| keyword | #b09045 | — |
| storage | #b09045 | |
| storage.type | #b09045 | italic |
| storage.type.function.arrow | #fecb52 | |
| entity.name.class | #ffdac2 | underline |
| support.type | #ffdac2 | |
| entity.name.type | #fecb52 | |
| entity.name.type.module | #705e51 | |
| entity.other.inherited-class | #ffdac2 | italic underline |
| entity.name.function | #705e51 | |
| variable.parameter | #98755d | italic |
| entity.name.tag, entity.other.attribute-name.class, entity.other.attribute-name.id | #ffdac2 | |
| entity.other.attribute-name | #bd987f | |
| support.function | #ffdac2 | |
| support.constant | #fecb52 | |
| support.class | #bd987f | — |
| support.other.variable | — | |
| invalid | #F8F8F0 | |
| invalid.deprecated | #F8F8F0 | — |
| meta.brace, punctuation | #705e51 | — |
| punctuation.definition.string | #726546 | — |
| punctuation.accessor | #bd987f | — |
| punctuation.accessor.optional | #b09045 | — |
| variable.other.property, variable.other.object.property, support.variable.property | #98755d | — |
| keyword.operator.optional, keyword.operator.safe-navigation | #b09045 | — |
| comment.block.c | #726546 | italic |
| meta.property-name, support.type.property-name | #98755d | — |
| meta.property-value | #564b43 | — |
| meta.object-literal.key | #fecb52 | — |
| variable.other.readwrite.alias | #bd987f | — |
| variable.language.this, support.variable.object, support.variable.dom | #98755d | — |
| text.html | #705e51 | — |
| source.css | #564b43 | — |
| keyword.other.unit | #b09045 | — |
| support.function.css, support.function.scss, support.function.sass | #726546 | — |
| punctuation.terminator.rule.css, punctuation.terminator.rule.scss, punctuation.terminator.rule.sass | #726546 | — |
| keyword.control.at-rule | #ffdac2 | — |
| entity.other.attribute-name.parent-selector-suffix | #ffdac2 | — |
| support.type.property-name.json | #bd987f | — |
| constant.language.json | #b09045 | — |
| entity.name.tag.yaml | #bd987f | — |
| constant.language.yaml | #b09045 | — |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.underline.link | #bd987f | — |
| markup.heading.1, markup.heading.2, markup.heading.3 | #fecb52 | — |
| markup.heading.4, markup.heading.5, markup.heading.6 | #b09045 | — |
| markup.fenced_code.block | #fecb52 | — |
| markup.quote | #705e51 | — |
| markup.strikethrough | #564b43 | — |
| source.coffee | #705e51 | — |
| constant.name.attribute.tag.jade, constant.name.attribute.tag.pug | #705e51 | — |
| sidebar | — | — |