Sinaps Dark
Publisher: Sinaps TechnologyThemes in package: 1
Premium dark theme inspired by futuristic African engineering and modern developer workflows.
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.activeBorder#11D6C5
- activityBar.background#070B18
- activityBar.foreground#7DD3FC
- activityBar.inactiveForeground#475569
- activityBarBadge.background#11D6C5
- activityBarBadge.foreground#050816
- badge.background#11D6C5
- badge.foreground#050816
- breadcrumb.activeSelectionForeground#11D6C5
- breadcrumb.background#050816
- breadcrumb.focusForeground#E6EDF7
- breadcrumb.foreground#64748B
- button.background#2563FF
- button.foreground#FFFFFF
- button.hoverBackground#3B82F6
- button.secondaryBackground#111827
- button.secondaryForeground#E6EDF7
- button.secondaryHoverBackground#1E293B
- charts.blue#38BDF8
- charts.foreground#E6EDF7
- charts.green#22C55E
- charts.lines#334155
- charts.orange#FB923C
- charts.purple#8B5CF6
- charts.red#FF5C7A
- charts.yellow#FACC15
- commandCenter.activeBackground#111C30
- commandCenter.activeBorder#11D6C5
- commandCenter.activeForeground#FFFFFF
- commandCenter.background#0A1020
- commandCenter.border#334155
- commandCenter.foreground#CBD5E1
- debugIcon.continueForeground#22C55E
- debugIcon.pauseForeground#FACC15
- debugIcon.restartForeground#38BDF8
- debugIcon.startForeground#22C55E
- debugIcon.stepIntoForeground#11D6C5
- debugIcon.stepOutForeground#11D6C5
- debugIcon.stepOverForeground#11D6C5
- debugIcon.stopForeground#FF5C7A
- debugToolBar.background#0A1020
- debugToolBar.border#1E293B
- descriptionForeground#8B95B7
- diffEditor.insertedLineBackground#22C55E11
- diffEditor.insertedTextBackground#22C55E22
- diffEditor.removedLineBackground#FF5C7A11
- diffEditor.removedTextBackground#FF5C7A22
- dropdown.background#0A1020
- dropdown.border#1E293B
- dropdown.foreground#E6EDF7
- editor.background#050816
- editor.findMatchBackground#11D6C555
- editor.findMatchBorder#11D6C5
- editor.findMatchHighlightBackground#6D28FF35
- editor.foreground#E6EDF7
- editor.inactiveSelectionBackground#2563FF22
- editor.lineHighlightBackground#0B1023
- editor.selectionBackground#2563FF40
- editor.wordHighlightBackground#2563FF22
- editor.wordHighlightStrongBackground#6D28FF33
- editorBracketMatch.background#11D6C522
- editorBracketMatch.border#11D6C5
- editorCursor.foreground#11D6C5
- editorError.foreground#FF5C7A
- editorGroup.border#111827
- editorGroupHeader.tabsBackground#050816
- editorGroupHeader.tabsBorder#111827
- editorGutter.addedBackground#22C55E
- editorGutter.background#050816
- editorGutter.deletedBackground#FF5C7A
- editorGutter.modifiedBackground#38BDF8
- editorHint.foreground#11D6C5
- editorIndentGuide.activeBackground1#11D6C5
- editorIndentGuide.background1#1E293B
- editorInfo.foreground#38BDF8
- editorLineNumber.activeForeground#11D6C5
- editorLineNumber.foreground#3B4261
- editorRuler.foreground#172033
- editorWarning.foreground#FACC15
- editorWhitespace.foreground#1E293B
- errorForeground#FF5C7A
- focusBorder#11D6C5
- foreground#DDE7F7
- gitDecoration.addedResourceForeground#22C55E
- gitDecoration.conflictingResourceForeground#FACC15
- gitDecoration.deletedResourceForeground#FF5C7A
- gitDecoration.ignoredResourceForeground#475569
- gitDecoration.modifiedResourceForeground#38BDF8
- gitDecoration.renamedResourceForeground#A78BFA
- gitDecoration.untrackedResourceForeground#11D6C5
- input.background#0A1020
- input.border#1E293B
- input.foreground#E6EDF7
- input.placeholderForeground#64748B
- inputOption.activeBorder#11D6C5
- inputValidation.errorBackground#2A0F18
- inputValidation.errorBorder#FF5C7A
- inputValidation.infoBackground#0A1F2A
- inputValidation.infoBorder#38BDF8
- inputValidation.warningBackground#2A230F
- inputValidation.warningBorder#FACC15
- list.activeSelectionBackground#123047
- list.activeSelectionForeground#FFFFFF
- list.errorForeground#FF5C7A
- list.focusBackground#123047
- list.focusForeground#FFFFFF
- list.highlightForeground#11D6C5
- list.hoverBackground#111C30
- list.hoverForeground#FFFFFF
- list.inactiveSelectionBackground#0F1B2D
- list.inactiveSelectionForeground#E6EDF7
- list.warningForeground#FACC15
- menu.background#0A1020
- menu.foreground#E6EDF7
- menu.selectionBackground#123047
- menu.selectionBorder#11D6C5
- menu.selectionForeground#FFFFFF
- menu.separatorBackground#1E293B
- menubar.selectionBackground#111C30
- menubar.selectionForeground#11D6C5
- minimap.background#050816
- minimap.errorHighlight#FF5C7A
- minimap.findMatchHighlight#11D6C588
- minimap.selectionHighlight#2563FF88
- minimap.warningHighlight#FACC15
- notificationCenter.border#1E293B
- notificationCenterHeader.background#111827
- notificationCenterHeader.foreground#E6EDF7
- notifications.background#0A1020
- notifications.border#1E293B
- notifications.foreground#E6EDF7
- notificationToast.border#11D6C5
- panel.background#070B18
- panel.border#1E293B
- panelTitle.activeBorder#11D6C5
- panelTitle.activeForeground#11D6C5
- panelTitle.inactiveForeground#64748B
- peekView.border#11D6C5
- peekViewEditor.background#070B18
- peekViewEditor.matchHighlightBackground#11D6C544
- peekViewResult.background#0A1020
- peekViewResult.fileForeground#E6EDF7
- peekViewResult.lineForeground#8B95B7
- peekViewResult.matchHighlightBackground#6D28FF44
- peekViewTitle.background#111827
- peekViewTitleDescription.foreground#8B95B7
- peekViewTitleLabel.foreground#FFFFFF
- pickerGroup.border#1E293B
- pickerGroup.foreground#11D6C5
- problemsErrorIcon.foreground#FF5C7A
- problemsInfoIcon.foreground#38BDF8
- problemsWarningIcon.foreground#FACC15
- progressBar.background#11D6C5
- quickInput.background#0A1020
- quickInput.foreground#E6EDF7
- quickInputList.focusBackground#123047
- quickInputList.focusForeground#FFFFFF
- quickInputTitle.background#111827
- scrollbarSlider.activeBackground#11D6C588
- scrollbarSlider.background#1E293B88
- scrollbarSlider.hoverBackground#334155AA
- selection.background#2563FF55
- sideBar.background#0A1020
- sideBar.border#111827
- sideBar.foreground#C7D2FE
- sideBarSectionHeader.background#111827
- sideBarSectionHeader.border#1E293B
- sideBarSectionHeader.foreground#C7D2FE
- sideBarTitle.foreground#E6EDF7
- statusBar.background#1A1333
- statusBar.debuggingBackground#6D28FF
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#11D6C5
- statusBar.noFolderBackground#111827
- statusBarItem.hoverBackground#2563FF55
- statusBarItem.remoteBackground#11D6C5
- statusBarItem.remoteForeground#050816
- tab.activeBackground#0B1023
- tab.activeBorderTop#11D6C5
- tab.activeForeground#FFFFFF
- tab.border#111827
- tab.hoverBackground#111C30
- tab.hoverForeground#FFFFFF
- tab.inactiveBackground#060A16
- tab.inactiveForeground#7C89B6
- terminal.ansiBlack#050816
- terminal.ansiBlue#2563FF
- terminal.ansiBrightBlack#475569
- terminal.ansiBrightBlue#60A5FA
- terminal.ansiBrightCyan#67E8F9
- terminal.ansiBrightGreen#4ADE80
- terminal.ansiBrightMagenta#A78BFA
- terminal.ansiBrightRed#FB7185
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FDE047
- terminal.ansiCyan#11D6C5
- terminal.ansiGreen#22C55E
- terminal.ansiMagenta#8B5CF6
- terminal.ansiRed#FF5C7A
- terminal.ansiWhite#E6EDF7
- terminal.ansiYellow#FACC15
- terminal.background#050816
- terminal.foreground#E6EDF7
- terminal.selectionBackground#2563FF44
- terminalCursor.foreground#11D6C5
- titleBar.activeBackground#050816
- titleBar.activeForeground#E6EDF7
- titleBar.border#111827
- titleBar.inactiveBackground#050816
- titleBar.inactiveForeground#64748B
- tree.indentGuidesStroke#1E293B
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #64748B | italic |
| keyword, storage, storage.type, storage.modifier | #8B5CF6 | — |
| keyword.control, keyword.operator.expression | #A78BFA | — |
| string, punctuation.definition.string | #11D6C5 | — |
| constant.numeric, constant.language, constant.character | #38BDF8 | — |
| entity.name.function, support.function, meta.function-call | #22D3EE | — |
| entity.name.type, support.class, support.type, entity.name.class | #60A5FA | — |
| variable, identifier, meta.definition.variable.name | #E6EDF7 | — |
| variable.parameter, meta.parameters | #CBD5E1 | — |
| entity.name.tag, support.type.property-name | #11D6C5 | — |
| entity.other.attribute-name | #38BDF8 | — |
| support.constant, support.variable, support.module | #7DD3FC | — |
| punctuation, meta.brace, punctuation.separator, punctuation.terminator | #94A3B8 | — |
| keyword.operator, punctuation.definition | #C7D2FE | — |
| invalid, invalid.illegal | #FFFFFF | — |
| markup.heading | #FFFFFF | bold |
| markup.bold | #FFFFFF | bold |
| markup.italic | #CBD5E1 | italic |
| markup.underline.link, string.other.link | #11D6C5 | underline |
| markup.inline.raw, markup.fenced_code.block | #38BDF8 | — |