AlterNight
Publisher: Mauro PaterninaThemes in package: 2
A Visual Studio Code theme for those who code at night
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.activeBorder#bcadd3
- activityBar.background#1f172b
- activityBar.foreground#bcadd3
- activityBar.inactiveForeground#9077b680
- activityBarBadge.background#e29fa4
- activityBarBadge.foreground#1f172b
- editor.background#1f172b
- editor.foldBackground#291b3d
- editor.foreground#caaeeb
- editor.hoverHighlightBackground#695d5e
- editor.lineHighlightBackground#caaeeb12
- editor.selectionBackground#5C7FE280
- editorCursor.foreground#ff0
- editorGroupHeader.tabsBackground#1f172b
- editorGutter.addedBackground#9fff20
- editorGutter.foldingControlForeground#ff0
- editorHoverWidget.background#312a3c
- editorHoverWidget.border#c6abde
- editorHoverWidget.foreground#c6abde
- editorIndentGuide.activeBackground#797480
- editorIndentGuide.background#312a3c
- editorLineNumber.foreground#9077b688
- menu.background#1f172b
- menu.border#c6abde
- menu.foreground#c6abde
- menu.selectionBackground#fefefe40
- menu.separatorBackground#fefefe32
- sash.hoverBorder#f78c6c
- scrollbar.shadow#caaeeb24
- sideBar.background#1f172b
- sideBar.foreground#9077b6
- sideBarSectionHeader.background#312a3c
- sideBarSectionHeader.foreground#9b8eb0
- sideBarTitle.foreground#bcadd3
- statusBar.background#1f172b
- statusBar.debuggingBackground#e29fa4
- statusBar.debuggingForeground#1f172b
- statusBar.foreground#9077b6
- statusBarItem.hoverBackground#312642
- tab.activeBorderTop#f78c6c
- tab.activeForeground#f78c6c
- tab.hoverBackground#251a36
- tab.hoverForeground#f78c6c
- tab.inactiveBackground#1b1b31
- tab.inactiveForeground#7F7fb8
- terminal.ansiBlack#292929
- terminal.ansiBlue#5C7FE2
- terminal.ansiBrightBlack#080808
- terminal.ansiBrightBlue#718edf
- terminal.ansiBrightCyan#70d1d1
- terminal.ansiBrightGreen#71bd97
- terminal.ansiBrightMagenta#d581dd
- terminal.ansiBrightRed#f08a8a
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#fdda9a
- terminal.ansiCyan#40CFCF
- terminal.ansiGreen#4CA779
- terminal.ansiMagenta#c869d1
- terminal.ansiRed#f07c7c
- terminal.ansiWhite#FAFAFA
- terminal.ansiYellow#FFCB6B
- terminal.background#1f172b
- terminal.foreground#bba8d1
- terminal.selectionBackground#5C7FE280
- terminalCursor.foreground#ff0
- titleBar.activeBackground#1f172b
- titleBar.activeForeground#9077b6
- titleBar.inactiveBackground#1f172b80
- titleBar.inactiveForeground#9077b680
- window.activeBorder#9292e424
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.line, comment.block, comment.block.documentation, punctuation.definition.comment | #524168 | — |
| punctuation.definition.string.template.begin, punctuation.definition.string.template.begin.js, punctuation.definition.string.template.begin.jsx, punctuation.definition.string.template.begin.ts, punctuation.definition.string.template.begin.tsx, punctuation.definition.string.template.end, punctuation.definition.string.template.end.js, punctuation.definition.string.template.end.jsx, punctuation.definition.string.template.end.ts, punctuation.definition.string.template.end.tsx | #4CA779 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.begin.jsx, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.begin.tsx, punctuation.definition.template-expression.end, punctuation.definition.template-expression.end.js, punctuation.definition.template-expression.end.jsx, punctuation.definition.template-expression.end.ts, punctuation.definition.template-expression.end.tsx | #caaeeb | — |
| variable.other.readwrite, variable.other.constant | #DF84A2 | — |
| constant.character.entity, constant.character.entity.js, constant.character.entity.jsx, constant.character.entity.ts, constant.character.entity.tsx | #43c2e2 | — |
| punctuation.definition.entity, punctuation.definition.entity.js, punctuation.definition.entity.jsx, punctuation.definition.entity.ts, punctuation.definition.entity.tsx | #3896ad | — |
| entity.name.tag.directive, entity.name.tag.directive.js, entity.name.tag.directive.jsx, entity.name.tag.directive.ts, entity.name.tag.directive.tsx | #f0bb6b | — |
| punctuation.definition.tag.directive, punctuation.definition.tag.directive.js, punctuation.definition.tag.directive.jsx, punctuation.definition.tag.directive.ts, punctuation.definition.tag.directive.tsx | #ac66c9 | — |
| constant.other.color | #fefefe | — |
| invalid, invalid.illegal | #ff5370 | — |
| keyword, storage.type, storage.modifier | #a477be | — |
| storage.modifier.async | #664a86 | — |
| keyword.operator.assignment, keyword.operator.type.annotation | #caaeeb | — |
| entity.name.tag.html | #d4785d | — |
| punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #ac66c9 | — |
| keyword.control, constant.other.color, punctuation, meta.brace.square, meta.tag, punctuation.definition.tag, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, keyword.operator | #caaeeb | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #5d2cb9 | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #e7d5a4 | — |
| meta.block variable.other | #df84a2 | — |
| support.other.variable, string.other.link | #e0a1a4 | bold |
| constant.language, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other | #b1bdbd | |
| constant.numeric | #f1b718 | — |
| support.constant.property-value.css, constant.numeric.css, constant.other.color.rgb-value.hex.css, constant.language.color.rgb-value.css.sass | #a07fc7 | — |
| keyword.other.unit.percentage.css, keyword.other.unit.px.css, keyword.other.unit.rem.css, keyword.other.unit.em.css, keyword.other.unit.ms.css, keyword.other.unit.s.css, keyword.other.unit.deg.css, keyword.other.unit.fr.css, punctuation.definition.constant.css, keyword.control.unit.css.sass | #664a86 | — |
| invalid.deprecated.color.system.css | #a07fc7 | — |
| entity.other.inherited-class.placeholder-selector.css.sass | #F0BB6B | — |
| variable.other.value | #DF84A2 | — |
| 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, meta.group.braces.curly constant.other.object.key.jsx string.unquoted.label.jsx, meta.group.braces.curly constant.other.object.key.ts string.unquoted.label.ts, meta.group.braces.curly constant.other.object.key.tsx string.unquoted.label.tsx | #4CA779 | — |
| meta.embedded.line | #CAAEEB | — |
| entity.name, support.type, markup.changed.git_gutter, support.type.sys-types | #f0bb6b | — |
| support.type | #b2ccd6 | — |
| keyword.control.at-rule.css, keyword.control.at-rule.sass, keyword.control.at-rule.scss, keyword.control.at-rule.use, support.function.name.sass.library, support.function.name.scss.library | #c2a0fd | |
| support.function.name.sass.library, support.function.name.scss.library | #d153bc | bold |
| variable.css | #c7c7df | — |
| constant.character.css, constant.character.css.sass, constant.character.css.scss | #4CA779 | — |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name | #f78c6c | — |
| entity.name.module.js, entity.name.module.jsx, entity.name.module.ts, entity.name.module.tsx, variable.import.parameter.js, variable.import.parameter.jsx, variable.import.parameter.ts, variable.import.parameter.tsx, variable.other.class.js, variable.other.class.jsx, variable.other.class.ts, variable.other.class.tsx | #ff5370 | — |
| variable.language | #ff6781 | — |
| keyword.control.trycatch.js, keyword.control.trycatch.jsx, keyword.control.trycatch.ts, keyword.control.trycatch.tsx | #5fe09f | bold |
| entity.name.method.js, entity.name.method.jsx, entity.name.method.ts, entity.name.method.tsx | #82aaff | — |
| variable.parameter | #8ecbd6 | — |
| meta.class-method.js entity.name.function.js, meta.class-method.jsx entity.name.function.jsx, meta.class-method.ts entity.name.function.ts, meta.class-method.tsx entity.name.function.tsx, variable.function.constructor | #82aaff | — |
| constant.language | #40cfcf | — |
| constant.language.null.js, constant.language.null.jsx, constant.language.null.ts, constant.language.null.tsx, constant.language.undefined.js, constant.language.undefined.jsx, constant.language.undefined.ts, constant.language.undefined.tsx | — | bold |
| meta.object-literal.key.js, meta.object-literal.key.jsx, meta.object-literal.key.ts, meta.object-literal.key.tsx, meta.object.member.js, meta.object.member.jsx, meta.object.member.ts, meta.object.member.tsx, meta.objectliteral.js, meta.objectliteral.jsx, meta.objectliteral.ts, meta.objectliteral.tsx | #e8f3f3 | — |
| entity.name.tag.js, entity.name.tag.jsx, entity.name.tag.ts, entity.name.tag.tsx | #d4785d | — |
| variable.other.property.js, variable.other.property.jsx, variable.other.property.ts, variable.other.property.tsx | #5c7fe2 | — |
| variable.other.readwrite.alias, variable.other.readwrite.alias.js, variable.other.readwrite.alias.jsx, variable.other.readwrite.alias, variable.other.readwrite.alias.ts, variable.other.readwrite.alias.tsx | #f78c6c | — |
| constant.language.boolean.false, constant.language.boolean.false.js, constant.language.boolean.false.jsx, constant.language.boolean.false.ts, constant.language.boolean.false.tsx, constant.language.boolean.true, constant.language.boolean.true.js, constant.language.boolean.true.jsx, constant.language.boolean.true.ts, constant.language.boolean.true.tsx | #40cfcf | bold |
| keyword.control.conditional, keyword.control.conditional.js, keyword.control.conditional.jsx, keyword.control.conditional.ts, keyword.control.conditional.tsx, keyword.control.switch, keyword.control.switch.js, keyword.control.switch.jsx, keyword.control.switch.ts, keyword.control.switch.tsx | #5fe09f | bold |
| keyword.control.flow, keyword.control.flow.js, keyword.control.flow.jsx, keyword.control.flow.ts, keyword.control.flow.tsx, keyword.control.loop, keyword.control.loop.js, keyword.control.loop.jsx, keyword.control.loop.ts, keyword.control.loop.tsx, keyword.operator.new | #e27171 | bold |
| keyword.control.export, keyword.control.export.js, keyword.control.export.jsx, keyword.control.export.ts, keyword.control.export.tsx, keyword.control.default, keyword.control.default.js, keyword.control.default.jsx, keyword.control.default.ts, keyword.control.default.tsx | #e4baba | — |
| support.type, support.type.primitive, support.type.primitive.js, support.type.primitive.jsx, support.type.primitive.ts, support.type.primitive.tsx, support.type.builtin, support.type.builtin.js, support.type.builtin.jsx, support.type.builtin.ts, support.type.builtin.tsx | #dae63d | — |
| entity.name.tag.js, entity.name.tag.jsx, entity.name.tag.ts, entity.name.tag.tsx | #d4785d | — |
| meta.tag.js, meta.tag.jsx, meta.tag.ts, meta.tag.tsx | #d5d5d5 | — |
| punctuation.definition.tag.begin.js, punctuation.definition.tag.begin.jsx, punctuation.definition.tag.begin.ts, punctuation.definition.tag.begin.tsx, punctuation.definition.tag.end.js, punctuation.definition.tag.end.jsx, punctuation.definition.tag.end.ts, punctuation.definition.tag.end.tsx | #ac66c9 | — |
| keyword.control.import, keyword.control.import.js, keyword.control.import.jsx, keyword.control.import.ts, keyword.control.import.tsx, keyword.control.from, keyword.control.from.js, keyword.control.from.jsx, keyword.control.from.ts, keyword.control.from.tsx | #e4baba | — |
| entity.other.attribute-name | #e4baba | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #ffcb6b | italic |
| entity.name.tag.css | #e0a1a4 | bold |
| entity.other.attribute-name.class | #a477be | — |
| entity.other.attribute-name.pseudo-class.css | #e0a1a4 | — |
| entity.other.attribute-selector.css, entity.other.attribute-selector.scss, entity.other.attribute-selector.sass | #41c09a | — |
| source.sass keyword.control | #82aaff | — |
| keyword.control.at-rule.media.scss, meta.at-rule.media.scss | — | bold |
| sass.script.maps, scss.script.maps | #DF84A2 | — |
| support.function.interpolation.sass, support.function.interpolation.scss | #7c97bb | — |
| markup.inserted | #c3e88d | — |
| markup.deleted | #ff5370 | — |
| markup.changed | #c792ea | — |
| string.regexp | #89ddff | — |
| constant.character.escape | #89ddff | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.jsx entity.name.tag.jsx, tag.decorator.ts entity.name.tag.ts, tag.decorator.tsx entity.name.tag.tsx, tag.decorator.js punctuation.definition.tag.js, tag.decorator.jsx punctuation.definition.tag.jsx, tag.decorator.ts punctuation.definition.tag.ts, tag.decorator.tsx punctuation.definition.tag.tsx | #82aaff | italic |
| source.js constant.other.object.key.js string.unquoted.label.js, source.jsx constant.other.object.key.jsx string.unquoted.label.jsx, source.ts constant.other.object.key.ts string.unquoted.label.ts, source.tsx constant.other.object.key.tsx string.unquoted.label.tsx | #ff5370 | italic |
| keyword.operator.optional, keyword.operator.optional.js, keyword.operator.optional.jsx, keyword.operator.optional.ts, keyword.operator.optional.tsx, punctuation.accessor.optional, punctuation.accessor.optional.js, punctuation.accessor.optional.jsx, punctuation.accessor.optional.ts, punctuation.accessor.optional.tsx, keyword.operator.ternary | #e78797 | |
| source.json meta.structure.dictionary.json support.type.property-name.json | #c792ea | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #ffcb6b | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #f78c6c | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #6a7cdc | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #ac66c9 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #43c2e2 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #e0a1a4 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #df84a2 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #f0bb6b | — |
| constant.numeric.json | #d4785d | — |
| constant.language.json | #40cfcf | bold |
| punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json | #ffcb6b | — |
| punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json, punctuation.definition.string.begin.json, punctuation.definition.string.end.json | #d5d5d5 | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #caaeeb | — |
| text.html.markdown markup.inline.raw.string.markdown | #4CA779 | — |
| text.html.markdown punctuation.definition.raw.markdown | #4CA779 | — |
| punctuation.definition.heading.markdown | #f78c6c96 | — |
| entity.name.section.markdown | #f78c6c | — |
| markup.italic.markdown | #7a8491 | italic |
| markup.bold.markdown | #7a8491 | bold |
| markup.bold.markdown markup.italic.markdown, markup.italic.markdown markup.bold.markdown, markup.quote.markdown markup.bold.markdown | #7a8491 | italic bold |
| markup.underline.markdown | #7a8491 | underline |
| markup.quote punctuation.definition.blockquote.markdown | #6a7cdc | italic |
| markup.quote.markdown | #6a7cdc | italic |
| punctuation.definition.quote.begin.markdown | #6a7cdc96 | italic |
| punctuation.definition.list.begin.markdown | #caaeeb80 | — |
| markup.list.unnumbered.markdown, markup.list.numbered.markdown | #caaeeb | — |
| string.other.link.title.markdown, string.other.link.description.markdown | #c2a0fd | — |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #e0a1a4 | — |
| punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown | #f0bb6b | — |
| string.other.link.description.title.markdown | #c792ea | — |
| constant.other.reference.link.markdown | #ac66c9 | — |
| markup.raw.block | #e27171 | — |
| markup.fenced_code.block.markdown | #7a8491 | — |
| punctuation.definition.markdown | #4CA779 | — |
| fenced_code.block.language.markdown | #6a7cdc | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #eeffff | — |
| meta.separator | #7a8491 | bold |
| constant.character.escape.markdown | #43c2e2 | — |
| string.unquoted.plain.out.yaml | #b37895 | — |
| entity.name.tag.localname.xml, meta.tag.xml | #a56e55 | — |
| punctuation.definition.tag.xml | #ac66c9 | — |
| keyword.operation.graphql | #a477be | — |
| entity.name.function.graphql | #e27171 | bold |
| variable.graphql | #fa72c1 | — |
| variable.parameter.graphql | #40cfcf | — |
| constant.numeric.float.graphql | #d4785d | — |
| meta.selectionset.graphql | #f78c6c | — |
| support.type.builtin.graphql | #e4baba | bold |
| meta.brace.round.directive.graphql | #ac66c9 | — |
| punctuation.operation.graphql | #ffcb6b | — |
| keyword.operator.spread.graphql | #ffcb6b | — |
| entity.name.tag.pug, meta.tag.sgml.doctype.html | #D4785D | — |
| support.type.primitive.prisma | #F78C6C | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...