The Best Themes for programmers
Publisher: Estevam SouzaThemes in package: 127
🎨🚀 A never seen collection of 165 hand crafted themes no where to be found on Internet 💻
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#313335
- activityBar.border#464646
- activityBar.foreground#C5C5C5
- breadcrumb.background#313335
- dropdown.border#646464
- dropdown.foreground#BBBBBB
- dropdown.listBackground#646464
- editor.background#2B2B2B
- editor.inactiveSelectionBackground#3a3d41
- editor.lineHighlightBackground#323232
- editor.selectionBackground#264F78
- editorCodeLens.foreground#565c63
- editorGroup.border#505050
- editorGroupHeader.tabsBackground#27292A
- editorGroupHeader.tabsBorder#505050
- editorGutter.background#313335
- editorIndentGuide.activeBackground#555555
- editorIndentGuide.background#373737
- editorLineNumber.activeForeground#A4A3A3
- editorLineNumber.foreground#606366
- editorRuler.foreground#464646
- editorSuggestWidget.background#3C3F41
- editorWidget.background#313335
- editorWidget.border#464646
- gitDecoration.ignoredResourceForeground#505050
- input.background#45494A
- input.border#646464
- input.foreground#BBBBBB
- list.activeSelectionForeground#ADADAD
- list.dropBackground#474B4D
- list.hoverBackground#313335
- list.inactiveSelectionBackground#0D293E
- menu.background#3C3F41
- menu.border#505050
- menu.foreground#ADADAD
- panel.background#313335
- panel.border#4B4B4B
- panel.dropBackground#2B2B2B
- panelTitle.activeBorder#4A7A88
- panelTitle.activeForeground#D3D3D3
- settings.headerForeground#BBBBBB
- sideBar.background#27292A
- sideBar.border#464646
- sideBar.foreground#A7A7A7
- sideBarSectionHeader.background#3C3F41
- sideBarSectionHeader.border#505050
- statusBar.background#313335
- statusBar.border#4B4B4B
- statusBar.debuggingBackground#864d30
- statusBar.debuggingBorder#4B4B4B
- statusBar.debuggingForeground#cccccc
- statusBar.foreground#BBBBBB
- statusBar.noFolderBackground#313335
- statusBar.noFolderBorder#4B4B4B
- tab.activeBackground#4E5254
- tab.activeBorder#4095AC
- tab.border#555555
- tab.hoverBackground#606466
- tab.inactiveBackground#3C3F41
- tab.inactiveForeground#BBBBBB
- tab.unfocusedActiveForeground#BBBBBB
- tab.unfocusedHoverBackground#606466
- tab.unfocusedInactiveForeground#BBBBBB
- terminal.background#252526
- terminal.foreground#BBBBBB
- titleBar.activeBackground#313335
- titleBar.border#3C3F41
- titleBar.inactiveBackground#27292A
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| text | #BABABA | — |
| source | #A9B7C6 | — |
| emphasis | — | italic |
| strong | — | bold |
| comment | #808080 | — |
| comment.block.documentation | #629755 | italic |
| string.quoted | #6A8759 | — |
| constant.numeric | #6897BB | |
| variable.parameter.url, string.url | #287BDE | — |
| constant.regexp | #646695 | — |
| constant.keyword, constant.language | #CC7832 | — |
| meta.var storage.type | #CC7832 | — |
| storage.type.function | #CC7832 | — |
| support.function.builtin | #8888C6 | — |
| variable.language.special | #94558D | — |
| variable.language | #CC7832 | — |
| support.constant.handlebars | #FFC66D | |
| support.type.primitive | #CC7832 | |
| source.python variable.parameter.function.language.special | #94558D | |
| source.python meta.function-call.arguments variable.parameter.function-call | #AA4926 | — |
| source.python constant.language, source.python constant.character.escape, source.python keyword.operator.logical, source.python constant.character.format.placeholder.other, source.python meta.function storage.type.function , source.python meta.class storage.type.class, source.python keyword.control.flow, source.python keyword.control.import, source.python storage.type.format, source.python storage.modifier | #CC7832 | |
| source.python support.function.magic, source.python support.variable.magic | #B200B2 | — |
| source.python string.quoted | #6A8759 | |
| source.python string.quoted.docstring, source.python string.quoted.docstring punctuation.definition.string.begin, source.python string.quoted.docstring punctuation.definition.string.end | #629755 | italic |
| source.python meta.function.decorator support.type, source.python meta.function.decorator entity.name.function.decorator | #BBB529 | — |
| source.python support.type, source.python meta.function-call.arguments support.type, source.python meta.function-call support.function.builtin, source.python meta.item-access meta.item-access.arguments support.type | #8888C6 | — |
| source.python entity.name.function | #FFC66D | |
| source.python string.quoted.binary.single, source.python string.quoted.binary.single punctuation.definition.string.begin, source.python string.quoted.binary.single punctuation.definition.string.end, source.python string.quoted.binary.single storage.type.string | #FFC66D | |
| source.python support.type.exception, source.python meta.class.inheritance support.type.exception, source.python meta.class.inheritance support.type.metaclass | #8888C6 | — |
| text.xml punctuation.definition.tag, text.xml keyword.other | #FFC66D | — |
| text.xml entity.name.tag.localname | #FFC66D | — |
| text.xml entity.name.tag.namespace, text.xml entity.other.attribute-name.namespace | #9876AA | — |
| text.xml string | #6A8759 | — |
| text.html meta.tag.metadata.script.end punctuation.definition.tag.begin source, text.html meta.tag.metadata.style.end punctuation.definition.tag.begin source | #FFC66D | — |
| text.html punctuation.definition.tag.begin, text.html punctuation.definition.tag.end | #FFC66D | — |
| text.html meta.tag entity.name.tag, text.html entity.name.tag.inline.any, text.html entity.name.tag.block.any | #FFC66D | — |
| text.html meta.tag punctuation, text.html meta.tag string.unquoted, text.html meta.tag string.quoted, text.html meta.attribute.style.html meta.embedded.line.css source.css | #FFC66D | — |
| text.html constant | #6D9CBE | — |
| text.html constant.character.escape | #CC7832 | |
| text.html.jinja keyword.control | #CC7832 | bold |
| text.html.jinja entity.other.jinja.delimiter.variable | #CC7832 | — |
| text.html.jinja entity.other.jinja.delimiter.tag | #CC7832 | — |
| text.html.django keyword.control | #CC7832 | bold |
| text.html.django entity.other.django.delimiter.variable | #CC7832 | — |
| text.html.django entity.other.django.delimiter.tag | #CC7832 | — |
| text.html.django meta.tag | #FFC66D | — |
| text.html.django meta.tag entity.other.attribute-name | #BABABA | — |
| entity.tag.tagbraces | #CC7832 | — |
| text.html.django storage.type.templatetag keyword.operator.django, text.html.django storage.type.templatetag keyword.control.tag-name, text.html.django storage.type.customtemplatetag constant.other.tag.name | #CC7832 | bold |
| source.css constant | #6897BB | — |
| support.type.property-name.css | #BABABA | — |
| meta.at-rule.import.css, meta.at-rule.font-face.css, entity.name.tag.css, punctuation.terminator.rule.css, punctuation.separator.css, punctuation.separator.list.comma.css | #B87800 | — |
| constant.other.color.rgb-value.hex.css | #6897BB | |
| constant.other.unicode-range.css, support.function.url.css, punctuation.section.function.css, meta.selector.css | #E8BF6A | |
| meta.property-value.css | #A5C261 | |
| punctuation.definition.variable.less, variable.other.less | #D0D0FF | — |
| source.css.less entity.other.attribute-name.class.mixin.css, source.css.less constant.other.unicode-range.css | #A5C261 | — |
| source.css.less meta.property-list.css meta.property-value.css entity.name.tag.css, source.css.less meta.property-list.css meta.property-value.css constant.numeric.css | #A5C261 | — |
| keyword.other.DML.sql | #CC7832 | — |
| text.html.markdown markup.heading, text.html.markdown markup.heading.setext | #9876AA | italic |
| text.html.markdown meta.paragraph meta.link.inet markup.underline.link, text.html.markdown meta.link.inline string | #287BDE | — |
| text.html.markdown meta.link.reference constant.other.reference | #CC7832 | — |
| text.html.markdown meta.link.reference punctuation.definition.constant | #CC7832 | bold |
| text.html.markdown meta.link.inet punctuation | #287BDE | — |
| text.html.markdown meta.link.inline punctuation.definition.metadata | #CC7832 | italic bold |
| text.html.markdown meta.link.inline punctuation.definition.string | #287BDE | — |
| text.html.markdown meta.paragraph meta.link.reference punctuation.definition.string | #287BDE | — |
| text.html.markdown meta.link.reference markup.underline.link | #e8bf6a | italic |
| text.html.markdown meta.link.inline markup.underline.link | #e8bf6a | italic |
| text.html.markdown meta.link.reference string.other.link.description.title | #808080 | italic |
| text.html.markdown meta.link.reference string.other.link.title, text.html.markdown meta.reference.link.inline, text.html.markdown meta.reference.link constant.other | #287BDE | — |
| text.html.markdown punctuation.definition.bold, text.html.markdown punctuation.definition.italic | #CC7832 | — |
| text.html.markdown markup.fenced_code.block, text.html.markdown markup.raw.block, text.html.markdown markup.inline.raw | #808080 | — |
| text.html.markdown markup.quote, text.html.markdown markup.quote meta.paragraph, text.html.markdown markup.quote heading | #6A8759 | |
| text.html.markdown beginning.punctuation.definition.quote | #608b4e | — |
| text.html.markdown beginning.punctuation.definition.list | #6796e6 | — |
| markup.heading.restructuredtext | #6897BB | — |
| support.directive.restructuredtext, punctuation.separator.key-value.restructuredtext, meta.link.footnote.def.restructuredtext constant.other.footnote.link.restructuredtext, entity.name.tag.restructuredtext, markup.other.command.restructuredtext | #CC7832 | — |
| source.shell string.interpolated punctuation.definition, source.shell string.quoted punctuation.definition, source.shell support.function.builtin, source.shell keyword | #CC7832 | — |
| source.json meta.structure.dictionary support.type.property-name | #9876AA | — |
| source.json string.quoted.double | #6A8759 | — |
| source.json punctuation.separator.dictionary.key-value, source.json punctuation.separator.array, source.json constant.language | #CC7832 | — |
| source.json comment.block, source.json comment.block.documentation | #808080 | — |
| source.json string.quoted.double | #6A8759 | — |
| source.json punctuation.separator.dictionary.pair, source.json punctuation.separator.element, source.json punctuation.separator.arguments, source.json punctuation.separator.parameters, source.json punctuation.separator.continuation | #CC7832 | |
| source.json constant.character.escape.js | #CC7832 | — |
| source.js string.regexp | #9876AA | |
| source.js keyword.operator.new.js, source.js keyword.operator.expression.js, source.js keyword.operator.cast.js, source.js keyword.operator.sizeof.js | #CC7832 | |
| source.js punctuation.separator.comma, source.js punctuation.terminator.statement | #CC7832 | |
| source.js storage.type.class, source.js storage.type.interface | #CC7832 | |
| source.js meta.decorator entity.name.function, source.js punctuation.decorator | #BBB529 | — |
| source.js meta.function meta.function-call, source.js meta.function meta.definition.function.js entity.name.function, source.js meta.function.expression.js entity.name.function | #FFC66D | — |
| source.js variable.other.property | #9876AA | — |
| source.js meta.object.member variable.other.property, source.js variable.other.object.property | #9876AA | — |
| source.js string.quoted.single, source.js string.quoted.double | #6A8759 | — |
| source.powershell keyword.control, source.powershell storage.type, source.powershell support.variable.automatic | #CC7832 | — |
| source.powershell support.variable.automatic variable.other.member | #9876AA | — |
| source.powershell entity.name.function, source.powershell support.function | #FFC66D | — |
| source.batchfile keyword.control.repeat, source.batchfile keyword.control.statement, source.batchfile keyword.control.conditional, source.batchfile keyword.command, source.batchfile keyword.operator.at, source.batchfile keyword.operator.logical, source.batchfile keyword.operator.comparison, source.batchfile keyword.operator.assignment, source.batchfile keyword.operator.arithmetic, source.batchfile keyword.operator.redirection, source.batchfile keyword.other.special-method | #CC7832 | — |
| source.batchfile keyword.other.special-method | #FFC66D | — |
| source.batchfile keyword.command.rem | #808080 | — |
| source.reg entity.name.function.section.delete entity.section, source.reg entity.name.function.section.delete punctuation.definition.section, source.reg keyword.operator.arithmetic.minus | #BBB529 | — |
| source.reg entity.name.function.section.add entity.section, source.reg entity.name.function.section.add punctuation.definition.section | #CC7832 | — |
| source.reg keyword.control.import, source.reg punctuation.definition.equals | #9876AA | — |
| source.ini entity.name.section | #CC7832 | — |
| source.ini keyword | #9876AA | — |
| source.toml keyword.key, source.toml entity.other | #CC7832 | — |
| source.toml string.quoted.single.basic.line | #6A8759 | — |
| source.yaml string.unquoted entity.name.tag | #CC7832 | — |
| source.yaml entity.name, source.yaml variable.other | #E8BF6A | — |
| source.yaml comment.line | #629755 | — |
| source.ts punctuation.separator.comma, source.ts punctuation.terminator.statement | #CC7832 | — |
| source.ts storage.type, source.ts storage.modifier, source.ts keyword.control, source.ts keyword.operator.expression, source.ts keyword.operator.new | #CC7832 | — |
| source.ts punctuation.decorator, source.ts meta.decorator entity.name.function | #BBB529 | — |
| source.ts meta.class variable.other.object.property, source.ts meta.class variable.other.property, source.ts meta.class variable.object.property, source.ts meta.class variable.other.property | #9876AA | |
| source.ts meta.class variable.other.object.property, source.ts meta.class variable.other.property, source.ts meta.class variable.object.property, source.ts meta.class variable.other.property | #9876AA | |
| source.ts meta.function-call entity.name.function, source.ts meta.definition.method entity.name.function, source.ts meta.definition.function entity.name.function, source.ts meta.function entity.name.function, source.ts meta.definition.variable entity.name.function | #FFC66D | |
| invalid | #FF0000 | — |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |
| string.regexp, string.regexp constant.character, string.regexp storage.type.string, string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end | #d16969 | |
| string.regexp entity.name.tag | #F23B7A | |
| string.regexp support.other.parenthesis, string.regexp punctuation.character.set | #E8BF6A | |
| string.regexp keyword.operator | #CC7832 | |
| string.regexp keyword.operator.quantifier | #6897BB | |
| source.env string.quoted constant.character.escape | #6a8759 | — |
| source.env string.quoted string.interpolated | #CC7832 | |
| source.sql keyword.other, source.plsql keyword.other | #CC7832 | |
| source.dockerfile keyword.other.special-method | #CC7832 | |
| support.function.git-rebase | #9876AA | — |
| constant.sha.git-rebase | #b5cea8 | — |
| punctuation.section.embedded.begin.metatag.php, punctuation.section.embedded.end.metatag.php | #CC7832 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...