Mirasaki Theme Dark
Publisher: MirasakiThemes in package: 1
Mirasaki's Dark Theme
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.
- activityBarBadge.background#007ACC
- editor.background#1E1E1E
- editor.foreground#D4D4D4
- editor.inactiveSelectionBackground#3A3D41
- editor.selectionBackground#771835
- editor.wordHighlightBackground#771835
- editorIndentGuide.activeBackground#707070
- editorIndentGuide.background#404040
- input.placeholderForeground#A6A6A6
- list.activeSelectionIconForeground#FFF
- list.dropBackground#383B3D
- menu.background#252526
- menu.foreground#CCCCCC
- ports.iconRunningProcessForeground#369432
- sideBarSectionHeader.background#0000
- sideBarSectionHeader.border#ccc3
- sideBarTitle.foreground#BBBBBB
- statusBarItem.remoteBackground#16825D
- statusBarItem.remoteForeground#FFF
- tab.lastPinnedBorder#ccc3
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #289251 | italic |
| variable, string constant.other.placeholder | #4FC1FF | — |
| variable.other.readwrite.js, meta.definition.variable.js, meta.var-single-variable.expr.js, meta.var.expr.js | #9CDCFE | — |
| variable.parameter | #6cfaff | italic |
| variable.other.object.js, meta.function-call.js | #9CDCFE | — |
| constant.language.boolean, constant.language.null, constant.language.undefined | #0084ff | bold italic underline |
| keyword, storage.type, storage.modifier | #569CD6 | — |
| keyword.operator.assignment.js | #D4D4D4 | — |
| keyword.control.conditional.js, keyword.control.trycatch.js, keyword.control.flow.js, keyword.control.switch.js, keyword.control.loop.js | #ff00f2 | italic |
| keyword.operator.new.js, keyword.operator.comparison.js, keyword.operator.assignment.compound.js, keyword.operator.arithmetic.js | #FFF | italic bold |
| keyword.operator.spread, keyword.operator.logical.js, keyword.operator.ternary.js, keyword.operator.increment.js | #FFF | bold |
| string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #f07178 | — |
| constant.numeric | #77D77D | — |
| punctuation.definition.string.begin.js, punctuation.definition.string.end.js, punctuation.definition.string.template.begin.js, punctuation.definition.string.template.end.js | #f07178 | bold |
| punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.end.js | #008cff | bold |
| punctuation.separator.comma.js, punctuation.definition.block.js, punctuation.definition.parameters.begin.js, punctuation.definition.parameters.end.js, punctuation.definition.binding-pattern.object.js | #FFF | — |
| variable.other.object.property.js, variable.other.property, support.variable.property.js | #ffffff | italic |
| meta.brace.round, meta.brace.square | #FFF | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #f7ffaf | — |
| entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #4EC9B0 | — |