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