citree
Publisher: crljvrThemes in package: 1
A citrus inspired dark theme 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#141414
- activityBar.foreground#faae2f
- activityBarBadge.background#ff8500
- activityBarBadge.foreground#141414
- breadcrumb.foreground#faae2f
- button.background#faae2f
- button.foreground#1f1f1f
- debugExceptionWidget.background#141414
- debugExceptionWidget.border#faae2f
- debugIcon.breakpointForeground#faae2f
- debugIcon.pauseForeground#1f1f1f
- debugIcon.restartForeground#1f1f1f
- debugIcon.startForeground#1f1f1f
- debugIcon.stepIntoForeground#1f1f1f
- debugIcon.stepOutForeground#1f1f1f
- debugIcon.stepOverForeground#1f1f1f
- debugIcon.stopForeground#1f1f1f
- debugToolBar.background#faae2f
- editor.background#141414
- editor.foreground#ADADAD
- editorGroupHeader.tabsBackground#1f1f1f
- editorInfo.foreground#faae2f
- focusBorder#1f1f1f
- input.background#333333
- input.foreground#faae2f
- input.placeholderForeground#797979
- list.activeSelectionBackground#faae2f
- list.activeSelectionForeground#1f1f1f
- list.inactiveSelectionBackground#faae2f
- list.inactiveSelectionForeground#1f1f1f
- panel.background#1f1f1f
- sideBar.background#1f1f1f
- sideBar.foreground#faae2f
- sideBarSectionHeader.background#1f1f1f
- sideBarTitle.foreground#faae2f
- statusBar.background#141414
- statusBar.debuggingBackground#faae2f
- statusBar.debuggingForeground#141414
- statusBar.foreground#faae2f
- tab.activeBackground#faae2f
- tab.activeForeground#141414
- tab.inactiveBackground#1f1f1f
- tab.inactiveForeground#faae2f
- textLink.foreground#ff8500
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| string.interpolated.single.dart, string.interpolated.double.dart, meta.export.default.js, storage.modifier.js, keyword.control.as.js, entity.other.inherited-class.js, entity.name.tag.js, meta.function-call.js, string.quoted.double.js, string.quoted.single.js, keyword.control.from.js, meta.export.default.jsx, storage.modifier.jsx, keyword.control.as.jsx, entity.other.inherited-class.jsx, entity.name.tag.jsx, meta.function-call.jsx, string.quoted.double.jsx, string.quoted.single.jsx, keyword.control.from.jsx, meta.export.default.ts, storage.modifier.ts, keyword.control.as.ts, entity.other.inherited-class.ts, entity.name.tag.ts, meta.function-call.ts, string.quoted.double.ts, string.quoted.single.ts, keyword.control.from.ts, entity.name.type.alias.ts, entity.name.type.interface.ts, keyword.operator.expression.typeof.ts, variable.other.property.ts, keyword.operator.expression.infer.ts, meta.export.default.tsx, storage.modifier.tsx, keyword.control.as.tsx, entity.other.inherited-class.tsx, entity.name.tag.tsx, meta.function-call.tsx, string.quoted.double.tsx, string.quoted.single.tsx, keyword.control.from.tsx, entity.name.type.alias.tsx, entity.name.type.interface.tsx, keyword.operator.expression.typeof.tsx, variable.other.property.tsx, keyword.operator.expression.infer.tsx, meta.property-value.css, meta.property-value.scss | #FBD188 | — |
| support.class.dart, keyword.other.import.dart, keyword.declaration.dart, keyword.declaration.dart, string.quoted.double.json, markup.heading.markdown, entity.name.tag.yaml, entity.name.type.module.js, storage.type.function.js, storage.type.class.js, storage.type.js, keyword.control.import.js, keyword.control.export.js, constant.numeric.decimal.js, entity.name.type.module.jsx, storage.type.function.jsx, storage.type.class.jsx, storage.type.jsx, keyword.control.import.jsx, keyword.control.export.jsx, constant.numeric.decimal.jsx, entity.name.type.module.ts, storage.type.function.ts, storage.type.class.ts, storage.type.ts, keyword.control.import.ts, keyword.control.export.ts, constant.numeric.decimal.ts, storage.type.type.ts, meta.parameter.object-binding-pattern.ts, storage.type.interface.ts, entity.name.type.module.tsx, storage.type.function.tsx, storage.type.class.tsx, storage.type.tsx, keyword.control.import.tsx, keyword.control.export.tsx, constant.numeric.decimal.tsx, storage.type.type.tsx, meta.parameter.object-binding-pattern.tsx, storage.type.interface.tsx, entity.name.tag.reference.scss, punctuation.definition.pseudo-class.begin.bracket.round.css, punctuation.definition.pseudo-class.end.bracket.round.css | #faae2f | — |
| entity.name.function.dart, punctuation.definition.block.js, punctuation.definition.parameters.begin.js, punctuation.definition.parameters.end.js, entity.name.function.js, support.class.component.js, variable.other.readwrite.js, punctuation.accessor.js, keyword.operator.spread.js, punctuation.separator.key-value.js, punctuation.definition.block.jsx, punctuation.definition.parameters.begin.jsx, punctuation.definition.parameters.end.jsx, entity.name.function.jsx, support.class.component.jsx, variable.other.readwrite.jsx, punctuation.accessor.jsx, keyword.operator.spread.jsx, punctuation.separator.key-value.jsx, punctuation.definition.block.ts, punctuation.definition.parameters.end.ts, entity.name.function.ts, support.class.component.ts, variable.other.readwrite.ts, punctuation.accessor.ts, keyword.operator.spread.ts, keyword.operator.rest.tsx, punctuation.separator.key-value.ts, punctuation.definition.parameters.begin.ts, keyword.control.conditional.ts, punctuation.definition.block.tsx, punctuation.definition.parameters.end.tsx, entity.name.function.tsx, support.class.component.tsx, variable.other.readwrite.tsx, punctuation.accessor.tsx, keyword.operator.spread.tsx, keyword.operator.rest.tsx, punctuation.separator.key-value.tsx, punctuation.definition.parameters.begin.tsx, keyword.control.conditional.tsx, punctuation.section.property-list.begin.bracket.curly.css, punctuation.section.property-list.end.bracket.curly.css, punctuation.separator.key-value.css, punctuation.terminator.rule.css, punctuation.definition.entity.css, punctuation.section.property-list.begin.bracket.curly.scss, punctuation.section.property-list.end.bracket.curly.scss, punctuation.separator.key-value.scss, punctuation.terminator.rule.scss | #ff8500 | — |
| meta.declaration.dart, support.class.dart, source.dart, string.json, source.ignore, string.unquoted.plain.out.yaml, meta.paragraph.markdown, meta.block.js, entity.name.tag.js, variable.parameter.js, variable.other.readwrite.js, entity.name.function.js, variable.other.constant.js, entity.name.type.class.js, meta.block.jsx, entity.name.tag.jsx, variable.parameter.jsx, variable.other.readwrite.jsx, entity.name.function.jsx, variable.other.constant.jsx, entity.name.type.class.jsx, meta.block.ts, entity.name.tag.ts, variable.parameter.ts, variable.other.readwrite.ts, entity.name.function.ts, variable.other.constant.ts, entity.name.type.class.ts, variable.object.property.ts, variable.other.object.ts, meta.block.tsx, entity.name.tag.tsx, variable.parameter.tsx, variable.other.readwrite.tsx, entity.name.function.tsx, variable.other.constant.tsx, entity.name.type.class.tsx, variable.object.property.tsx, variable.other.object.tsx, source.css, source.scss | #D6D6D6 | — |
| #ADADAD | — | |
| #6DDFF4 | — | |
| #41D6F1 | — | |
| meta.jsx.children.js, meta.jsx.children.jsx, meta.jsx.children.ts, support.type.primitive.ts, keyword.control.trycatch.ts, meta.jsx.children.tsx, support.type.primitive.tsx, keyword.control.trycatch.tsx | #ADFFCB | — |
| keyword.control.dart, storage.type.primitive.dart, variable.language.dart, storage.modifier.dart, punctuation.terminator.dart, constant.language.dart, meta.structure.dictionary.json, keyword.control.flow.js, meta.brace.round.js, variable.language.this.js, keyword.control.flow.jsx, meta.brace.round.jsx, variable.language.this.jsx, keyword.control.flow.ts, meta.brace.round.ts, variable.language.this.ts, keyword.control.flow.tsx, meta.brace.round.tsx, variable.language.this.tsx, variable.css, keyword.control.at-rule.keyframes.css, variable.scss, keyword.control.at-rule.keyframes.scss, keyword.control.at-rule.mixin.scss, keyword.control.at-rule.include.scss, keyword.control.at-rule.media.scss | #74ffa6 | — |
| #33FF7E | — | |
| entity.name.type.ts, support.type.builtin.ts, punctuation.section.embedded.begin.ts, punctuation.section.embedded.end.tss, entity.name.type.tsx, support.type.builtin.tsx, punctuation.section.embedded.begin.tsx, punctuation.section.embedded.end.tsx, punctuation.definition.interpolation.begin.bracket.curly.scss, punctuation.definition.interpolation.end.bracket.curly.scss, punctuation.definition.begin.bracket.round.scss, punctuation.definition.end.bracket.round.scss, punctuation.definition.parameters.begin.bracket.round.scss, punctuation.definition.parameters.end.bracket.round.scss | #F69D8D | — |
| punctuation.separator.key-value.mapping.yaml, punctuation.definition.block.sequence.item.yaml, variable.other.readwrite.alias.js, constant.language.import-export-all.js, variable.other.readwrite.alias.jsx, constant.language.import-export-all.jsx, variable.other.readwrite.alias.ts, constant.language.import-export-all.ts, meta.object-binding-pattern-variable.ts, variable.other.readwrite.alias.tsx, constant.language.import-export-all.tsx, meta.object-binding-pattern-variable.tsx | #f47f6a | — |
| punctuation.comma.dart, punctuation.dot.dart, keyword.operator.assignment.dart, keyword.operator.logical.dart, keyword.operator.ternary.dart, keyword.operator.comparison.dart, keyword.operator.closure.dart, punctuation.terminator.statement.js, punctuation.terminator.statement.jsx, punctuation.terminator.statement.ts, keyword.operator.type.ts, keyword.operator.type.annotation.ts, keyword.control.switch.ts, keyword.operator.arithmetic.ts, keyword.operator.logical.ts, keyword.operator.ternary.ts, new.expr.ts, punctuation.terminator.statement.tsx, keyword.operator.type.tsx, keyword.operator.type.annotation.tsx, keyword.control.switch.tsx, keyword.operator.arithmetic.tsx, keyword.operator.logical.tsx, keyword.operator.ternary.tsx, new.expr.tsx, meta.selector.css, variable.parameter.keyframe-list.css, punctuation.section.keyframes.begin.bracket.curly.css, punctuation.section.keyframes.end.bracket.curly.css, entity.other.attribute-name.class.css, entity.name.tag.css, keyword.operator.css, meta.selector.scss, variable.parameter.keyframe-list.scss, punctuation.section.keyframes.begin.bracket.curly.scss, punctuation.section.keyframes.end.bracket.curly.scss, entity.name.tag.wildcard.scss, constant.other.scss | #F36B53 | — |
| storage.type.annotation.dart, string.unquoted.plain.out.yaml, meta.tag.js, meta.tag.without-attributes.js, meta.var.expr.js, meta.tag.jsx, meta.tag.without-attributes.jsx, meta.var.expr.jsx, meta.tag.ts, meta.tag.without-attributes.ts, meta.var.expr.ts, meta.type.parameters.ts, meta.tag.tsx, meta.tag.without-attributes.tsx, meta.var.expr.tsx, meta.type.parameters.tsx, entity.other.keyframe-offset.css, entity.other.keyframe-offset.percentage.css, entity.other.keyframe-offset.scss, entity.other.keyframe-offset.percentage.scss | #858585 | — |
| comment | #7a7a7a | — |
| #1f1f1f | — | |
| #141414 | — |