Cosmic Night Theme Collection
Publisher: CosmicNightThemes in package: 12
🌌 A comprehensive collection of 11 cosmic-inspired VS Code themes with modern file icons for development
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#0E131D
- activityBar.foreground#86EFFF
- editor.background#101520
- editor.foreground#F0F7FF
- editor.lineHighlightBackground#141925
- editor.selectionBackground#2A3C55
- editor.wordHighlightBackground#2A3C55
- editorGroupHeader.tabsBackground#0E131D
- sideBar.background#101520
- sideBar.foreground#C7D8EC
- statusBar.background#0E131D
- statusBar.foreground#86EFFF
- tab.activeBackground#101520
- tab.inactiveBackground#0E131D
- titleBar.activeBackground#0E131D
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, comment.block.documentation, comment.block.javadoc, comment.line.double-slash, comment.line.number-sign.python, comment.line.hash.ruby, comment.block.documentation.rust, comment.line.documentation.rust, comment.block.documentation.ts, comment.block.html, comment.line.triple-slash.directive, comment.block.documentation.js | #728195 | italic |
| variable, string constant.other.placeholder, variable.other.readwrite, variable.parameter, variable.other.object, variable.language, variable.other.property, variable.other.member, variable.scss, variable.other.php, variable.other.normal.shell, variable.other.special.rust, variable.other.readwrite.global, variable.other.constant, variable.argument.css, variable.other.object.property.js | #E8F3FF | — |
| keyword, storage.type, storage.modifier, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.control.flow, storage.type.class.python, storage.type.function.python, keyword.other.fn.rust, storage.type.cs, keyword.package.go, storage.type.kotlin, keyword.control.import, keyword.control.export, keyword.control.default, storage.type.class.ts, storage.modifier.async, keyword.control.conditional | #E7B2FF | — |
| keyword.operator, punctuation, meta.brace, meta.delimiter, punctuation.definition.parameters, punctuation.separator, punctuation.terminator, punctuation.accessor, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.assignment, keyword.operator.type.annotation, keyword.operator.optional, meta.decorator punctuation, punctuation.definition.block | #86EFFF | — |
| entity.name.tag, support.class.component, entity.name.tag.html, entity.name.tag.xml, entity.name.tag.jsx, entity.name.tag.tsx, punctuation.definition.tag, meta.tag.sgml, meta.tag.html, meta.tag.xml, meta.tag.js, meta.tag.tsx, entity.name.tag.css | #86EFFF | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method, meta.method-call, meta.function, support.function.builtin, support.function.core, meta.function.python, entity.name.function.go, entity.name.function.rust, entity.name.function.php, support.function.magic, meta.function-call.generic, meta.method.declaration, meta.function.declaration | #A2CAFF | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, keyword.other.unit, constant.other.color, constant.other.symbol, constant.other.key, support.constant.property-value, constant.numeric.decimal, constant.numeric.integer, constant.numeric.hex, constant.numeric.binary, constant.numeric.json | #FFAC8C | — |
| string, string.quoted.single, string.quoted.double, string.template, string.interpolated, string.regexp, string.other.link, string.quoted.backtick, string.unquoted.heredoc, string.quoted.triple, string.quoted.docstring.multi.python, string.template.js, string.quoted.template, string.quoted.single.sql | #ADE8B1 | — |
| entity.name.type, support.type, support.class, storage.type.generic, storage.type.primitive, entity.name.class, entity.other.inherited-class, entity.name.struct, entity.name.enum, entity.name.interface, support.type.builtin, storage.type.builtin, entity.name.type.class, entity.name.type.module, entity.name.type.parameter, support.type.primitive | #FFD88C | — |
| entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.jsx, entity.other.attribute-name.tsx, entity.other.attribute-name.class.css, meta.decorator, meta.decorator entity.name.function, meta.decorator variable.other.readwrite, meta.decorator punctuation.decorator, entity.other.attribute-name.id | #FFC7E4 | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less, support.type.property-name.sass, support.type.vendored.property-name, support.constant.property-value.css, support.constant.font-name, support.constant.media, constant.other.color.rgb-value, meta.property-value.css | #86EFFF | — |
| markup.heading, markup.bold, markup.italic, markup.inline.raw, markup.quote, markup.list, markup.link, markup.underline, markup.raw.block, markup.fenced_code, markup.inline.raw.string, markup.heading.markdown | #A2CAFF | — |
| variable.language.self, variable.language.this, variable.language.super, variable.language.special.self.python, variable.language.this.php, variable.language.this.ts, variable.language.arguments, variable.language.global | #E7B2FF | italic |
| punctuation.definition.template-expression, punctuation.section.embedded, meta.embedded.line, meta.template.expression, meta.embedded.expression, meta.interpolation, meta.embedded.block | #86EFFF | — |