Cyanite
Publisher: DarrowThemes in package: 1
A dark-blue theme with orange accents
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.activeBackground#59768f
- activityBar.activeBorder#cdd1d4
- activityBar.background#475D6F
- activityBar.dropBorder#cdd1d4
- activityBar.foreground#cdd1d4
- activityBar.inactiveForeground#8A9298
- activityBarBadge.background#849CB1
- activityBarBadge.foreground#ffffff
- badge.background#475D6F
- badge.foreground#cdd1d4
- button.background#59768f
- button.foreground#cdd1d4
- button.hoverBackground#475D6F
- button.separator#cdd1d4
- checkbox.background#151518
- checkbox.border#55595D
- checkbox.foreground#cdd1d4
- debugToolBar.background#151518
- debugToolBar.border#AA5B39
- descriptionForeground#8A9298
- disabledForeground#59768f
- dropdown.background#151518
- dropdown.border#55595D
- dropdown.foreground#cdd1d4
- editor.background#1f1f1f
- editor.findMatchBackground#59768f88
- editor.findMatchHighlightBackground#475D6F88
- editor.foreground#cdd1d4
- editor.hoverHighlightBackground#475D6F88
- editor.selectionBackground#475D6F88
- editor.wordHighlightBackground#475D6F88
- editorBracketMatch.background#AA5B39
- editorBracketMatch.border#0000
- editorCodeLens.foreground#8A9298
- editorCursor.foreground#849CB1
- editorGroup.border#151518
- editorGroup.dropBackground#475D6F88
- editorGroup.emptyBackground#202224
- editorGroupHeader.noTabsBackground#202224
- editorGroupHeader.tabsBackground#202224
- editorLineNumber.foreground#8A9298
- errorForeground#cdd1d4
- focusBorder#AA5B39
- foreground#cdd1d4
- icon.foreground#849CB1
- input.background#151518
- input.border#55595D
- input.foreground#cdd1d4
- input.placeholderForeground#8A9298
- inputOption.activeBackground#AA5B39
- inputOption.activeBorder#000f
- inputValidation.errorBackground#D48A6A
- inputValidation.errorBorder#AA5B39
- inputValidation.errorForeground#151518
- list.activeSelectionBackground#475D6F
- list.activeSelectionForeground#cdd1d4
- list.activeSelectionIconForeground#AA5B39
- list.dropBackground#AA5B39
- list.focusBackground#849CB1
- list.focusForeground#ffffff
- list.hoverBackground#59768f
- list.hoverForeground#cdd1d4
- menu.background#151518
- menu.foreground#cdd1d4
- menu.selectionBackground#59768f
- menu.separatorBackground#cdd1d4
- menubar.selectionBackground#59768f
- menubar.selectionForeground#fff
- notificationCenterHeader.background#475D6F
- notifications.background#151518
- notifications.foreground#cdd1d4
- progressBar.background#151518
- sash.hoverBorder#AA5B39
- scrollbar.shadow#000b
- scrollbarSlider.activeBackground#59768f
- scrollbarSlider.background#475D6FBB
- scrollbarSlider.hoverBackground#59768f
- selection.background#475D6F
- sideBar.background#202224
- sideBar.dropBackground#475D6F88
- sideBar.foreground#cdd1d4
- sideBarSectionHeader.background#475D6F
- sideBarSectionHeader.foreground#cdd1d4
- statusBar.background#1A2D3E
- statusBar.debuggingBackground#AA5B39
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#ffffff
- statusBarItem.activeBackground#475D6F
- statusBarItem.errorBackground#aa3939
- statusBarItem.hoverBackground#59768f
- statusBarItem.remoteBackground#1A2D3E
- statusBarItem.warningBackground#AA5B39
- tab.activeBackground#59768f
- tab.activeBorderTop#849CB1
- tab.border#151518
- tab.hoverBackground#475D6F
- tab.inactiveBackground#242424
- tab.unfocusedActiveBackground#475D6F
- terminal.background#151518
- terminal.foreground#cdd1d4
- terminal.tab.activeBorder#AA5B39
- titleBar.activeBackground#1A2D3E
- titleBar.activeForeground#cdd1d4
- toolbar.activeBackground#59768f
- toolbar.hoverBackground#475D6F
- widget.border#AA5B39
- widget.shadow#000000BB
- window.activeBorder#AA5B39
- window.inactiveBorder#59768f
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #666B70 | italic |
| keyword.operator,keyword.operator.logical,keyword.operator.relational,keyword.operator.assignment,keyword.operator.comparison,keyword.operator.ternary,keyword.operator.arithmetic,keyword.operator.spread | #cdd1d4 | — |
| string,string.character.escape,string.template.quoted,string.template.quoted.punctuation,string.template.quoted.punctuation.single,string.template.quoted.punctuation.double,string.type.declaration.annotation,string.template.quoted.punctuation.tag | #9cbe88 | — |
| punctuation.definition.template-expression.begin,punctuation.definition.template-expression.end | #d5a77f | — |
| expression.string,meta.template.expression | #cdd1d4 | — |
| constant.numeric | #8aa9c8 | — |
| constant.language,variable.language | #d5a77f | — |
| constant.character, constant.other | #c09bd2 | — |
| keyword,keyword.operator.new,keyword.operator.delete,keyword.operator.static,keyword.operator.this,keyword.operator.expression | #d5a77f | — |
| entity.name.type,meta.return.type,meta.type.annotation,support.type.primitive | #8aa9c8 | — |
| meta.type.parameters | #8aa9c8 | italic |
| storage,storage.type,storage.modifier,storage.arrow | #d5a77f | — |
| class.instance.constructor,new.expr entity.name.type | #f8c87b | — |
| support.function, entity.name.function | #f8c87b | — |
| annotation.meta.ts, annotation.meta.tsx | #cdd1d4 | — |
| variable.parameter, operator.rest.parameters | #cdd1d4 | — |
| variable.property,variable.other.property,variable.other.object.property,variable.object.property,support.variable.property | #c09bd2 | — |
| quote.module | #6A8759 | — |
| markup.heading | #d5a77f | — |
| punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end, entity.name.tag | #ee837e | — |
| entity.other.attribute-name | #cdd1d4 | — |
| entity.other.attribute-name.html | #c09bd2 | — |
| meta.object-literal.key, support.type.property-name.json | #c09bd2 | — |
| storage.modifier.ts | #d5a77f | — |
| ts.cast.expr,ts.meta.entity.class.method.new.expr.cast,ts.meta.entity.type.name.new.expr.cast,ts.meta.entity.type.name.var-single-variable.annotation,tsx.cast.expr,tsx.meta.entity.class.method.new.expr.cast,tsx.meta.entity.type.name.new.expr.cast,tsx.meta.entity.type.name.var-single-variable.annotation | #8aa9c8 | — |
| ts.meta.type.support,ts.meta.type.entity.name,ts.meta.class.inherited-class,tsx.meta.type.support,tsx.meta.type.entity.name,tsx.meta.class.inherited-class,type-declaration,enum-declaration | #8aa9c8 | — |
| function-declaration,method-declaration,method-overload-declaration,type-fn-type-parameters | #f8c87b | — |
| comment.block.documentation | #666B70 | — |
| storage.type.class.jsdoc | #d5a77f | — |
| constant.language.import-export-all | #cdd1d4 | — |
| objectliteral.key.separator, punctuation.separator.key-value | #cdd1d4 | — |
| regex | — | italic |
| ts.meta.entity.name.namespace,tsx.meta.entity.name.namespace | #cdd1d4 | — |
| regex.character-class | #cdd1d4 | — |
| entity.name.type.class | #cdd1d4 | — |
| entity.other.inherited-class | #8aa9c8 | — |
| entity.name.type.instance.jsdoc | #f8c87b | — |
| yaml.entity.name,yaml.string.entity.name | #d5a77f | — |
| yaml.string.out | #cdd1d4 | — |
| meta.brace.square.ts,block.support.module,block.support.type.module,block.support.function.variable,punctuation.definition.typeparameters.begin,punctuation.definition.typeparameters.end | #cdd1d4 | — |
| string.regexp | #d5a77f | — |
| punctuation.definition.group.regexp,punctuation.definition.character-class.regexp | #f8c87b | — |
| constant.other.character-class.regexp, constant.character.escape.ts | #cdd1d4 | — |
| expr.regex.or.operator | #cdd1d4 | — |
| string.template.tag,string.template.punctuation.tag,string.quoted.punctuation.tag,string.quoted.embedded.tag, string.quoted.double.tag | #6A8759 | — |
| tag.punctuation.begin.arrow.parameters.embedded,tag.punctuation.end.arrow.parameters.embedded | #cdd1d4 | — |
| object-literal.object.member.key.field.other,object-literal.object.member.key.accessor,object-literal.object.member.key.array.brace.square | #cdd1d4 | — |
| property-list.property-value,property-list.constant | #d5a77f | — |
| support.type.property-name.variable.css,support.type.property-name.variable.scss,variable.scss | #8aa9c8 | — |
| entity.other.attribute-name.class.css,entity.other.attribute-name.class.scss,entity.other.attribute-name.parent-selector-suffix.css,entity.other.attribute-name.parent-selector-suffix.scss | #ee837e | — |
| property-list.property-value.rgb-value, keyword.other.unit.css,keyword.other.unit.scss | #8aa9c8 | — |
| property-list.property-value.function | #f8c87b | — |
| support.constant.property-value.css,support.constant.property-value.scss | #d5a77f | — |
| css.entity.name.tag,scss.entity.name.tag | #d5a77f | — |
| meta.selector.css, entity.attribute-name.id, entity.other.attribute-name.pseudo-class.css,entity.other.attribute-name.pseudo-element.css | #f8c87b | — |
| keyword.scss,keyword.css | #d5a77f | — |
| triple-slash.tag | #cdd1d4 | italic |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |
| keyword.operator.logical.python | #d5a77f | — |
| support.class.dart | #d5a77f | — |
| variable.language.php, variable.other.php | #c09bd2 | — |
| variable.other.readwrite.perl | #c09bd2 | — |
| variable.other.property.php | #d5a77f | — |
| support.variable.property.php | #f8c87b | — |
| meta.arrow punctuation.definition.parameters | #d5a77f | italic bold |
| variable.other.readwrite.instance.ruby | #c09bd2 | bold |
| keyword.operator.big-arrow.haskell, keyword.operator.pipe.haskell, keyword.operator.colon.haskell, keyword.operator.function.infix.haskell, keyword.operator.infix.haskell, keyword.operator.arrow.haskell, keyword.operator.double-colon.haskell, keyword.operator.eq.haskell | #c09bd2 | — |
| variable.other.generic-type.haskell | #8aa9c8 | — |
| keyword.other.where.haskell | #ee837e | — |
| keyword.operator.arrow.left.haskell | #c09bd2 | — |
| punctuation.definition.list.begin.markdown | #c09bd2 | bold |
| markup.bold | #8aa9c8 | bold |
| markup.italic | #8aa9c8 | italic |
| markup.inline.raw.string.markdown | #d5a77f | — |
| markup.heading | #ee837e | bold |
| support.function.mips, support.function.arithmetic.mips, support.function.registers.mips, support.function.jumps.mips | #f8c87b | — |
| entity.name.function.label.mips | #c09bd2 | — |
| constant.numeric.integer.mips | #c09bd2 | — |
| punctuation.definition.variable.mips | #cdd1d4 | — |
| variable.other.register.usable.by-name.general.mips, variable.other.register.usable.by-name.mips, variable.other.register.usable.floating-point.mips | #8aa9c8 | — |
| variable.other.register.usable.by-number.mips | #f8c87b | — |
| variable.other.register.reserved.mips | #ee837e | — |