Midnight Mirage
Publisher: anx450zThemes in package: 6
A dark and low contrast theme for vscode
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#282a2c
- activityBar.foreground#979797
- activityBarBadge.background#007acc
- dropdown.background#282a2c
- editor.background#1e1f22
- editor.foreground#b5b5b5
- editor.inactiveSelectionBackground#3a3d41
- editor.lineHighlightBackground#282a2c
- editor.selectionBackground#00a2ff7b
- editor.selectionHighlightBackground#4a6166
- editorGroupHeader.tabsBackground#282a2c
- editorIndentGuide.activeBackground#707070
- editorIndentGuide.background#404040
- editorLineNumber.foreground#4d4d4d
- editorSuggestWidget.background#2b2d30
- editorWidget.background#282a2c
- editorWidget.border#000000
- foreground#979797
- gitDecoration.ignoredResourceForeground#595959
- gitDecoration.modifiedResourceForeground#fcc97c
- input.background#1e1f22
- input.placeholderForeground#3e3e3e
- list.activeSelectionIconForeground#ffffff
- list.dropBackground#383b3d
- listFilterWidget.shadow#00000000
- menu.background#1e1f22
- menu.border#000000
- menu.foreground#979797
- menu.selectionForeground#ffffff
- menu.separatorBackground#000000
- notifications.background#2b2d30
- ports.iconRunningProcessForeground#369432
- quickInput.background#282a2c
- scrollbar.shadow#000000
- settings.checkboxBackground#282a2c
- sideBar.background#282a2c
- sideBar.dropBackground#53595d80
- sideBarSectionHeader.background#00000000
- sideBarSectionHeader.border#00000033
- sideBarTitle.foreground#bbbbbb
- statusBar.background#282a2c
- statusBar.debuggingBackground#cc6633
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#979797
- statusBarItem.remoteBackground#16825d
- statusBarItem.remoteForeground#979797
- tab.activeBorder#1f8ad2
- tab.inactiveBackground#323537
- tab.lastPinnedBorder#cccccc33
- terminal.background#282a2c
- titleBar.activeBackground#282a2c
- widget.border#000000
- widget.shadow#00000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| punctuation, punctuation.section.embedded, meta.function-call, punctuation.definition.constant.hashkey, keyword.operator.assignment.ruby, entity.name.function.call.cpp, entity.name.function.member.cpp, variable.other.property, meta.brace.round.ts, meta.brace.square.ts, keyword.operator.type.ts, keyword.operator.type.annotation.ts, meta.function-call.ts, keyword.operator.assignment.ts, keyword.operator.relational.ts, keyword.operator.increment.ts, keyword.operator.bitwise.shift.ts, keyword.operator.bitwise.ts, punctuation.separator.key-value.ts, keyword.operator.assignment.js, keyword.operator.relational.js, keyword.operator.increment.js, keyword.operator.bitwise.shift.js, keyword.operator.bitwise.js, variable.other.object.property.js, support.variable.property.js, meta.brace.round.js, meta.brace.square.js, keyword.generator.asterisk.js, keyword.operator.combinator.css, meta.property-name.css, punctuation.definition.constant.css, punctuation.separator.key-value.mapping.yaml, string.unquoted.plain.out.yaml, source.sql, constant.other.table-name.sql, meta.function.call.rust | #f1e5cc | — |
| punctuation.definition.comment, comment | #8d8d8d | |
| comment.line.keyword.yard, comment.line.keyword.punctuation.yard, comment.line.punctuation.yard | #F1CB9F | |
| support.function.kernel.ruby, keyword.other, keyword.operator, keyword.control, keyword.other.special-method, punctuation.separator.key-value, variable.language, storage.type.variable, storage.modifier, storage.type.built-in.primitive.cpp, storage.type.primitive.cpp, punctuation.separator.pointer-access.cpp, punctuation.definition.heading.markdown, punctuation.definition.constant.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.list.begin.markdown, storage.type.function.arrow.ts, storage.type.function.ts, storage.type.interface.ts, storage.type.enum.ts, support.constant.media.css, support.constant.property-value.css, support.constant.font-name.css, entity.name.type.primitive.rust, entity.name.type.numeric.rust | #ff7161be | — |
| keyword.operator | #ff8c00 | — |
| constant.other.symbol.hashkey.parameter.function, variable.other, comment.line.parameter.yard, markup.inline.raw.string.markdown, markup.fenced_code.block.markdown, entity.other.attribute-name.html, constant.other.color.rgb-value.hex.css, support.constant.color.w3c-standard-color-name.css, constant.other.database-name.sql | #ffcd44ce | |
| variable.parameter | #fdf58cce | |
| variable.other.readwrite | #babbfbdd | |
| punctuation.definition.string.begin, punctuation.definition.string.end, string | #76af7f | — |
| meta.embedded.line | — | |
| string.regexp, punctuation.section.regexp | #A6CC5F | |
| constant.numeric, keyword.other.unit.em.css, keyword.other.unit.percentage.css, keyword.other.unit.rem.css, keyword.other.unit.px.css | #ffffff | — |
| meta.class, entity.name.type.class.ruby, entity.other.inherited-class.ruby, entity.name.type.module, meta.module.ruby, comment.line.type.yard, entity.name.scope-resolution.cpp, entity.name.scope-resolution.template.call.cpp, entity.name.scope-resolution.parameter.cpp, entity.name.scope-resolution.function.call.cpp, markup.heading, constant.other.reference.link.markdown, string.other.link.title.markdown, meta.selector.css, entity.name.namespace.rust, entity.name.type.enum.ts, variable.other.readwrite.alias.ts | #4ba7e9 | |
| entity.other.inherited-class.ruby | #55be00d4 | |
| support.class.ruby | #ff83aec2 | |
| variable.other.constant | #cfc397 | |
| constant.other.symbol.ruby, constant.language.symbol, constant.other.symbol.hashkey.ruby, markup.underline.link.markdown, meta.link.inline.markdown, support.type.property-name.json, meta.object-literal.key.ts, meta.object-literal.key.js, entity.name.tag.html, punctuation.separator.key-value.css, punctuation.terminator.rule.css, entity.name.tag.yaml | #7db2cf | |
| variable.other.readwrite.class, variable.other.readwrite.instance, punctuation.definition.variable, variable.other.readwrite.global, variable.other.property | #ff9cae | |
| constant.language, variable.language.this | #86cff8 | |
| variable, markup.bold, punctuation.definition.bold.markdown, variable.object.property.ts, variable.other.constant.object.ts, variable.other.constant.js, variable.other.constant.object.js | #18b4e4e0 | |
| storage.type.ts, support.type.primitive.ts, storage.type.class.ts, storage.type.class.js, storage.type.function.js, storage.type.js, storage.type.function.arrow.js, constant.language.null.js | #f7654e | — |
| meta.definition.method, meta.function.method.with-arguments.ruby, meta.function.method.without-arguments.ruby | #eb9a64 | |
| meta.function-call | #dfceb3 | — |
| meta.attribute.rust | #CE74F8 | |
| meta.diff, meta.diff.header, punctuation.definition.to-file.diff, punctuation.definition.from-file.diff, punctuation.definition.range.diff | #18B5E4 | |
| markup.deleted, punctuation.definition.deleted.diff | #DD5555 | |
| markup.changed | #d58941 | |
| markup.inserted, punctuation.definition.inserted.diff | #5AC16C | — |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |