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#151515
- editor.background#151515
- editor.foreground#ffffff
- editor.lineHighlightBackground#202020
- editor.selectionBackground#404040
- editorCursor.foreground#00ffaa
- editorLineNumber.activeForeground#00ffaa
- editorLineNumber.foreground#404040
- sideBar.background#151515
- statusBar.background#151515
- titleBar.activeBackground#151515
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword, keyword.control, storage.type, storage.modifier, keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.logical, keyword.operator.wordlike, keyword.other, keyword.control.flow, keyword.control.conditional, keyword.control.import, keyword.control.export, storage.type.function, storage.type.class, storage.type.interface, keyword.operator.assignment.compound, keyword.operator.comparison | #00ffaa | bold |
| entity.name.function, support.function, meta.function-call, variable.function, meta.method.declaration, meta.method-call, meta.function, support.function.builtin, support.function.kernel, support.function.magic, entity.name.function.member, entity.name.function.go, support.function.builtin.python, support.function.builtin.rust, entity.name.function.lua, support.function.std.rust, entity.name.function.macro.rust, support.function.core.ruby, support.function.builtin.go | #00ffff | bold |
| entity.name.type, support.class, support.type, meta.class, storage.type.class, storage.type.interface, entity.other.inherited-class, entity.name.type.class, entity.name.type.interface, entity.other.attribute-name.class, support.class.builtin, support.type.primitive, entity.name.type.struct.rust, entity.name.type.enum.rust, storage.type.generic, support.type.builtin, entity.name.type.parameter.ts | #ff00ff | bold |
| variable, variable.other, variable.parameter, variable.language, support.variable, meta.definition.variable, meta.object-literal.key, variable.object.property, support.variable.property, variable.other.constant, variable.other.readwrite, variable.other.object, variable.other.enummember, variable.other.property, variable.scss | #ff66dd | — |
| string, string.quoted, string.template, string.interpolated, string.regexp, string.other, constant.character, constant.other.character, constant.character.escape, string.quoted.double, string.quoted.single, string.quoted.template, string.unquoted, string.quoted.docstring, string.quoted.heredoc | #ffcc00 | — |
| constant.numeric, constant.language, constant.other, constant.character, constant.numeric.decimal, constant.numeric.hex, constant.numeric.binary, constant.numeric.octal, constant.numeric.float, constant.numeric.integer, constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.symbol | #ff3377 | — |
| entity.name.tag, punctuation.definition.tag, meta.tag, meta.tag.sgml, meta.tag.html, meta.tag.xml, meta.tag.jsx, meta.tag.tsx, entity.name.tag.localname, entity.name.tag.namespace | #00ffaa | bold |
| entity.other.attribute-name, meta.tag.attributes, entity.other.attribute-name.html, entity.other.attribute-name.xml, entity.other.attribute-name.jsx, entity.other.attribute-name.tsx | #00ffff | — |
| 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.type.custom-property.css, variable.css, variable.scss, variable.sass | #00ffff | — |
| support.constant.property-value, support.constant.color, support.constant.font-name, constant.other.color, keyword.other.unit, support.constant.media, support.constant.media-type, constant.other.color.rgb-value | #ffcc00 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element, source.css selector, meta.selector, entity.name.tag.css, entity.other.attribute-name.parent-selector | #ff00ff | — |
| markup.heading, markup.bold, markup.italic, markup.inline.raw, markup.quote, markup.list, markup.link, markup.underline, markup.raw, markup.fenced_code, markup.heading.markdown, markup.italic.markdown, markup.bold.markdown | #00ffaa | — |
| comment, comment.line, comment.block, comment.block.documentation, comment.line.double-slash, comment.line.number-sign, comment.line.percentage | #666666 | italic |
| string.regexp, constant.character.escape.regex, string.regexp.character-class, string.regexp.anchor, string.regexp.group | #ffcc00 | — |
| source.shell, meta.scope.case-clause.shell, meta.scope.case-pattern.shell | #00ffaa | — |
| source.ini, keyword.other.definition.ini, punctuation.separator.key-value.ini | #00ffff | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...