berkeDark
Publisher: BerkeGulmenThemes in package: 1
A carefully crafted dark theme inspired from life. Easy on the eyes and beautiful syntax highlighting.
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#101302
- activityBar.border#050505
- activityBar.foreground#fcfcfa
- activityBar.inactiveForeground#5b595c
- activityBarBadge.background#af5100
- activityBarBadge.foreground#ffffff
- badge.background#ff5500
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#fcfcfa
- breadcrumb.focusForeground#fcfcfa
- breadcrumb.foreground#939293
- breadcrumbPicker.background#221f22
- button.background#ff8800
- button.foreground#001144
- button.hoverBackground#ff6188cc
- button.secondaryBackground#49464e
- button.secondaryForeground#fcfcfa
- diffEditor.insertedTextBackground#a9dc7622
- diffEditor.removedTextBackground#ff618822
- dropdown.background#19181a
- dropdown.border#363337
- dropdown.foreground#acfcaa
- editor.background#070f1f
- editor.findMatchBackground#ffd86655
- editor.findMatchHighlightBackground#ffd86633
- editor.foreground#ffe8c2
- editor.lineHighlightBackground#260307
- editor.lineHighlightBorder#000000
- editor.selectionBackground#252261
- editor.selectionHighlightBackground#49464e88
- editor.wordHighlightBackground#49464e88
- editor.wordHighlightStrongBackground#49464eaa
- editorBracketHighlight.foreground1#00aa00
- editorBracketHighlight.foreground2#00ff00
- editorBracketHighlight.foreground3#55ff55
- editorBracketHighlight.foreground4#aaffaa
- editorBracketHighlight.foreground5#ddffdd
- editorBracketHighlight.foreground6#ffffaa
- editorBracketMatch.background#49464e
- editorBracketMatch.border#ff6188
- editorCursor.foreground#fcfcfa
- editorGroupHeader.tabsBackground#110f11
- editorGroupHeader.tabsBorder#09080a
- editorGutter.addedBackground#a9dc76
- editorGutter.deletedBackground#ff6188
- editorGutter.modifiedBackground#ffd866
- editorIndentGuide.activeBackground1#5b595c
- editorIndentGuide.background1#3a383b
- editorLineNumber.activeForeground#fcfcff
- editorLineNumber.foreground#5b593c
- editorRuler.foreground#3a383b
- editorSuggestWidget.background#221f22
- editorSuggestWidget.border#363337
- editorSuggestWidget.highlightForeground#ff6188
- editorSuggestWidget.selectedBackground#49464e
- editorWhitespace.foreground#3a383b
- editorWidget.background#221f22
- editorWidget.border#363337
- errorForeground#ff6188
- focusBorder#050505
- foreground#fcfcfa
- gitDecoration.addedResourceForeground#a9dc76
- gitDecoration.conflictingResourceForeground#fc9867
- gitDecoration.deletedResourceForeground#ff6188
- gitDecoration.ignoredResourceForeground#5b595c
- gitDecoration.modifiedResourceForeground#ffd866
- gitDecoration.untrackedResourceForeground#78dce8
- input.background#29181a
- input.border#060307
- input.foreground#00ffff
- input.placeholderForeground#5b595c
- inputOption.activeBorder#ff6188
- inputValidation.errorBackground#19181a
- inputValidation.errorBorder#ff6188
- inputValidation.infoBackground#19181a
- inputValidation.infoBorder#78dce8
- inputValidation.warningBackground#19181a
- inputValidation.warningBorder#fc9867
- list.activeSelectionBackground#49464e
- list.activeSelectionForeground#fcfcfa
- list.errorForeground#ff6188
- list.focusBackground#49464e
- list.highlightForeground#ff6188
- list.hoverBackground#363337
- list.warningForeground#fc9867
- minimap.background#110f11
- minimap.findMatchHighlight#ff6644
- minimap.selectionHighlight#49464e
- notificationCenter.border#363337
- notifications.background#221f22
- notifications.border#363337
- notifications.foreground#fcfcfa
- notificationToast.border#363337
- panel.background#111111
- panel.border#040404
- panelTitle.activeBorder#ff6188
- panelTitle.activeForeground#d0e0ff
- panelTitle.inactiveForeground#8090cc
- peekView.border#ff6188
- peekViewEditor.background#221f22
- peekViewResult.background#19181a
- peekViewTitle.background#221f22
- peekViewTitleDescription.foreground#939293
- peekViewTitleLabel.foreground#fcfcfa
- progressBar.background#ff6188
- scrollbar.shadow#00000033
- scrollbarSlider.activeBackground#5b595caa
- scrollbarSlider.background#5bf95c55
- scrollbarSlider.hoverBackground#5bf95c88
- selection.background#49464e
- sideBar.background#020f02
- sideBar.border#010101
- sideBar.foreground#939293
- sideBarSectionHeader.background#2d2a2e
- sideBarSectionHeader.foreground#fcfcfa
- sideBarTitle.foreground#fcfcfa
- statusBar.background#1a1016
- statusBar.border#020202
- statusBar.debuggingBackground#ff6188
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#939293
- statusBar.noFolderBackground#221f22
- statusBarItem.hoverBackground#363337
- statusBarItem.remoteBackground#a9dc76
- statusBarItem.remoteForeground#221f22
- tab.activeBackground#2d2a2e
- tab.activeBorderTop#aaff99
- tab.activeForeground#fcfcfa
- tab.border#000000
- tab.hoverBackground#2d2a2e
- tab.inactiveBackground#1a1520
- tab.inactiveForeground#939293
- terminal.ansiBlack#060d08
- terminal.ansiBlue#78dcf8
- terminal.ansiBrightBlack#727072
- terminal.ansiBrightBlue#78dcff
- terminal.ansiBrightCyan#78dce8
- terminal.ansiBrightGreen#a9ff76
- terminal.ansiBrightMagenta#ab9df2
- terminal.ansiBrightRed#ff6688
- terminal.ansiBrightWhite#fcfcfa
- terminal.ansiBrightYellow#ffe866
- terminal.ansiCyan#78dce8
- terminal.ansiGreen#a9ec76
- terminal.ansiMagenta#ab9df2
- terminal.ansiRed#ff4455
- terminal.ansiWhite#fcfcfa
- terminal.ansiYellow#ffd866
- terminal.background#060d08
- terminal.foreground#ffe8c2
- titleBar.activeBackground#221f22
- titleBar.activeForeground#fcfcfa
- titleBar.border#030303
- titleBar.inactiveBackground#19181a
- titleBar.inactiveForeground#5b595c
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #707070 | italic |
| string.quoted.docstring.multi.python, string.quoted.docstring.single.python, punctuation.definition.string.begin.python string.quoted.docstring, punctuation.definition.string.end.python string.quoted.docstring | #304020 | italic |
| keyword, keyword.control, keyword.operator.logical, keyword.operator.new, keyword.operator.expression, keyword.operator.delete, keyword.operator.typeof, keyword.operator.void, keyword.operator.instanceof, storage.type, storage.modifier | #57bfff | — |
| keyword.other, keyword.control.import, keyword.control.export, keyword.control.from | #12ab7f | — |
| string, string.quoted, punctuation.definition.string | #ffff00 | — |
| string.template, punctuation.definition.template-expression | #ffff00 | — |
| constant.numeric | #ff00ff | — |
| constant.language.boolean, constant.language.true, constant.language.false | #B2D9FF | — |
| constant.language, constant.language.null, constant.language.undefined | #B2D9FF | — |
| constant.other, variable.other.constant | #B2D9FF | — |
| entity.name.function | #3f7fff | — |
| support.function, meta.function-call.generic | #ffaf1f | — |
| meta.function-call.method, entity.name.function.member | #ff0000 | — |
| variable.parameter, meta.function.parameters | #fc9867 | italic |
| entity.name.class, entity.name.type.class, support.class | #57ab64 | — |
| entity.name.type, support.type, entity.other.inherited-class | #3fff7f | — |
| entity.name.type.interface | #3fff7f | — |
| variable, variable.other | #ffdf9f | — |
| variable.other.readwrite, variable.other.assignment | #ff5f07 | — |
| variable.other.property, variable.other.object.property | #ff5f07 | — |
| support.variable.property, meta.object-literal.key | #ffbf1f | — |
| variable.language.this, variable.language.self, variable.language.super, variable.language.special | #57bfff | italic |
| keyword.operator, punctuation.accessor | #ffffff | — |
| punctuation.separator, punctuation.terminator, punctuation.definition.block, punctuation.definition.parameters, punctuation.section | #939293 | — |
| punctuation.definition.bracket.square, meta.brace.square | #f5f9fc | — |
| punctuation.definition.typeparameters, punctuation.definition.tag.begin, punctuation.definition.tag.end | #9DA2A6 | — |
| entity.name.tag | #1f1fff | — |
| entity.other.attribute-name | #004182 | — |
| string.quoted.double.html, string.quoted.single.html | #ffff00 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #57ab64 | — |
| support.type.property-name.css, meta.property-name.css | #3fff7f | — |
| support.constant.property-value.css, constant.other.color.rgb-value.hex.css, meta.property-value.css | #ff00ff | — |
| keyword.other.unit.css | #ff00ff | — |
| support.type.property-name.json, string.json support.type.property-name.json | #ffbf1f | — |
| string.quoted.double.json | #ffff00 | — |
| markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown | #3f7fff | bold |
| markup.bold | #ff5f07 | bold |
| markup.italic | #ffff00 | italic |
| markup.inline.raw, markup.fenced_code.block, markup.raw.block | #57ab64 | — |
| markup.underline.link | #57bfff | — |
| punctuation.definition.list.begin.markdown | #ff0000 | — |
| entity.name.function.decorator.python, meta.function.decorator.python | #12ab7f | italic |
| support.function.magic.python | #3f7fff | — |
| keyword.control.directive, meta.preprocessor | #12ab7f | — |
| string.regexp | #AB2980 | — |
| constant.character.escape | #ff00ff | — |
| invalid.illegal | #e52222 | underline |
| invalid.deprecated | #e52222 | underline |