Dark SynthWave
Publisher: Max BassThemes in package: 1
Dark Synthwave inspired colour 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.activeBackground#211E2E38
- activityBar.background#171520
- activityBar.foreground#A9F2FFAA
- activityBarBadge.background#F97E72CC
- activityBarBadge.foreground#2A2139
- badge.background#2A2139
- badge.foreground#C93038
- banner.background#19AFA367
- banner.foreground#5BBBB3EE
- banner.iconForeground#00645C
- breadcrumbPicker.background#232530
- button.background#614D85
- commandCenter.inactiveForeground#BEEDFF80
- debugConsole.errorForeground#FF1D2C
- debugConsole.sourceForeground#B267E6
- debugConsole.warningForeground#CD9731
- debugToolBar.background#463465EE
- diffEditor.insertedTextBackground#0BEB9935
- diffEditor.removedTextBackground#FE445035
- dropdown.background#232530
- dropdown.border#D758B333
- dropdown.listBackground#2A2139
- editor.background#1D1D3BE5
- editor.findMatchBackground#D18616BB
- editor.findMatchHighlightBackground#D1861655
- editor.findRangeHighlightBackground#34294F1A
- editor.hoverHighlightBackground#463564E5
- editor.lineHighlightBackground#303030
- editor.lineHighlightBorder#130B2766
- editor.rangeHighlightBackground#49549539
- editor.selectionBackground#8f103098
- editor.selectionHighlightBackground#8f103067
- editor.wordHighlightBackground#34294F88
- editor.wordHighlightBorder#3F2F5A
- editor.wordHighlightStrongBackground#46356488
- editor.wordHighlightStrongBorder#463564
- editorBracketMatch.background#34294F66
- editorBracketMatch.border#881798
- editorCodeLens.foreground#FFFFFF7C
- editorCursor.background#241B2F
- editorCursor.foreground#8F1030
- editorError.foreground#8F1030
- editorGroup.border#8F1030
- editorGroup.dropBackground#4954954A
- editorGroupHeader.tabsBackground#241B2F
- editorGutter.addedBackground#206D4BD6
- editorGutter.addedSecondaryBackground#1B5735
- editorGutter.background#1A1A33CC
- editorGutter.deletedBackground#FA2E46A4
- editorGutter.foldingControlForeground#F97E72
- editorGutter.modifiedBackground#CFD87BC0
- editorHoverWidget.foreground#83B487
- editorHoverWidget.highlightForeground#5BBBB3
- editorHoverWidget.statusBarBackground#31264142
- editorIndentGuide.activeBackground1#1B5735
- editorIndentGuide.background1#282852
- editorLineNumber.activeForeground#97E8F7CC
- editorLineNumber.foreground#434377
- editorOverviewRuler.addedForeground#09F7A099
- editorOverviewRuler.border#34294FB3
- editorOverviewRuler.deletedForeground#FE445099
- editorOverviewRuler.errorForeground#FE4450DD
- editorOverviewRuler.findMatchForeground#D1861699
- editorOverviewRuler.modifiedForeground#B893CE99
- editorOverviewRuler.warningForeground#CFF172CC
- editorRuler.foreground#A148AB80
- editorSuggestWidget.highlightForeground#F97E72
- editorSuggestWidget.selectedBackground#FFFFFF36
- editorWarning.foreground#BCB009CF
- editorWidget.background#171520DC
- editorWidget.border#FFFFFF22
- editorWidget.resizeBorder#FFFFFF44
- extensionButton.background#2702570A
- extensionButton.foreground#8EF0B798
- extensionButton.hoverBackground#FF1D6154
- extensionButton.prominentBackground#F97E72
- extensionButton.prominentForeground#500000
- extensionButton.prominentHoverBackground#FF7EDB
- extensionIcon.privateForeground#A0B455
- extensionIcon.sponsorForeground#D758B3
- focusBorder#880088
- foreground#FFFFFF
- gitDecoration.conflictingResourceForeground#F97E72
- gitDecoration.ignoredResourceForeground#818076
- input.background#2A2139
- input.border#C9303822
- inputOption.activeBorder#FF7EDB99
- inputValidation.errorBackground#FE445080
- inputValidation.errorBorder#FE445000
- list.activeSelectionBackground#FFFFFF20
- list.activeSelectionForeground#FFFFFF
- list.dropBackground#34294F66
- list.errorForeground#FE4450E6
- list.focusBackground#FFFFFF20
- list.focusForeground#FFFFFF
- list.highlightForeground#F97E72
- list.hoverBackground#37294D99
- list.hoverForeground#FFFFFF
- list.inactiveFocusBackground#2A213999
- list.inactiveSelectionBackground#FFFFFF20
- list.inactiveSelectionForeground#FFFFFF
- list.warningForeground#CFF172CC
- menu.background#463465
- minimapGutter.addedBackground#09F7A099
- minimapGutter.deletedBackground#FE4450
- minimapGutter.modifiedBackground#B893CE
- notificationCenter.border#FFFFFF66
- notificationCenterHeader.background#BB00FFDA
- notificationCenterHeader.foreground#500000
- notificationLink.foreground#63AAB6AA
- notifications.background#241B2FB6
- notifications.border#FFFFFF66
- notifications.foreground#847399C0
- notificationsErrorIcon.foreground#B66363AA
- notificationsInfoIcon.foreground#3794FFAA
- notificationsWarningIcon.foreground#CFF172AA
- notificationToast.border#FFFFFF66
- panelTitle.activeBorder#FF3F7FBE
- panelTitle.activeForeground#A9F2FFAA
- panelTitleBadge.background#F97E72CC
- panelTitleBadge.foreground#2A2139
- peekView.border#495495
- peekViewEditor.background#232530
- peekViewEditor.matchHighlightBackground#D18616BB
- peekViewResult.background#232530
- peekViewResult.matchHighlightBackground#D1861655
- peekViewResult.selectionBackground#2A213980
- peekViewTitle.background#232530
- pickerGroup.foreground#F97E72EA
- progressBar.background#F97E72
- scrollbar.shadow#2A2139
- scrollbarSlider.activeBackground#C9303835
- scrollbarSlider.background#C9303855
- scrollbarSlider.hoverBackground#C9303885
- selection.background#FFFFFF20
- sideBar.background#1F11316C
- sideBar.dropBackground#34294F4C
- sideBar.foreground#FFFFFF99
- sideBarSectionHeader.background#241B2F
- sideBarSectionHeader.foreground#FFFFFFCA
- statusBar.background#241B2F
- statusBar.debuggingBackground#F97E72
- statusBar.debuggingForeground#08080F
- statusBar.focusBorder#241B2F
- statusBar.foreground#FFFFFF80
- statusBar.noFolderBackground#241B2F
- statusBar.noFolderForeground#BEEDFF80
- statusBarItem.compactHoverBackground#A9F2FFAA
- statusBarItem.errorBackground#B66363AA
- statusBarItem.errorForeground#C0141499
- statusBarItem.errorHoverBackground#C01414
- statusBarItem.errorHoverForeground#FF0000
- statusBarItem.prominentBackground#241B2F45
- statusBarItem.prominentHoverBackground#F97D7235
- statusBarItem.warningBackground#CFF172AA
- statusBarItem.warningForeground#91B431AA
- statusBarItem.warningHoverBackground#91B431
- statusBarItem.warningHoverForeground#BBFF00
- tab.activeBackground#41002270
- tab.activeBorder#880088
- tab.activeForeground#E5D2FF
- tab.border#07000F
- tab.inactiveBackground#26233598
- tab.inactiveForeground#D8D8D89F
- tab.lastPinnedBorder#505050
- tab.selectedBackground#352A23D8
- tab.unfocusedActiveBackground#27001570
- terminal.ansiBlue#03EDF9
- terminal.ansiBrightBlue#03EDF9
- terminal.ansiBrightCyan#03EDF9
- terminal.ansiBrightGreen#60D15C
- terminal.ansiBrightMagenta#FF7EDB
- terminal.ansiBrightRed#FE4450
- terminal.ansiBrightYellow#FEDE5D
- terminal.ansiCyan#03EDF9
- terminal.ansiGreen#60D15C
- terminal.ansiMagenta#FF7EDB
- terminal.ansiRed#FE4450
- terminal.ansiYellow#F3E70F
- terminal.foreground#BEEDFF
- terminal.selectionBackground#03B3F956
- terminalCursor.background#03B3F9B9
- terminalCursor.foreground#03B8FF
- textLink.activeForeground#A05CFA
- textLink.foreground#F97E72
- titleBar.activeBackground#21172E
- titleBar.inactiveBackground#1A2946
- walkThrough.embeddedEditorBackground#232530
- widget.shadow#2A2139
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #848BBD | italic |
| string.quoted, string.unquoted.java-properties, string.template punctuation.definition.string | #FF8B39 | — |
| text.log, string.template, meta.embedded.line | #B6B1B1 | — |
| string.regexp | #F97E72 | — |
| constant.language.dart, source.dart string | #60D15C | |
| constant.other.color, constant.numeric.dart, constant.language.json.comments | #79D622 | — |
| constant.language.json | #D353E4 | — |
| source.cs constant | #F97E72 | — |
| source.kotlin constant | #1799F5 | — |
| constant.character.escape | #8F1030 | — |
| entity.name.tag | #9872A2 | — |
| entity.name.tag.style, entity.name.tag.script, meta.tag.other, meta.tag.block.script, source.js.embedded punctuation.definition.tag.html, source.css.embedded punctuation.definition.tag.html | #9872A2 | — |
| punctuation.definition.tag | #8F1030 | — |
| text.html | #FFFFFF | — |
| meta.attribute.class.html | #FC3744 | — |
| meta.function-call.object | #9872A2 | — |
| meta.object-literal.key, support.type.property-name | #FF7EDB | — |
| entity.other.attribute-name | #FEDE5D | — |
| entity.other.attribute-name.html | #FEDE5D | italic |
| string.quoted.single.html, string.quoted.double.html | #1CB771 | — |
| source.js comment | #6B33A3 | — |
| source.js variable, source.js variable.other | #6089B4 | |
| source.js storage, source.js keyword.control | #9872A2 | |
| variable.other.object.js, source.js entity.name.class, source.js entity.name.type, source.js entity.name.namespace, source.js entity.name.scope-resolution | #9B0000 | |
| source.js entity.name.function | #CE6700 | |
| markup.fenced_code.block.markdown, source.js punctuation.definition.template-expression, source.js punctuation.section.embedded.coffee | #D08442 | |
| string.template.js, string.quoted.single.js, string.quoted.double.js | #9AA83A | |
| keyword.control.export.js, keyword.control.import.js | #60D15C | — |
| source.js constant.language | #408080 | |
| source.js constant.numeric | #67E4AA | — |
| switch-block.expr.js | #60D15C | — |
| source.js support, variable.other.constant.property.js, variable.other.property.js | #C7444A | |
| source.java constant.numeric | #F97E72 | — |
| source.java keyword.control, source.java keyword.other, source.java variable.language, storage.modifier.java | #9872A2 | — |
| source.java storage.type, source.java entity.name.type | #FEDE5D | — |
| entity.name.function.java | #FF8B39 | — |
| storage.modifier.export.java, storage.modifier.import.java, storage.modifier.package.java, storage.type.annotation.java, punctuation.definition.annotation.java | #F97E72 | — |
| source.java string.quoted | #67E4AA | — |
| keyword.annotation, keyword.operator.class, keyword.operator.new, keyword.operator.expression | #C7444A | |
| keyword.other.unit | #F97E72 | — |
| variable.language | #F97E72 | |
| variable.parameter | #6B33A3 | italic |
| source.dart variable.parameter.dart | #8D43EE | |
| source.dart entity.name.function.dart, source.dart variable.function.dart | #D08442 | — |
| source.dart keyword.declaration | #EF84F3 | italic |
| source.dart meta.embedded.expression.dart, source.dart keyword.control | #EF84F3 | — |
| source.dart keyword.other | #67E4AA | — |
| support.class.dart | #BB3030 | — |
| support.constant.font-name | #F97E72 | — |
| support.function.misc.css | #FE4450 | — |
| support.type.property-name.css, support.type.property-name.json, support.constant.java-properties | #60D15C | — |
| meta.selector entity.other.attribute-name.id | #9872A2 | — |
| keyword.operator.new.ts, punctuation.decorator.ts, source.ts keyword.control, source.ts storage.type, source.ts storage.modifier | #A166AE | |
| entity.name.function.ts | #1799F5 | |
| string.template.ts, string.quoted.single.ts, string.quoted.double.ts | #60D15C | |
| source.ts constant.numeric, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts | #FF8B39 | — |
| storage.type.class.ts, storage.type.interface.ts, storage.type.enum.ts, storage.type.property.ts, variable.language.super.ts | #FF7EDB | — |
| variable.language.this.ts, variable.other.constant.ts, variable.other.constant.object.ts | #796B6B | |
| variable.parameter.ts | #939393 | italic |
| variable.other.readwrite.alias.ts | #796B6B | underline |
| variable.object.property.ts, variable.other.property.ts, variable.other.object.property.ts | #C7444A | — |
| source.ts constant.language | #4BAAAA | — |
| variable.other.object.ts, support.type.primitive.ts, meta.field.declaration.ts, source.ts entity.name.type | #4BAAAA | bold |
| entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class | #DD5500 | — |
| punctuation.separator.key-value | #B6B1B1 | — |
| punctuation.section.embedded | #FEDE5D | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #60D15C | — |
| beginning.punctuation.definition.list | #A05CfA | — |
| log.date | #848BBD | italic underline |
| log.string | #60D15C | — |
| log.constant | #91B431 | — |
| log.error | #FE4450 | — |
| markup.heading, entity.name.section | #A05CFA | |
| markup.list.unnumbered.markdown | #A48913 | |
| markup.quote | #EE2266 | — |
| markup.inserted | #67E4AA | — |
| markup.deleted | #F97E72 | — |
| markup.underline.link | #DD5500 | — |
| markup.bold.markdown | — | bold |
| string.other.link.title.markdown, string.other.link.description.markdown | #AE81FF | — |
| markup.italic.markdown | #D33682 | italic |
| markup.strikethrough | — | strikethrough |
| string.other.link.description | #F97E72 | — |
| source.ts comment, comment.line.number-sign.python | #0F7547 | italic |
| string.quoted.docstring.multi.python, string.quoted.docstring.multi.python punctuation.definition.string.begin.python, string.quoted.docstring.multi.python punctuation.definition.string.end.python | #1CB771 | italic |
| meta.function.decorator.python | #97A057 | — |
| meta.function-call.generic.python, support.function.builtin.python | #8F1030 | — |
| source.python constant.numeric, meta.class.inheritance.python, support.function.magic.python, support.variable.magic.python, support.type.python | #81B9D5 | — |
| entity.name.function.python | #F97E72 | — |
| variable.parameter.function-call.python | #60D15C | — |
| variable.language.special.self.python, variable.parameter.function.language.special.self.python | #A166AE | |
| source.python keyword.control, source.python storage.type, storage.type.function.python | #D08442 | — |
| constant.language.python | #D08442 | bold |
| source.python string.quoted | #97D451 | — |
| source.dart storage.modifier.dart, source.dart storage.type.primitive.dart | #8F1030 | — |
| source.dart storage.type.annotation.dart | #EE2266 | underline |
| source.cs storage.modifier | #1799F5 | italic |
| storage.modifier.override.cs | #1799F5 | italic underline |
| storage.modifier.public.cs, storage.modifier.private.cs, storage.modifier.protected.cs, source.cs keyword.operator.expression, source.cs constant.language.boolean | #1799F5 | — |
| source.cs storage.type | #1799F5 | underline |
| source.cs storage.modifier.const.cs, source.cs storage.modifier.readonly.cs | #1799F5 | italic |
| source.cs storage.type.var.cs | #1CB771 | italic |
| source.cs entity.name.type, source.cs variable.language.base.cs | #1CB771 | — |
| source.cs entity.name.function.cs | #97A057 | — |
| source.cs keyword.type, source.cs entity.name.type.struct.cs | #67E4AA | — |
| source.cs entity.name.variable.local.cs, source.cs variable.other.object.cs, source.cs meta.interpolation.cs | #B4CE97 | — |
| source.cs entity.name.variable.field.cs | #C6FFE3 | — |
| storage.type.accessor.get.cs, storage.type.accessor.set.cs, source.cs keyword.control, source.cs constant.language | #EF84F3 | — |
| keyword.control.flow.return.cs | #A166AE | — |
| keyword.other.directive.using.cs | — | underline |
| source.cs variable.laguage | #F97E72 | bold |
| constant.other.placeholder.c | #60D15C | italic |
| keyword.control.directive.include.c, keyword.control.directive.define.c | #60D15C | — |
| keyword.operator.new.cpp, keyword.operator.delete.cpp, keyword.other.using, keyword.other.directive.using, keyword.other.operator | #9872A2 | — |
| source.cpp keyword.operator | #FEDE5D | — |
| constant.other.placeholder.cpp | #60D15C | italic |
| variable.other.macro.argument.cpp, keyword.control.directive.include.cpp, keyword.control.directive.define.cpp, keyword.control.directive.conditional.ifndef.cpp, keyword.control.directive.endif.cpp, keyword.control.directive.import.objc, entity.name.function.objc | #60D15C | — |
| storage.modifier.c, meta.protocol-list.objc, entity.name.type.objc, storage.type.built-in.primitive.objc | #FE4450 | — |
| entity.name.function.objc | #E75D00 | — |
| storage.modifier.specifier.const.cpp | #FE4450 | — |
| variable.language.swift, source.swift storage.modifier, source.swift storage.type, source.swift keyword.operator, source.swift keyword.control, source.swift keyword.other.operator.type, source.swift punctuation.separator, keyword.other.declaration-specifier.swift, keyword.other.declaration-specifier.accessibility.swift, support.function.availability-condition.swift | #B83293 | — |
| storage.modifier.attribute.swift, support.function.availability-condition.swift | #B83293 | bold |
| storage.modifier.exception.swift | #B83293 | italic |
| meta.type-name.swift, meta.definition.type.body.swift, meta.definition.typealias.swift, support.variable.swift, support.function.any-method.swift | #05AEBA | — |
| source.swift variable.parameter | #05AEBA | bold |
| source.swift constant.numeric, source.swift constant.other, source.swift keyword.operator.custom, keyword.operator.assignment.swift | #A05CFA | |
| source.swift entity.name.type | #2EE2FA | — |
| meta.definition.type.class.swift, meta.function-call.swift, support.type.any.swift | #97D451 | — |
| source.swift keyword.other.platform, keyword.operator.function-result.swift, meta.embedded.line.swift | #BEEDFF | — |
| source.swift string.quoted.single, source.swift string.quoted.double | #FE4450 | — |
| source.swift comment | #1CB771 | — |
| source.elixir support.type.elixir, source.elixir meta.module.elixir entity.name.class.elixir | #8F1030 | — |
| source.elixir entity.name.function | #60D15C | — |
| source.elixir constant.other.symbol.elixir, source.elixir constant.other.keywords.elixir | #8F1030 | — |
| source.elixir punctuation.definition.string | #60D15C | — |
| source.elixir variable.other.readwrite.module.elixir, source.elixir variable.other.readwrite.module.elixir punctuation.definition.variable.elixir | #60D15C | — |
| source.elixir .punctuation.binary.elixir | #FF7EDB | italic |
| source.kotlin keyword.operator.arithmetic.kotlin, source.kotlin keyword.operator.assignment.kotlin | #8D94CA | — |
| source.kotlin punctuation.accessor.dot.safe.kotlin | #1799F5 | — |
| meta.group.kotlin, entity.name.property.kotlin, entity.string.template.element.kotlin | #FF7EDB | — |
| entity.name.function.kotlin | #FF8B39 | — |
| storage.type.annotation.kotlin | #97A057 | — |
| support.class.kotlin, source.kotlin variable.parameter, entity.name.class.kotlin, entity.name.type.class.kotlin, punctuation.accessor.reference.kotlin | #A18BFF | |
| constant.language.kotlin, variable.language.kotlin | #F97E72 | — |
| storage.type.kotlin, storage.modifier.kotlin, keyword.operator.kotlin, keyword.other.kotlin, keyword.other.import.kotlin, source.kotlin keyword.control, punctuation.terminator.kotlin, punctuation.definition.keyword.kotlin | #E75D00 | |
| source.kotlin string.quoted | #1CB771 | — |
| source.kotlin comment | #91B431 | — |
| source.gradle-kotlin-dsl entity.name.function.call | #81B9D5 | — |
| source.gradle-kotlin-dsl variable.other.property | #6796E6 | — |
| source.gradle-kotlin-dsl constant.language, source.gradle-kotlin-dsl entity.name.type | #1799F5 | — |
| source.gradle-kotlin-dsl storage.type.variable | #A05CFA | — |
| entity.global.clojure | #8F1030 | — |
| storage.control.clojure | #8F1030 | italic |
| meta.metadata.simple.clojure, meta.metadata.map.clojure | #FE4450 | italic |
| meta.quoted-expression.clojure | — | italic |
| meta.symbol.clojure | #A05CFA | — |
| meta.annotation | #97D451 | — |
| keyword.operator | #67E4AA | |
| keyword.operator.assignment | #60D15C | |
| keyword.operator.logical | #97D451 | |
| source.dart string | #60D15C | |
| source.go | #FF7EDB | — |
| source.go meta.function-call.go | #8F1030 | — |
| source.go keyword.package.go, source.go keyword.import.go, source.go keyword.function.go, source.go keyword.type.go, source.go keyword.const.go, source.go keyword.var.go, source.go keyword.map.go, source.go keyword.channel.go, source.go keyword.control.go | #FEDE5D | — |
| source.go storage.type, source.go keyword.struct.go, source.go keyword.interface.go | #60D15C | — |
| source.go constant.language.go, source.go constant.other.placeholder.go, source.go variable | #2EE2FA | — |
| keyword.command.rem.batchfile | #67E4AA | — |
| source.batchfile keyword.command | #B267E6 | — |
| source.batchfile keyword.control | #FEDE5D | — |
| source.batchfile keyword.other.special-method | #8F1030 | — |
| markup.underline.link.markdown, markup.inline.raw.string.markdown | #60D15C | italic |
| string.other.link.title.markdown | #FEDE5D | — |
| markup.heading.markdown, entity.name.section.markdown | #A05CFA | bold |
| meta.paragraph.markdown | #6796E6 | bold |
| markup.bold.markdown | #2EE2FA | bold |
| punctuation.definition.quote.begin.markdown, markup.quote.markdown | #60D15C | — |
| source.dart | #B267E6 | — |
| source.rust | #A18BFF | — |
| source.kotlin | #8D94CA | — |
| source.cs, source.cpp, source.objc | #81B9D5 | — |
| source.ruby, source.python | #BEEDFF | — |
| source.yaml, source.gradle-kotlin-dsl | #97A057 | — |
| source.ts, source.java, source.scala, source.ignore | #939393 | — |
| source.batchfile, variable.parameter.scala | #2EE2FA | — |
| meta.template.expression.scala | #60D15C | — |
| token.info-token | #09F7A099 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |