Classic Ace Cobalt Theme
Publisher: ichiwaThemes in package: 1
A faithful reproduction of the classic Ace Cobalt theme with vibrant syntax highlighting
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#001122
- activityBar.foreground#ffffff
- activityBar.inactiveForeground#aaaaaa
- activityBarBadge.background#ff9800
- activityBarBadge.foreground#000000
- badge.background#ff9800
- badge.foreground#000000
- button.background#0088cc
- button.foreground#ffffff
- button.hoverBackground#0099dd
- dropdown.background#003366
- dropdown.border#004488
- dropdown.foreground#ffffff
- editor.background#002240
- editor.foreground#ffffff
- editor.lineHighlightBackground#021629
- editor.selectionBackground#0066aa
- editor.selectionHighlightBackground#00448880
- editorCursor.foreground#ffcc00
- editorGroup.border#004488
- editorGroupHeader.tabsBackground#001122
- editorIndentGuide.background1#004488
- editorLineNumber.activeForeground#7f91a0
- editorLineNumber.foreground#7f91a0
- editorWhitespace.foreground#004488
- focusBorder#0088cc
- input.background#002240
- input.border#004488
- input.foreground#ffffff
- inputOption.activeBorder#0088cc
- list.activeSelectionBackground#0066aa
- list.activeSelectionForeground#ffffff
- list.hoverBackground#003366
- list.inactiveSelectionBackground#004488
- panel.background#001122
- panel.border#004488
- panelTitle.activeBorder#0088cc
- panelTitle.activeForeground#ffffff
- panelTitle.inactiveForeground#aaaaaa
- scrollbar.shadow#000000
- scrollbarSlider.activeBackground#0088ccaa
- scrollbarSlider.background#004488aa
- scrollbarSlider.hoverBackground#0066aaaa
- sideBar.background#001122
- sideBar.border#004488
- sideBar.foreground#ffffff
- sideBarSectionHeader.background#003366
- sideBarSectionHeader.foreground#ffffff
- sideBarTitle.foreground#ffffff
- statusBar.background#001122
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#001122
- statusBarItem.hoverBackground#003366
- tab.activeBackground#002240
- tab.activeForeground#ffffff
- tab.border#004488
- tab.inactiveBackground#001122
- tab.inactiveForeground#aaaaaa
- terminal.background#002240
- terminal.foreground#ffffff
- titleBar.activeBackground#001122
- titleBar.activeForeground#ffffff
- titleBar.inactiveBackground#000011
- titleBar.inactiveForeground#aaaaaa
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #0088ff | italic |
| variable.other.readwrite.ts, variable.other.readwrite.js, variable.other.constant.tsx, variable.other.constant.jsx, variable.other.constant.ts, variable.other.constant.js, meta.definition.variable.tsx, meta.definition.variable.jsx, meta.definition.variable.ts, meta.definition.variable.js | #ffb054 | — |
| constant.other.color | #ffffff | — |
| invalid, invalid.illegal | #ff0066 | — |
| storage.type, storage.modifier, keyword.control.import, keyword.control.export, keyword.control.default | #ffcc00 | — |
| keyword.control, keyword.control.flow, keyword.control.conditional, keyword.control.loop | #ff9800 | — |
| keyword.control.conditional.if, keyword.control.conditional.else, keyword.control.conditional.elseif, keyword.control.conditional.switch, keyword.control.conditional.case, keyword.control.conditional.default | #ff9800 | — |
| keyword.control.flow.return, keyword.control.flow.break, keyword.control.flow.continue, keyword.control.flow.throw, keyword.control.flow.yield | #ff9d02 | — |
| keyword, keyword.other | #ffcc00 | — |
| constant.other.color, punctuation.separator.inheritance.php, punctuation.section.embedded, keyword.other.template, keyword.other.substitution | #ad742e | — |
| punctuation.separator, punctuation.terminator, punctuation.accessor, punctuation.bracket, punctuation.brace, punctuation.parenthesis | #ffcc00 | — |
| source.js keyword.operator - string, source.ts keyword.operator - string, source.tsx keyword.operator - string, source.jsx keyword.operator - string, keyword.operator.assignment - string, keyword.operator.arithmetic - string, keyword.operator.comparison - string, keyword.operator.logical - string, keyword.operator.bitwise - string | #ffcc00 | — |
| storage.type.function.arrow - string, keyword.operator.arrow - string, punctuation.definition.arrow - string, meta.arrow - string, source.js keyword.operator.arrow - string, source.ts keyword.operator.arrow - string, source.tsx keyword.operator.arrow - string, source.jsx keyword.operator.arrow - string | #ffcc00 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #8de7ea | — |
| entity.name.tag.js, entity.name.tag.ts, entity.name.tag.tsx, entity.name.tag.jsx, support.class.component.js, support.class.component.ts, support.class.component.tsx, support.class.component.jsx | #8de7ea | — |
| punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.definition.tag.begin.js, punctuation.definition.tag.end.js, punctuation.definition.tag.begin.tsx, punctuation.definition.tag.end.tsx, punctuation.definition.tag.begin.jsx, punctuation.definition.tag.end.jsx | #8de7ea | — |
| keyword.control.import.js, keyword.control.import.ts, keyword.control.export.js, keyword.control.export.ts, keyword.control.default.js, keyword.control.default.ts, keyword.control.from.js, keyword.control.from.ts, keyword.control.as.js, keyword.control.as.ts | #ff9800 | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #ffb054 | — |
| meta.block variable.other | #ffffff | — |
| support.other.variable, string.other.link | #80ffbb | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other | #fc628b | — |
| constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary, constant.numeric.decimal | #fc628b | — |
| string, string keyword.operator, string punctuation.operator, string meta.embedded, 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 | #3ad900 | — |
| punctuation.definition.string.begin, punctuation.definition.string.end, punctuation.definition.string, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, string.quoted.single punctuation.definition.string, string.quoted.double punctuation.definition.string, string.template punctuation.definition.string | #3ad900 | — |
| string.template, string.quoted.template, meta.template.expression, meta.embedded.line.tag, string.template.js, string.template.ts, string.template.tsx, string.template.jsx, punctuation.definition.template-expression, punctuation.section.embedded, string.template punctuation, string.template keyword.operator, string.template meta.brace, meta.template.expression punctuation, meta.template.expression keyword.operator, meta.template.expression meta.arrow, string.template meta.arrow | #3ad900 | — |
| meta.template.expression.js, meta.template.expression.ts, meta.template.expression.tsx, meta.template.expression.jsx, meta.template.expression.js punctuation, meta.template.expression.ts punctuation, meta.template.expression.tsx punctuation, meta.template.expression.jsx punctuation, meta.template.expression.js keyword.operator.arrow, meta.template.expression.ts keyword.operator.arrow, meta.template.expression.tsx keyword.operator.arrow, meta.template.expression.jsx keyword.operator.arrow | #3ad900 | — |
| meta.property-name.css, support.type.property-name.css, meta.template.expression support.type.property-name, string.template support.type.property-name, source.css-in-js support.type.property-name | #3ad900 | — |
| meta.property-value.css, support.constant.property-value.css, string.template meta.property-value, meta.template.expression meta.property-value | #3ad900 | — |
| 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 | #ffcc00 | — |
| support.type | #ffcc00 | — |
| 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, meta.template.expression support.type.property-name.css, string.template support.type.property-name.css | #80ffbb | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #ff0066 | — |
| variable.language | #ff0066 | italic |
| entity.name.method.js | #80ffbb | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #80ffbb | — |
| entity.other.attribute-name | #ffcc00 | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #80ffbb | italic |
| entity.other.attribute-name.class | #ffcc00 | — |
| source.sass keyword.control | #80ffbb | — |
| markup.inserted | #3ad900 | — |
| markup.deleted | #ff0066 | — |
| markup.changed | #ff9800 | — |
| string.regexp | #80ffbb | — |
| constant.character.escape | #80ffbb | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #80ffbb | italic |
| keyword.operator.arrow.function, punctuation.definition.arrow.function, storage.type.function.arrow.js, storage.type.function.arrow.ts, storage.type.function.arrow.tsx, storage.type.function.arrow.jsx | #ffcc00 | — |
| source.js constant.other.object.key.js string.unquoted.label.js | #ff0066 | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #80ffbb | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #ffcc00 | — |
| 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 | #ff9800 | — |
| 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 | #ff0066 | — |
| 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 | #3ad900 | — |
| 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 | #80ffbb | — |
| 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 | #ffcc00 | — |
| 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 | #ff9800 | — |
| 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 | #ff0066 | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #ffffff | — |
| text.html.markdown markup.inline.raw.markdown | #ff9800 | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #80ffbb | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #11663b | — |
| markup.italic | #ff628c | italic |
| markup.bold, markup.bold string | #ff628c | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #ff628c | bold |
| markup.underline | #ffcc00 | underline |
| markup.quote punctuation.definition.blockquote.markdown | #80ffbb | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #80ffbb | — |
| string.other.link.description.title.markdown | #ff9800 | — |
| constant.other.reference.link.markdown | #ffcc00 | — |
| markup.raw.block | #ff9800 | — |
| punctuation.definition.fenced.markdown | #80ffbb | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #ffffff | — |
| variable.language.fenced.markdown | #80ffbb | — |
| meta.separator | #80ffbb | bold |
| markup.table | #ffffff | — |