Duckcash VSCode Theme
Publisher: duckcashThemes in package: 1
Duckcash Darkmode VSCode Theme
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#212121
- activityBar.border#1f242b
- activityBar.dropBackground#1a1a1a
- activityBar.foreground#cecece
- activityBarBadge.background#404754
- activityBarBadge.foreground#212121
- badge.background#363636
- badge.foreground#212121
- button.background#404754
- button.foreground#cecece
- debugExceptionWidget.border#212121
- debugToolBar.background#1a1a1a
- diffEditor.insertedTextBackground#00809B33
- dropdown.background#1a1a1a
- dropdown.border#1a1a1a
- dropdown.foreground#cecece
- editor.background#262626
- editor.findMatchHighlightBackground#314365
- editor.foreground#cecece
- editor.hoverHighlightBackground#1a1a1a
- editor.lineHighlightBackground#363636
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#363636
- editor.selectionHighlightBackground#ffffff10
- editor.wordHighlightBackground#484e5b
- editor.wordHighlightStrongBackground#abb2bf26
- editorBracketMatch.background#212121
- editorCursor.background#363636
- editorCursor.foreground#cecece
- editorError.foreground#E15A60
- editorGroup.border#1a1a1a
- editorGroup.dropBackground#1a1a1a
- editorGroupHeader.noTabsBackground#212121
- editorGroupHeader.tabsBackground#212121
- editorGroupHeader.tabsBorder#1a1a1a
- editorGutter.background#262626
- editorHoverWidget.background#1a1a1a
- editorHoverWidget.border#1a1a1a
- editorIndentGuide.activeBackground#232830
- editorIndentGuide.background#232830
- editorLineNumber.activeForeground#cecece
- editorLineNumber.foreground#363636
- editorMarkerNavigation.background#1f242b
- editorOverviewRuler.border#1a1a1a
- editorOverviewRuler.currentContentForeground#1a1a1a
- editorOverviewRuler.incomingContentForeground#1a1a1a
- editorRuler.foreground#abb2bf26
- editorSuggestWidget.background#212121
- editorSuggestWidget.border#1a1a1a
- editorSuggestWidget.foreground#cecece
- editorSuggestWidget.selectedBackground#2c313a
- editorWhitespace.foreground#3B4048
- editorWidget.background#212121
- extensionButton.prominentBackground#1F242B
- extensionButton.prominentForeground#cecece
- extensionButton.prominentHoverBackground#282D38
- focusBorder#1a1a1a
- foreground#cecece
- gitDecoration.addedResourceForeground#95E5A6
- gitDecoration.conflictingResourceForeground#FFA5C3
- gitDecoration.deletedResourceForeground#FFA5C3
- gitDecoration.ignoredResourceForeground#64727f
- gitDecoration.modifiedResourceForeground#8CD8D8
- gitDecoration.untrackedResourceForeground#95E5A6
- input.background#1a1a1a
- input.border#1a1a1a
- input.foreground#cecece
- input.placeholderForeground#cecece
- list.activeSelectionBackground#363636
- list.activeSelectionForeground#dfe1e8
- list.focusBackground#232830
- list.focusForeground#cecece
- list.highlightForeground#C5C5C5
- list.hoverBackground#1a1a1a
- list.hoverForeground#c0c5cd
- list.inactiveFocusBackground#23283050
- list.inactiveSelectionBackground#363636
- list.inactiveSelectionForeground#cecece
- merge.border#1a1a1a
- panel.background#212121
- panel.border#1a1a1a
- panelTitle.activeBorder#fff
- panelTitle.activeForeground#fff
- panelTitle.inactiveForeground#cecece
- peekViewEditor.background#212121
- peekViewEditor.matchHighlightBackground#29244b
- peekViewEditorGutter.background#212121
- peekViewResult.background#212121
- peekViewResult.lineForeground#cecece
- peekViewResult.selectionForeground#cecece
- peekViewTitle.background#1a1a1a
- peekViewTitleDescription.foreground#cecece
- pickerGroup.border#1a1a1a
- pickerGroup.foreground#cecece
- scrollbar.shadow#262626
- scrollbarSlider.activeBackground#726c6b99
- scrollbarSlider.background#726c6b66
- scrollbarSlider.hoverBackground#726c6b99
- sideBar.background#212121
- sideBar.border#1a1a1a
- sideBar.dropBackground#363636
- sideBar.foreground#cecece
- sideBarSectionHeader.background#1a1a1a
- sideBarSectionHeader.foreground#cecece
- sideBarTitle.foreground#cecece
- statusBar.background#1a1a1a
- statusBar.border#1a1a1a
- statusBar.debuggingBackground#7e0097
- statusBar.debuggingBorder#66017a
- statusBar.debuggingForeground#cecece
- statusBar.foreground#cecece
- statusBar.noFolderBackground#1a1a1a
- statusBar.noFolderForeground#cecece
- statusBarItem.hoverBackground#2c313a
- statusBarItem.prominentBackground#1a1a1a
- tab.activeBackground#262626
- tab.activeBorder#262626
- tab.activeBorderTop#1a1a1a
- tab.activeForeground#cecece
- tab.border#1a1a1a
- tab.hoverBackground#212121
- tab.inactiveBackground#212121
- tab.inactiveForeground#cecece
- tab.unfocusedActiveForeground#cecece
- tab.unfocusedHoverBackground#1a1a1a
- tab.unfocusedInactiveForeground#cecece
- terminal.ansiBlack#fff
- terminal.ansiBlue#39b1b3
- terminal.ansiBrightBlack#c9c9c9
- terminal.ansiBrightBlue#43ccca
- terminal.ansiBrightCyan#31f4f4
- terminal.ansiBrightGreen#75fdc0
- terminal.ansiBrightMagenta#e601e5
- terminal.ansiBrightRed#f8a3b3
- terminal.ansiBrightWhite#e5e5e5
- terminal.ansiBrightYellow#f9ea8c
- terminal.ansiCyan#00a6b3
- terminal.ansiGreen#9bfba3
- terminal.ansiMagenta#b200b3
- terminal.ansiRed#f7899c
- terminal.ansiWhite#c0bfbf
- terminal.ansiYellow#e1c342
- terminal.foreground#fff
- terminal.selectionBackground#31f4f4
- terminalCursor.background#31f4f4
- terminalCursor.foreground#31f4f4
- titleBar.activeBackground#212121
- titleBar.activeForeground#cecece
- titleBar.border#212121
- titleBar.inactiveBackground#212121
- titleBar.inactiveForeground#cecece
- tree.indentGuidesStroke#21262D
- walkThrough.embeddedEditorBackground#212121
- widget.shadow#1F242B
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #c0c5cd50 | italic |
| meta.type.flowtype variable.other.flowtype, variable.other.property, variable.other.object, variable.other.readwrite, meta.template.expression, entity.name.type.module, punctuation.definition.entity, variable.parameter | #d4d4d4 | — |
| variable.language.this, variable.language.super | #d4d4d4 | — |
| entity.name.tag.reference, entity.name.tag.css, entity.name.tag.scss | #FFA5C3 | — |
| keyword, storage.type, storage.type.function, variable.other.flowtype, storage.type.extends, storage.type.function, storage.type.class, keyword.operator.module | #7f7f7f | — |
| entity.name.type | #8CD8D8 | underline |
| entity.name.type.module | — | |
| storage.modifier | #7f7f7f | — |
| entity.name.tag | #7f7f7f | — |
| meta.decorator, meta.decorator.tsx variable.other.readwrite.tsx, meta.decorator.tsx variable.other.object.tsx, meta.decorator.tsx variable.other.property.tsx, meta.decorator.jsx variable.other.readwrite.jsx, meta.decorator.jsx variable.other.object.jsx, meta.decorator.jsx variable.other.property.jsx | #7f7f7f | — |
| support.class.component | #FFDFA5 | — |
| variable.function, source meta.function-call entity.name.function, meta.class meta.group.braces.curly meta.function-call variable.function, meta.class meta.field.declaration meta.function-call entity.name.function, variable.function.constructor, meta.block meta.var.expr meta.function-call entity.name.function, support.function.console, meta.function-call support.function, meta.property.class variable.other.class, punctuation.definition.entity.css | #FFDFA5 | — |
| entity.name.function, meta.class entity.name.class, meta.class entity.name.type.class, meta.class meta.function-call variable.function, source keyword.control.loop, storage.type.function.arrow, keyword.other.important | #FFA5C3 | |
| keyword.control.flow | #FFA5C3 | — |
| support.type.primitive | #8CD8D8 | italic |
| support.type.property-name | #d4d4d4 | — |
| keyword.control.trycatch, source meta.group.braces.curly keyword.control.loop, keyword.control.switch | #7f7f7f | — |
| punctuation.terminator, punctuation.definition, punctuation.support, punctuation.separator.dictionary, punctuation.separator.array, meta.brace.round, punctuation.section.embedded, punctuation.accessor, meta.delimiter.comma, keyword.operator.ternary, punctuation.section.property-list, punctuation.section.function, punctuation.separator.comma, meta.function-call.without-arguments, constant.character.entity, entity.other.attribute-name.pseudo-class, meta.brace.curly, meta.brace.square, punctuation.separator.parameter, punctuation.operation.graphql | #7f7f7f | — |
| keyword.other.substitution, punctuation.definition.interpolation, punctuation.definition.template-expression | #7f7f7f | — |
| punctuation.separator.key-value, keyword.operator.type | #7f7f7f | — |
| keyword.operator.optional | #FFDFA5 | — |
| keyword.operator.assignment | #FFDFA5 | — |
| keyword.operator.logical | #FFDFA5 | — |
| keyword.operator.comparison, keyword.operator.relational | #FFA5C3 | — |
| string.quoted, string.interpolated, support.constant.property-value, keyword.other.unit, string.template, punctuation.definition.string | #95E5A6 | — |
| constant.language, constant.numeric, support.constant, constant.character, constant.other.color, constant.other.symbol, constant.other.key | #8CD8D8 | — |
| markup.inserted | #99C794 | — |
| markup.deleted | #E15A60 | — |
| markup.changed | #BB80B3 | — |
| *url*, *link*, *uri* | — | underline |
| constant.numeric.line-number.find-in-files - match | #AB7967 | — |
| entity.name.filename.find-in-files | #99C794 | — |
| token.info-token | #95E5A6 | — |
| token.warn-token | #FFDFA5 | — |
| token.error-token | #FFA5C3 | — |
| token.debug-token | #8CD8D8 | — |
| source entity.other.attribute-name | #FFDFA5 | italic |
| source meta.tag.attributes entity.other.attribute-name, meta.jsx.js entity.other.attribute-name.jsx | #d4d4d4 | italic |
| text.html.basic entity.other.attribute-name.html | — | italic |