codesongnew
Publisher: vartikus1337Themes in package: 1
Fork of Connor Peet codesong theme with new improvements 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#2F2B26
- activityBar.foreground#7a7a7a
- activityBarBadge.background#D76538
- button.background#943a13
- button.hoverBackground#c44913
- button.secondaryBackground#3d1706
- button.secondaryHoverBackground#602206
- debugIcon.breakpointForeground#D76538
- debugToolBar.background#332a20
- debugToolBar.border#ffffff00
- editor.background#36312C
- editor.foreground#EBD1B7
- editor.lineHighlightBackground#45403B
- editor.selectionBackground#DB784D4D
- editorBracketHighlight.foreground1#B43600
- editorBracketHighlight.foreground2#F8BB39
- editorBracketHighlight.foreground3#00A8C6
- editorBracketHighlight.foreground4#95CC5E
- editorBracketHighlight.foreground5#D76538
- editorBracketHighlight.foreground6#db784d85
- editorBracketMatch.border#f8bc399d
- editorCodeLens.foreground#ffb71af9
- editorCursor.foreground#f8f8f0
- editorError.foreground#D76538
- editorGroupHeader.tabsBackground#2a2621
- editorHoverWidget.border#572f0d
- editorInfo.foreground#00A8C6
- editorLink.activeForeground#F8BB39
- editorSuggestWidget.background#322e2a
- editorSuggestWidget.border#342c2c
- editorSuggestWidget.highlightForeground#DB784D
- editorSuggestWidget.selectedBackground#db784d0e
- editorSuggestWidget.selectedForeground#ebd1b7
- editorSuggestWidgetStatus.foreground#f8bc39d0
- editorWarning.foreground#F8BB39
- editorWhitespace.foreground#db784d11
- editorWidget.background#332a20
- editorWidget.resizeBorder#6d5841
- focusBorder#745105
- inputOption.activeBackground#ad632d66
- inputOption.activeBorder#b2652e7a
- list.activeSelectionBackground#db784d31
- list.focusBackground#db784d32
- list.highlightForeground#DB784D
- list.hoverBackground#ffffff10
- list.inactiveSelectionBackground#db784d0c
- listFilterWidget.background#663d2b
- menu.background#332c24f8
- peekView.border#30250b
- peekViewEditor.background#28231e
- peekViewResult.background#2a231c
- pickerGroup.foreground#DB784D
- progressBar.background#F8BB39
- sash.hoverBorder#db784d85
- scrollbar.shadow#3b342e
- selection.background#ad6a0040
- sideBar.background#2F2B26
- sideBarSectionHeader.background#272420
- statusBar.background#36312C
- statusBar.debuggingForeground#fff
- statusBar.foreground#7a7a7a
- statusBar.noFolderBackground#2F2B26
- tab.inactiveBackground#302a22
- textLink.activeForeground#ad7908
- textLink.foreground#f8bb39
- titleBar.activeBackground#2F2B26
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #7A7267 | — |
| string | #F8BB39 | — |
| constant.numeric | #F8BB39 | — |
| constant.language | #DB784D | — |
| constant.character, constant.other | #DB784D | — |
| variable | — | |
| keyword | #DB784D | — |
| storage | #DB784D | |
| storage.type, keyword.other.fn.rust, keyword.other.rust | #95CC5E | |
| entity.name.class | #DB784D | underline |
| entity.other.inherited-class | #DB784D | italic |
| entity.name.function | #60A365 | |
| variable.parameter | — | italic |
| entity.name.tag.html | #95CC5E | |
| support.function | #95CC5E | |
| support.constant | #DB784D | |
| variable.other.property | #f3d28b | — |
| support.class | #DB784D | italic |
| support.other.variable | #DB784D | — |
| invalid | #f8f8f0 | |
| invalid.deprecated | #f8f8f0 | — |
| meta.structure.dictionary.json string.quoted.double.json | #F8BB39 | — |
| meta.diff, meta.diff.header | #75715E | — |
| markup.deleted | #00A8C6 | — |
| markup.inserted | #A6E22E | — |
| markup.changed | #E6DB74 | — |
| constant.numeric.line-number.find-in-files - match | #8FBE00A0 | — |
| entity.name.filename.find-in-files | #E6DB74 | — |
| keyword.other | #9a9082 | — |
| meta.property-value, support.constant.property-value, constant.other.color | #F8BB39 | — |
| meta.structure.dictionary.json string.quoted.double.json | #DB784D | — |
| meta.structure.dictionary.value.json string.quoted.double.json | #F8BB39 | — |
| meta.property-name support.type.property-name | — | |
| meta.property-value punctuation.separator.key-value | #EBD1B7 | — |
| keyword.other.use, keyword.other.function.use, keyword.other.namespace, keyword.other.new, keyword.other.special-method, keyword.other.unit, keyword.other.use-as, constant.numeric.css | #95CC5E | — |
| meta.use support.class.builtin, meta.other.inherited-class support.class.builtin | #95CC5E | |
| variable.other | — | |
| variable.parameter.function.coffee | #F8BB39 | italic |
| entity.name.section.markdown | #DB784D | — |
| punctuation.definition.heading.markdown | #DB784D | — |
| markup.raw.inline.markdown | #F8BB39 | — |
| punctuation.definition.bold.markdown, punctuation.definition.italic.markdown | #DB784D | — |
| punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown | #DB784D | — |
| punctuation.definition.metadata.markdown | #DB784D | — |
| markup.underline.link.markdown, markup.underline.link.image.markdown, meta.image.inline.markdown | #95CC5E | italic |
| markup.bold.markdown, markup.italic.markdown | #95CC5E | — |
| markup.italic.markdown | — | italic |
| markup.bold.markdown | — | bold |
| markup.raw.block.markdown | #00a8c6 | — |
| markup.deleted.git_gutter | #e61f44 | — |
| markup.inserted.git_gutter | #a7da1e | — |
| markup.changed.git_gutter | #f7b83d | — |
| meta.embedded.line | #EBD1B7 | — |
| meta.object-literal.key | #DB784D | — |
| variable.other.constant.object.js | #DB784D | — |
| user.constant.caps | #DB784D | — |
| variable.other.readwrite.alias.js.jsx | #00a8c6 | — |
| meta.tag.attributes.js.jsx | #DB784D | italic |
| entity.other.attribute-name.js.jsx | #df531c | italic |
| entity.name.tag.js.jsx | #95CC5E | — |
| support.type.property-name.json | #DB784D | — |
| variable.interpolation.scss | #00a8c6 | — |
| meta.property-name.scss | #DB784D | — |
| entity.other.attribute-name.scss, meta.property-value.scss | #F8BB39 | — |
| entity.other.attribute-name.class.css | #95CC5E | — |
| entity.other.attribute-name.parent-selector-suffix.css | #60A365 | — |
| meta.property-name.css | #DB784D | — |
| meta.selector.css | #df531c | — |
| entity.other.attribute-name.html | #DB784D | italic |
| meta.attribute.python | #DB784D | italic |
| entity.other.document.begin.yaml, entity.name.type.anchor.yaml, punctuation.definition.alias.yaml, punctuation.definition.anchor.yaml, constant.language.merge.yaml, keyword.control.flow.block-scalar.literal.yaml, keyword.control.flow.block-scalar.folded.yaml | #df531c | — |
| entity.name.type.anchor.yaml, variable.other.alias.yaml | #df531c | italic |
| constant.language.null.yaml, constant.language.boolean.yaml | #df531c | — |
| entity.name.tag.yaml | #DB784D | — |
| meta.flow-mapping.yaml | — | italic |
| meta.flow-sequence.yaml | — | italic |
| constant.numeric.integer.yaml, constant.numeric.float.yaml | #95CC5E | — |
| punctuation.definition.block.sequence.item.yaml | #60A365 | italic |
| constant.other.timestamp.yaml | #60A365 | italic |
| storage.type.tag-handle.yaml | #DB784D | underline |
| meta.type.parameters.tsx, entity.name.type.interface.tsx, support.type.primitive.tsx, entity.name.type.module.tsx, meta.type.annotation.tsx | #DB784D | — |
| meta.var.expr.tsx, constant.language.undefined.tsx, variable.other.constant.tsx, storage.type.tsx, storage.type.interface.tsx | #95CC5E | — |
| meta.function-call.tsx | #F8BB39 | — |
| keyword.operator.logical.tsx | #DB784D | |
| keyword.operator.type.tsx, variable.other.constant.tsx, meta.var.expr.tsx, meta.object-literal.key.tsx, meta.embedded.expression.tsx, variable.other.readwrite.tsx, variable.parameter.tsx, variable.object.property.tsx | #EBD1B7 | |
| keyword.control.flow.tsx, keyword.control.conditional.tsx, keyword.control.trycatch.tsx, keyword.operator.new.tsx, storage.modifier.tsx | #b43600 | — |
| meta.block.tsx | — | italic |
| entity.name.tag.tsx | #95CC5E | — |
| entity.other.attribute-name.tsx | — | italic |
| punctuation.definition.block.tsx, meta.brace.round.tsx | #B43600 |