Jameel Dark Theme
Publisher: Kalimah AppsThemes in package: 1
Dark theme for VSCode
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#191e22
- activityBar.foreground#c0c0c0
- activityBarBadge.background#2384c579
- diffEditor.insertedTextBackground#06be2e13
- diffEditor.removedTextBackground#eb525225
- diffEditorGutter.insertedLineBackground#225f0500
- diffEditorGutter.removedLineBackground#eb525200
- diffEditorGutter.removedTextBackground#eb525256
- editor.background#1e2429
- editor.lineHighlightBackground#ffffff05
- editorBracketHighlight.foreground1#ffff00
- editorBracketHighlight.foreground2#dfb976
- editorBracketHighlight.foreground3#c172d9
- editorBracketHighlight.foreground4#4fb1bc
- editorBracketHighlight.foreground5#97c26c
- editorBracketHighlight.foreground6#abb2c0
- editorBracketHighlight.unexpectedBracket.foreground#db6165
- editorCursor.foreground#ffffff9a
- editorError.foreground#e74d3c7a
- editorGroupHeader.tabsBackground#191e2200
- editorGroupHeader.tabsBorder#191e2200
- editorGutter.addedBackground#225f058a
- editorGutter.deletedBackground#94151b
- editorGutter.modifiedBackground#0c7e9d88
- editorHint.foreground#ffffff60
- editorHoverWidget.background#191e22
- editorHoverWidget.border#6183ac63
- editorIndentGuide.activeBackground#ffffff09
- editorIndentGuide.background#363e4409
- editorInfo.foreground#297fb998
- editorLineNumber.foreground#ffffff1e
- editorWarning.foreground#f39d1248
- errorLens.errorBackground#e74d3c09
- errorLens.errorForeground#e74d3ca1
- errorLens.hintBackground#ffffff2f
- errorLens.hintForeground#ffffff60
- errorLens.infoBackground#297fb91a
- errorLens.infoForeground#297fb998
- errorLens.warningBackground#f39d1207
- errorLens.warningForeground#f39d1256
- gitDecoration.addedResourceForeground#41bd98b4
- gitDecoration.conflictingResourceForeground#e53935b4
- gitDecoration.deletedResourceForeground#e53935b4
- gitDecoration.modifiedResourceForeground#41bd98b4
- gitDecoration.untrackedResourceForeground#af970ee5
- menu.background#1a2125
- menu.border#05538f
- panel.background#15191d
- panel.border#ffffff00
- panelTitle.activeForeground#c0c0c0
- sideBar.background#191e22
- sideBar.foreground#888888
- statusBar.debuggingBackground#263238
- statusBar.noFolderBackground#212121
- tab.activeBackground#1e2429
- tab.activeBorder#191e2200
- tab.activeBorderTop#636d0a
- tab.activeForeground#ffffff
- tab.border#191e2200
- tab.hoverBackground#10131654
- tab.inactiveBackground#191e2200
- titleBar.activeBackground#1e2429
- titleBar.border#191e2200
- tree.indentGuidesStroke#ffffff10
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| variable, support.class | #facc15 | — |
| support.type | #ac880b | — |
| storage.type, meta.method.declaration meta.var storage.type, variable.language.this | #3065b1 | — |
| storage.modifier | #7d6bd5 | — |
| meta.method.declaration storage.type | #ac880b | — |
| variable.other.object | #c084fc | — |
| variable.other.property | #e0c2fe | — |
| entity.name.function | #88bcfb | — |
| comment | #7272729d | — |
| keyword | #34d399 | — |
| keyword.control.flow | #ac880b | — |
| keyword.control.loop | #27af79 | — |
| keyword.control.conditional | #8be9cc | — |
| constant | #FFE792 | — |
| constant.numeric | #DC9656 | — |
| meta.array.literal variable | #e9ff88 | — |
| punctuation.definition.tag, punctuation.definition.tag, entity.name.tag | #4885d5 | — |
| entity.other.attribute-name | #88eadf | — |
| meta.object-literal.key | #178d7c | — |
| entity.name.type | #ac880b | — |
| entity.name.type.class | #facc15 | — |
| entity.other.inherited-class | #ac880b | — |
| meta.type.parameters entity.name.type | #9b63d7 | — |
| punctuation.separator.key-value.html | #0FE481 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...