Steffula Code
Publisher: Stefano PigozziThemes in package: 1
Blindingly bright twist on JetBrains' Darcula for VS Code
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#3c3f41
- activityBar.foreground#cacbcc
- activityBar.inactiveForeground#646464
- activityBarBadge.background#ffff00
- activityBarBadge.foreground#000000
- badge.background#45494a
- badge.foreground#a6a7a8
- debugToolBar.background#162c1e
- diffEditor.diagonalFill#50505040
- diffEditor.insertedTextBackground#438c6540
- diffEditor.removedTextBackground#8f524740
- editor.background#2b2b2b
- editor.foreground#a9b7c6
- editorError.foreground#ff5252
- editorGutter.addedBackground#438c65
- editorGutter.deletedBackground#8f5247
- editorGutter.modifiedBackground#43698d
- editorHint.foreground#155221
- editorInfo.foreground#66663d
- editorLineNumber.foreground#606366
- editorWarning.foreground#ffff00
- foreground#cacbcc
- gitDecoration.addedResourceForeground#7cff5b
- gitDecoration.conflictingResourceForeground#f4f149
- gitDecoration.deletedResourceForeground#ff5d4f
- gitDecoration.ignoredResourceForeground#777777
- gitDecoration.modifiedResourceForeground#3da1ed
- gitDecoration.renamedResourceForeground#3da1ed
- gitDecoration.stageDeletedResourceForeground#ff5d4f
- gitDecoration.stageModifiedResourceForeground#3da1ed
- gitDecoration.submoduleResourceForeground#ff8a4c
- gitDecoration.untrackedResourceForeground#b270ff
- input.background#45494a
- input.border#646464
- input.foreground#cacbcc
- input.placeholderForeground#777777
- list.errorForeground#ff5252
- list.warningForeground#ffff00
- merge.currentContentBackground#453d2b40
- merge.currentHeaderBackground#8f8e4760
- merge.incomingContentBackground#453d2b40
- merge.incomingHeaderBackground#8f8e4760
- minimap.errorHighlight#ff5252
- minimap.warningHighlight#ffff00
- minimapGutter.addedBackground#438c65
- minimapGutter.deletedBackground#8f5247
- minimapGutter.modifiedBackground#43698d
- problemsErrorIcon.foreground#ff5252
- problemsInfoIcon.foreground#66663d
- problemsWarningIcon.foreground#ffff00
- scmGraph.foreground1#2a1e21
- scmGraph.foreground2#282017
- scmGraph.foreground3#1c241c
- scmGraph.foreground4#162428
- scmGraph.foreground5#21202b
- scmGraph.historyItemBaseRefColor#ff9bf3
- scmGraph.historyItemHoverLabelForeground#000000
- scmGraph.historyItemRefColor#feb32d
- scmGraph.historyItemRemoteRefColor#09e4b5
- sideBar.background#3c3f41
- statusBar.background#3c3f41
- statusBar.debuggingBackground#162c1e
- statusBar.noFolderBackground#28162c
- statusBarItem.errorForeground#ff5252
- statusBarItem.warningForeground#ffff00
- terminal.ansiBlack#000000
- terminal.ansiBlue#3993d4
- terminal.ansiBrightBlack#595959
- terminal.ansiBrightBlue#10b0ff
- terminal.ansiBrightCyan#00e5e5
- terminal.ansiBrightGreen#4fc414
- terminal.ansiBrightMagenta#ed7eed
- terminal.ansiBrightRed#ff4050
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#e5bf00
- terminal.ansiCyan#00a3a3
- terminal.ansiGreen#5c962c
- terminal.ansiMagenta#a771bf
- terminal.ansiRed#f0524f
- terminal.ansiWhite#808080
- terminal.ansiYellow#a68a0d
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.attribute.python | #cacbcc | — |
| comment, punctuation.definition.comment | #555555 | — |
| comment keyword.codetag | #707070 | bold |
| entity.other.keyframe-offset, keyword, meta.tag entity.name.tag, storage.type.var, storage, keyword.other.special-method.dockerfile, support.constant.Caddyfile, entity.name.function.Caddyfile | #ff9340 | — |
| meta.brace, meta.environment-variable.ruby, meta.function.calc, meta.tag.inline.template, meta.tag.xml, meta.template punctuation.fix_this_later.pipe, punctuation.math.begin.bracket, punctuation.math.end.bracket, punctuation, source.prisma, storage.modifier.chomping-indicator, storage.modifier.reference, storage.type.function.arrow, meta.directive.dated.beancount meta.account.beancount punctuation.separator.beancount, meta.directive.transaction.beancount meta.account.beancount punctuation.separator.beancount, meta.tag.table.toml, markup.heading.wikitext, keyword.operator.arrow.cs | #b16f49 | — |
| entity.name.module, entity.name.namespace, entity.name.scope-resolution, entity.name.type.module, meta.preamble.latex support.class, support.constant.math, support.type.object.module, constant.language.beancount, meta.import variable, storage.modifier.import, storage.modifier.package, entity.name.type.namespace, constant.other.database-name | #99826B | — |
| entity.name.type, entity.other.inherited-class, entity.type.commodity, support.class, support.type, constant.other.table-name, variable.other.metavariable.specifier | #00ffff | — |
| entity.name.type.class.gdscript, entity.name.type.class, entity.name.type.model.prisma, entity.name.type.struct.rust, meta.block.class entity.name.type, meta.block.struct entity.name.type | #00ffff | bold |
| entity.name.type.interface | #00ff00 | — |
| entity.name.type.trait, meta.interface entity.name.type.interface | #00ff00 | bold |
| entity.name.type.alias | #00ffaa | — |
| entity.name.type.declaration, meta.type.declaration entity.name.type.alias | #00ffaa | bold |
| constant.character.math.tex, constant.other.general.math.tex, entity.name.function-call, entity.name.function.call, entity.name.function, entity.name.operator, entity.name.tag support.class.component, entity.name.variable.property.cs, entity.other.attribute-name.class.mixin, meta.function-call entity.name.function, meta.function-call.generic, meta.function.call entity.name.function, meta.template meta.function-call.template.mediawiki, punctuation.definition.constant.math.tex, punctuation.definition.function.latex, punctuation.definition.function.tex, support.function.target, support.function, source.rst keyword.control, meta.literal.nodepath.gdscript entity.name.function.gdscript, entity.name.tag.local-name.wikitext, punctuation.definition.logical-expression.shell | #ffff00 | — |
| entity.name.function.target, entity.name.type.config.prisma, meta.definition.variable entity.name.function, meta.definition.function entity.name.function, meta.method.identifier entity.name.function, entity.name.function.python, entity.name.function.gdscript, meta.function.definition entity.name.function | #ffff00 | bold |
| entity.name.variable.enum-member, variable.other.enummember, source.shell string.regexp | #66b2ff | — |
| entity.name.type.enum, meta.enum.declaration entity.name.type.enum | #2699ff | bold |
| punctuation.definition.lifetime, entity.name.type.lifetime | #8a653b | bold |
| constant.other.caps | #a5d2ff | — |
| variable.other.anchor.yaml | #dcaf88 | bold |
| entity.name.variable, meta.function.environment support.class.math.block.environment.latex, meta.use, punctuation.definition.variable, support.variable, variable, meta.import meta.block variable, source.rst entity.name.tag | #dcaf88 | — |
| constant.language.import-export-all, constant.other.placeholder.makefile, entity.name.tag.reference.scss, keyword.other.special-method, keyword.other.this, meta.function.definition keyword.operator.logical, keyword.other.crate, support.function.builtin.shorthand.gdscript, support.function.magic, support.function.target.PHONY, support.variable.magic, variable.language, variable.parameter.function.language.special | #db88db | — |
| constant, keyword.other.unit, punctuation.definition.constant, support.constant, support.type.builtin, meta.amount.beancount keyword.operator.modifier | #6897bb | — |
| punctuation.definition.string.begin.latex, punctuation.definition.string.end.latex, punctuation.definition.string, punctuation.definition.char, string.quoted.tiers.beancount, string, support.class.math.block.environment.latex | #438c5c | — |
| meta.literal.nodepath.gdscript constant.character.escape, string.quoted.binary, string.quoted.double.sql punctuation.definition.string, string.quoted.double.sql, string.unquoted, support.function.builtin.shorthand.gdscript constant.character.escape, support.function.builtin.shorthand.gdscript keyword | #a7c261 | — |
| comment.block.documentation, comment.block.javadoc, comment.documentation, comment.line.documentation, string.quoted.docstring, string.quoted.narration, comment.block.documentation punctuation.definition.comment, comment.block.javadoc punctuation.definition.comment, markup.quote, punctuation.definition.quote.begin, punctuation.definition.quote.end | #629755 | — |
| keyword.other.phpdoc, punctuation.definition.block.tag.jsdoc, punctuation.definition.inline.tag.jsdoc, storage.type.class.jsdoc, keyword.other.documentation.javadoc, comment.block.documentation entity.name.tag, comment.block.documentation punctuation.definition.tag | #8A8A3B | — |
| punctuation.definition.bracket.curly.begin.jsdoc, punctuation.definition.bracket.curly.end.jsdoc, comment.block.javadoc entity.name.type.class, comment.block.javadoc variable.parameter, variable.other.description.jsdoc, variable.other.jsdoc | #8A8A3B | italic |
| constant.character.entity, constant.character.escape, punctuation.definition.entity | #8A8A3B | — |
| constant.character.format.placeholder, entity.name.tag.mustache, entity.other.jinja.delimiter, meta.template-parameter.mediawiki, punctuation.definition.interpolation, entity.other.njk.delimiter, punctuation.other.njk | #86ffff | — |
| keyword.control.jinja, storage.type.format, storage.type.string.python, punctuation.definition.bold, punctuation.definition.italic, punctuation.definition.underline, keyword.control.njk | #597aff | bold |
| meta.interpolation, meta.template-parameter.mediawiki variable, variable.other.jinja, markup.bold, markup.italic, markup.underline, variable.other.njk | #FFE082 | — |
| constant.other.symbol.hashkey, source.shell constant.other.option, constant.language.symbol.hashkey, punctuation.definition.constant.hashkey, entity.name.tag, entity.other.attribute-name, keyword.key, keyword.other.definition.ini, meta.object-literal.key, meta.object.member, meta.property-list.scss entity.name.tag.css, meta.template variable, source.pip-requirements entity.name.class, string.other.option, support.type.metaclass, support.type.property-name punctuation, support.type.property-name, variable.css, variable.object.property, variable.other.property, variable.other.env, variable.parameter.function-call.python, variable.parameter.key, support.variable.beancount, keyword.operator.logical.shell | #ce603c | — |
| comment.line.number-sign.shebang, comment.line.triple-slash.directive punctuation.definition.comment, comment.line.triple-slash.directive, entity.name.function.attribute.prisma, entity.name.function.decorator, entity.name.function.macro, entity.name.function.preprocessor, keyword.control.at-rule punctuation.definition.keyword, keyword.control.at-rule, keyword.control.directive, meta.attribute keyword.operator.attribute.inner, meta.attribute punctuation.brackets.attribute, meta.attribute punctuation.definition.attribute, meta.attribute, meta.preprocessor, meta.tag.metadata, meta.tag.preprocessor entity.name.tag, meta.tag.preprocessor punctuation, meta.tag.preprocessor, meta.template.parser-function, punctuation.definition.decorator, punctuation.definition.directive, support.type.vendored.property-name, meta.function.decorator support.type, keyword.preprocessor, fenced_code.block.language, markup.fenced_code.block.language, meta.shebang | #85863a | — |
| meta.macro.rules entity.name.function.macro.rust | #85863a | bold |
| meta.tag.table.toml entity.other.attribute-name, meta.tag.table.array.toml entity.other.attribute-name, entity.name.section.group-title, punctuation.definition.entity.ini, heading, punctuation.definition.heading, markup.heading, string.quoted.other.heading | #ff9340 | bold |
| meta.image, meta.link string, meta.link, punctuation.definition.link.title.begin.markdown, punctuation.definition.link.title.end.markdown, string.other.link, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.tag.link, string.quoted.internal-link.wikitext, string.quoted.internal-link.wikitext keyword.operator, keyword.control.caddyfile | #00d0ff | — |
| meta.image punctuation, meta.image string.other.link, entity.name.tag.namespace.wikitext | #80ffd4 | — |
| keyword.operator.link, markup.underline.link, meta.link.wiki.mediawiki constant, meta.link.wiki.mediawiki punctuation, variable.parameter.url, punctuation.definition.metadata.markdown, entity.name.tag.url, entity.other.attribute-name.wikitext | #2a7ede | — |
| markup.fenced_code, markup.inline.raw, markup.other.table, punctuation.definition.markdown, punctuation.definition.raw.markdown, source.rst string.interpolated | #808080 | — |
| markup.inserted | #99ff99 | — |
| support.function.directive.txn.completed.beancount | #44ff44 | bold |
| support.function.directive.txn.incomplete.beancount | #ff4444 | bold |
| support.function.directive.txn.padding.beancount | #44ffff | bold |
| meta.diff.header.to-file, punctuation.definition.inserted, punctuation.definition.to-file | #44ff44 | bold |
| markup.deleted | #ff9999 | — |
| meta.diff.header.from-file, punctuation.definition.deleted, punctuation.definition.from-file | #ff4444 | bold |
| log.error, log.fail, log.failure, log.not-ok, log.no-ok | #ffa6a6 | — |
| log.warn, log.warning | #ffffa6 | — |
| log.success, log.ok | #a6ffa6 | — |
| log.info, log.relative | #99eeff | — |
| log.verbose, meta.indent log.relative | #a8a8ff | — |
| log.debug, meta.indent meta.indent log.relative | #dfabff | — |
| constant.numeric.date, log.date, meta.toc-list.line-number, meta.directive.dated.beancount punctuation.separator, meta.directive.transaction.beancount punctuation.separator, log.punctuation, meta.indent meta.indent meta.indent log.relative | #808080 | — |
| log.header | #ffffff | bold |
| entity.name.tag.css, entity.name.tag.wildcard.css, entity.name.tag.wildcard.scss | #00ff32 | — |
| meta.attribute-selector, meta.attribute-selector punctuation.definition.entity | #ff9340 | — |
| entity.other.attribute-name.class, entity.other.attribute-name.class punctuation.definition.entity.css | #ffff00 | — |
| entity.other.attribute-name.id, entity.other.attribute-name.id punctuation.definition.entity.css | #00ffff | — |
| entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-class punctuation.definition.entity.css, entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-element punctuation.definition.entity.css, support.function.Caddyfile | #CA77FF | — |
| entity.other.attribute-name.parent-selector, entity.other.attribute-name.parent-selector punctuation.definition.entity.css | #00ffaa | — |
| invalid | #ff2424 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...