Cyber Dark & Qoder Themes
Publisher: tryToDEvThemes in package: 8
A modern VSCode theme collection featuring Cyber Dark variants and modern purple/blue accent themes with clean, minimalistic design
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.background#F0F3F6
- activityBar.border#E8EDF2
- activityBar.foreground#2F363D
- activityBar.inactiveForeground#959DA5
- activityBarBadge.background#0550AE
- activityBarBadge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#0550AE
- breadcrumb.background#FAFBFC
- breadcrumb.focusForeground#2F363D
- breadcrumb.foreground#959DA5
- button.background#F0F3F6
- button.foreground#2F363D
- button.hoverBackground#E8EDF2
- button.secondaryBackground#F0F3F6
- button.secondaryForeground#2F363D
- button.secondaryHoverBackground#E8EDF2
- checkbox.background#F0F3F6
- checkbox.border#E8EDF2
- checkbox.foreground#2F363D
- contrastActiveBorder#0550AE
- contrastBorder#0550AE
- debugExceptionWidget.background#FAFBFC
- debugExceptionWidget.border#E8EDF2
- debugToolBar.background#F0F3F6
- debugToolBar.border#E8EDF2
- descriptionForeground#959DA5
- diffEditor.insertedTextBackground#D4F7DB
- diffEditor.insertedTextBorder#1A7F37
- diffEditor.removedTextBackground#FFEBE9
- diffEditor.removedTextBorder#CF222E
- dropdown.background#FAFBFC
- dropdown.border#E8EDF2
- dropdown.foreground#2F363D
- editor.background#FAFBFC
- editor.findMatchBackground#C8E1FF
- editor.findMatchHighlightBackground#FFE8CC
- editor.foreground#2F363D
- editor.inactiveSelectionBackground#E8EDF2
- editor.lineHighlightBackground#F0F3F6
- editor.selectionBackground#C8E1FF
- editor.selectionHighlightBackground#C8E1FF
- editorBracketMatch.background#C8E1FF
- editorBracketMatch.border#0550AE
- editorCursor.foreground#0550AE
- editorGhostText.foreground#959DA5
- editorGroup.background#FAFBFC
- editorGroup.border#E8EDF2
- editorGroupHeader.tabsBackground#F0F3F6
- editorGroupHeader.tabsBorder#E8EDF2
- editorHoverWidget.background#FAFBFC
- editorHoverWidget.border#E8EDF2
- editorIndentGuide.activeBackground#D8DEE4
- editorIndentGuide.background#E8EDF2
- editorLineNumber.activeForeground#2F363D
- editorLineNumber.foreground#959DA5
- editorOverviewRuler.border#E8EDF2
- editorOverviewRuler.bracketMatchForeground#0550AE
- editorOverviewRuler.errorForeground#CF222E
- editorOverviewRuler.findMatchForeground#CF222E
- editorOverviewRuler.infoForeground#0550AE
- editorOverviewRuler.rangeHighlightForeground#C8E1FF
- editorOverviewRuler.selectionHighlightForeground#C8E1FF
- editorOverviewRuler.warningForeground#BF8700
- editorSuggestWidget.background#FAFBFC
- editorSuggestWidget.border#E8EDF2
- editorSuggestWidget.highlightForeground#0550AE
- editorSuggestWidget.selectedBackground#C8E1FF
- editorUnicodeHighlight.background#C8E1FF
- editorUnicodeHighlight.border#E8EDF2
- editorWhitespace.foreground#D8DEE4
- errorBackground#FFEBE9
- errorForeground#CF222E
- explorerFolderIcon.color#0550AE
- extensionButton.prominentBackground#0550AE
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#0969DA
- focusBorder#0550AE
- gitDecoration.addedResourceForeground#1A7F37
- gitDecoration.conflictedResourceForeground#CF222E
- gitDecoration.deletedResourceForeground#CF222E
- gitDecoration.ignoredResourceForeground#959DA5
- gitDecoration.modifiedResourceForeground#0550AE
- gitDecoration.untrackedResourceForeground#BF8700
- infoBackground#DDEAFF
- infoForeground#0550AE
- input.background#FAFBFC
- input.border#E8EDF2
- input.foreground#2F363D
- input.placeholderForeground#959DA5
- inputValidation.errorBackground#FFEBE9
- inputValidation.errorBorder#CF222E
- inputValidation.errorForeground#CF222E
- inputValidation.infoBackground#DDEAFF
- inputValidation.infoBorder#0550AE
- inputValidation.infoForeground#0550AE
- inputValidation.warningBackground#FFF8C5
- inputValidation.warningBorder#BF8700
- inputValidation.warningForeground#BF8700
- list.activeSelectionBackground#C8E1FF
- list.activeSelectionForeground#2F363D
- list.deemphasizedForeground#959DA5
- list.errorForeground#CF222E
- list.focusBackground#C8E1FF
- list.focusForeground#2F363D
- list.highlightForeground#0550AE
- list.hoverBackground#F0F3F6
- list.inactiveFocusBackground#E8EDF2
- list.inactiveFocusForeground#2F363D
- list.inactiveSelectionBackground#E8EDF2
- list.inactiveSelectionForeground#2F363D
- list.warningForeground#BF8700
- menu.background#FAFBFC
- menu.border#E8EDF2
- menu.foreground#2F363D
- menu.selectionBackground#C8E1FF
- menu.selectionForeground#2F363D
- menu.separatorBackground#E8EDF2
- notificationCenter.background#FAFBFC
- notificationCenter.border#E8EDF2
- notifications.background#FAFBFC
- notifications.border#E8EDF2
- notifications.foreground#2F363D
- notificationsErrorIcon.foreground#CF222E
- notificationsInfoIcon.foreground#0550AE
- notificationsWarningIcon.foreground#BF8700
- notificationToast.border#E8EDF2
- panel.background#F0F3F6
- panel.border#E8EDF2
- panelTitle.activeBorder#0550AE
- panelTitle.activeForeground#2F363D
- panelTitle.inactiveForeground#959DA5
- pickerGroup.border#E8EDF2
- pickerGroup.foreground#959DA5
- progressBar.background#0550AE
- scrollbarSlider.activeBackground#0550AE
- scrollbarSlider.background#E8EDF2
- scrollbarSlider.hoverBackground#D8DEE4
- sideBar.background#F0F3F6
- sideBar.border#E8EDF2
- sideBar.foreground#2F363D
- sideBarSectionHeader.background#F0F3F6
- sideBarSectionHeader.foreground#959DA5
- sideBarTitle.foreground#2F363D
- statusBar.background#F0F3F6
- statusBar.border#E8EDF2
- statusBar.debuggingBackground#F0F3F6
- statusBar.debuggingForeground#BF8700
- statusBar.foreground#2F363D
- statusBar.noFolderBackground#F0F3F6
- symbolIcon.arrayForeground#0969DA
- symbolIcon.booleanForeground#CF222E
- symbolIcon.classForeground#BF8700
- symbolIcon.colorForeground#8250DF
- symbolIcon.constantForeground#BF8700
- symbolIcon.constructorForeground#8250DF
- symbolIcon.enumeratorForeground#BF8700
- symbolIcon.enumeratorMemberForeground#0969DA
- symbolIcon.eventForeground#BF8700
- symbolIcon.fieldForeground#0969DA
- symbolIcon.fileForeground#2F363D
- symbolIcon.folderForeground#0550AE
- symbolIcon.functionForeground#8250DF
- symbolIcon.interfaceForeground#BF8700
- symbolIcon.keyForeground#0969DA
- symbolIcon.keywordForeground#0550AE
- symbolIcon.methodForeground#8250DF
- symbolIcon.moduleForeground#0550AE
- symbolIcon.namespaceForeground#BF8700
- symbolIcon.nullForeground#959DA5
- symbolIcon.numberForeground#CF222E
- symbolIcon.objectForeground#0969DA
- symbolIcon.operatorForeground#0550AE
- symbolIcon.packageForeground#0550AE
- symbolIcon.propertyForeground#0969DA
- symbolIcon.referenceForeground#0969DA
- symbolIcon.snippetForeground#8250DF
- symbolIcon.stringForeground#1A7F37
- symbolIcon.structForeground#BF8700
- symbolIcon.textForeground#2F363D
- symbolIcon.typeParameterForeground#0969DA
- symbolIcon.unitForeground#BF8700
- symbolIcon.variableForeground#0969DA
- tab.activeBackground#FAFBFC
- tab.activeBorder#0550AE
- tab.activeForeground#2F363D
- tab.inactiveBackground#F0F3F6
- tab.inactiveBorder#E8EDF2
- tab.inactiveForeground#959DA5
- terminal.ansiBlack#2F363D
- terminal.ansiBlue#0550AE
- terminal.ansiBrightBlack#6E7781
- terminal.ansiBrightBlue#0969DA
- terminal.ansiBrightCyan#0969DA
- terminal.ansiBrightGreen#1A7F37
- terminal.ansiBrightMagenta#8250DF
- terminal.ansiBrightRed#CF222E
- terminal.ansiBrightWhite#2F363D
- terminal.ansiBrightYellow#BF8700
- terminal.ansiCyan#0969DA
- terminal.ansiGreen#1A7F37
- terminal.ansiMagenta#8250DF
- terminal.ansiRed#CF222E
- terminal.ansiWhite#959DA5
- terminal.ansiYellow#BF8700
- terminal.background#F0F3F6
- terminal.foreground#2F363D
- textBlockQuote.background#F0F3F6
- textBlockQuote.border#E8EDF2
- textCodeBlock.background#F0F3F6
- textLink.activeForeground#0969DA
- textLink.foreground#0550AE
- textPreformat.foreground#8250DF
- titleBar.activeBackground#FAFBFC
- titleBar.activeForeground#2F363D
- titleBar.border#E8EDF2
- titleBar.inactiveBackground#F0F3F6
- titleBar.inactiveForeground#959DA5
- walkthrough.stepActive.foreground#0550AE
- walkthrough.stepDescription.foreground#959DA5
- walkthrough.stepTitle.foreground#2F363D
- warningBackground#FFF8C5
- warningForeground#BF8700
- welcomePage.background#FAFBFC
- welcomePage.buttonBackground#F0F3F6
- welcomePage.buttonHoverBackground#E8EDF2
- widget.shadowrgba(0, 0, 0, 0.08)
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6E7781 | italic |
| keyword, storage.type, storage.modifier | #B62303 | — |
| keyword.control, keyword.control.conditional, keyword.control.loop, keyword.control.flow | #B62303 | bold |
| entity.name.function, support.function, meta.function-call | #8250DF | — |
| meta.method, meta.method-call, entity.name.method | #8250DF | — |
| entity.name.class, entity.name.type.class, support.class | #BF8700 | — |
| entity.name.type, support.type, storage.type | #BF8700 | — |
| entity.name.interface, entity.name.type.interface | #BF8700 | — |
| variable, variable.other, variable.other.readwrite | #0969DA | — |
| variable.other.constant, constant, constant.language, constant.numeric | #BF8700 | — |
| string, string.quoted, string.template | #1A7F37 | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float | #B62303 | — |
| constant.language.boolean, constant.language.true, constant.language.false | #B62303 | bold |
| constant.language.null, constant.language.undefined, constant.language.nan | #B62303 | italic |
| variable.other.property, meta.property-name, support.variable.property | #0969DA | — |
| keyword.operator, punctuation.separator.key-value, punctuation.accessor | #0550AE | — |
| punctuation, punctuation.definition, punctuation.separator, punctuation.terminator | #2F363D | — |
| entity.name.tag, meta.tag, punctuation.definition.tag | #0550AE | — |
| entity.other.attribute-name, meta.attribute-name | #0969DA | — |
| string.quoted.double, string.quoted.single | #1A7F37 | — |
| meta.decorator, entity.name.decorator | #8250DF | — |
| variable.parameter, variable.parameter.function | #0969DA | — |
| entity.name.label | #BF8700 | — |
| entity.name.namespace, support.namespace | #BF8700 | — |
| entity.name.enum, entity.name.type.enum | #BF8700 | — |
| variable.other.enummember, constant.other.enum | #0969DA | — |
| entity.name.function.constructor, support.function.constructor | #8250DF | — |
| entity.name.module, support.module | #0550AE | — |
| string.regexp | #8250DF | — |
| constant.character.escape | #BF8700 | — |
| invalid, invalid.illegal | #B62303 | underline |
| invalid.deprecated | #6E7781 | strikethrough |
| markup.heading, markup.heading entity.name, markup.heading.markdown | #0550AE | bold |
| markup.bold, punctuation.definition.bold | #2F363D | bold |
| markup.italic, punctuation.definition.italic | #2F363D | italic |
| markup.underline.link, string.other.link | #0550AE | underline |
| markup.raw, markup.raw.block | #1A7F37 | — |
| markup.list, punctuation.definition.list | #BF8700 | — |
| markup.quote | #6E7781 | italic |
| entity.other.attribute-name.class, entity.other.attribute-name.id, entity.other.attribute-name.tag | #0550AE | — |
| support.type.property-name, support.property-name | #0969DA | — |
| support.constant.property-value, constant.other.color | #1A7F37 | — |
| support.type.property-name.json, meta.key.json | #0969DA | — |
| meta.value.json string.quoted.double.json | #1A7F37 | — |
| entity.name.tag.yaml | #0969DA | — |
| string.unquoted.yaml | #1A7F37 | — |
| support.function.python, entity.name.function.python | #8250DF | — |
| meta.decorator.python, entity.name.decorator.python | #8250DF | — |
| variable.language.self.python, variable.language.cls.python | #BF8700 | — |
| storage.type.js, storage.type.ts, keyword.control.flow.js, keyword.control.flow.ts | #B62303 | — |
| storage.type.function.arrow.js, storage.type.function.arrow.ts | #0550AE | — |
| string.template.js, string.template.ts | #1A7F37 | — |
| entity.name.tag.js, entity.name.tag.tsx, support.class.component.js, support.class.component.tsx | #0550AE | — |
| storage.type.annotation.java, meta.annotation.java | #8250DF | — |
| entity.name.function.go, support.function.go | #8250DF | — |
| entity.name.function.macro.rust, meta.macro.rust | #8250DF | — |
| storage.modifier.lifetime.rust, entity.name.lifetime.rust | #BF8700 | — |
| entity.name.function.shell, support.function.builtin.shell | #8250DF | — |
| variable.other.shell, variable.other.readwrite.shell | #0969DA | — |