Chronicom Theme
Publisher: Anggara SuwartanaThemes in package: 2
A cozy dark-blue/light-blue development-friendly theme
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#021f3f
- activityBar.foreground#ACD3FF
- activityBarBadge.background#D8A31A
- activityBarBadge.foreground#01142b
- badge.background#D8A31A
- badge.foreground#01142b
- banner.background#021f3f
- breadcrumb.background#001833
- button.background#5e470a
- button.border#D8A31A
- commandCenter.activeForeground#ACD3FF
- commandCenter.border#364454
- commandCenter.foreground#89acd3
- debugToolBar.background#5e470a
- debugToolBar.border#D8A31A
- dropdown.background#011022
- dropdown.border#364454
- editor.background#001833
- editor.lineHighlightBackground#010f20
- editor.lineHighlightBorder#021f3f
- editorGroupHeader.tabsBackground#021f3f
- editorGutter.background#01142b
- editorHoverWidget.background#01142b
- editorHoverWidget.border#364454
- editorRuler.foreground#ffbfbf
- editorStickyScroll.background#0018336e
- editorStickyScrollHover.background#1c2c3f
- editorWidget.background#072749
- focusBorder#4d6179
- foreground#ACD3FF
- icon.foreground#ACD3FF
- input.background#011022
- input.border#364454
- list.activeSelectionBackground#ffffff1c
- list.activeSelectionForeground#D8A31A
- list.hoverBackground#ffffff36
- list.hoverForeground#f1b41a
- list.inactiveFocusOutline#364454
- list.inactiveSelectionBackground#010f20
- list.inactiveSelectionForeground#D8A31A
- menu.background#021f3f
- menu.border#364454
- menu.foreground#ACD3FF
- menu.separatorBackground#364454
- panel.background#011022
- panelTitle.activeForeground#ACD3FF
- quickInput.background#021f3f
- settings.focusedRowBackground#0000003b
- settings.headerForeground#ACD3FF
- settings.numberInputBackground#011022
- settings.rowHoverBackground#0000001f
- settings.textInputBackground#011022
- sideBar.background#01142b
- sideBar.border#031a36
- sideBarSectionHeader.background#021f3f
- statusBar.background#5B6C93
- statusBar.debuggingBackground#B98900
- statusBar.noFolderBackground#5B6C93
- statusBarItem.remoteBackground#CE6B82
- statusBarItem.remoteForeground#e4f0ff
- tab.activeBackground#001833
- tab.activeBorderTop#D8A31A
- tab.border#364454
- tab.hoverBackground#0000003b
- tab.inactiveBackground#072749
- tab.unfocusedHoverBorder#4d3a08
- tab.unfocusedInactiveForeground#ffffff60
- titleBar.activeBackground#021f3f
- titleBar.activeForeground#ACD3FF
- widget.border#364454
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.import string.quoted | #A88540 | bold |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.default, storage.modifier | #7A63B3 | — |
| storage.modifier | — | italic bold |
| keyword, storage.type, keyword.operator.new, keyword.operator.expression.instanceof, keyword.operator.expression.typeof | #A067B8 | bold |
| keyword.operator, punctuation.terminator, punctuation.separator.comma, punctuation.accessor, constant.language.import-export-all, punctuation.decorator, punctuation.separator.key-value | #717788 | bold |
| keyword.control.trycatch, keyword.control.flow, storage.modifier.async | #CE6B82 | — |
| keyword.control.conditional | #C586C0 | — |
| variable.other, variable.other.object, source entity.name.type, source meta.class entity.other.inherited-class, source meta.type.parameters entity.name.type, source meta.parameters meta.type.annotation, source meta.class meta.method.declaration meta.return.type entity.name.type, source meta.parameters meta.type.annotation entity.name.type, source meta.field.declaration meta.type.annotation entity.name.type, support.type | #ACD3FF | — |
| variable.language | #A067B8 | bold |
| source meta.decorator meta.function-call entity.name.function, punctuation.decorator | — | underline |
| variable.object.property, variable.other.property, variable.other.constant.property, support.type.property-name | #FFEECB | — |
| entity.name.function | #D8A31A | — |
| string.quoted, meta.template.expression | #A5ABBD | bold |
| string.template | #BEA5A9 | bold |
| punctuation.definition.string | #A5ABBD | bold |
| punctuation.definition.string.template | #BEA5A9 | bold |
| support.constant, constant.language, constant.numeric, constant.other, meta.property-value | #9e9e3b | bold |
| support.type.property-name.json, punctuation.separator.dictionary.key-value.json | #cce2fc | — |
| comment | #F9F871 | italic |
| source.sql, source.sql constant.other.database-name | #5079b5 | — |
| source.sql constant.other.table-name | #6f96cd | — |
| source.sql keyword | #3463a2 | — |
| source.sql support.function, source.sql storage.type | #7A63B3 | — |
| text.html.php punctuation.section.embedded | #A88540 | — |
| source.php storage.type | #7A63B3 | — |
| source.php keyword.control | #CE6B82 | — |
| source.php meta.class.body variable.other | #CEE8E5 | — |
| source.php support.function.constructor | #A067B8 | bold |
| source.php support.function | #d8bafc | — |
| source.php support.class, source.php variable.other.global | #ACD3FF | — |
| source.php source.sql support.function, source.php source.sql storage.type | #7A63B3 | — |
| text.html.markdown | #ACD3FF | — |
| text.html.markdown markup.italic | #5F8AD2 | italic bold |
| text.html.markdown markup.bold | #5F8AD2 | bold |
| text.html.markdown markup.list markup.bold | #5F8AD2 | italic bold |
| text.html.markdown markup.heading | #A88540 | bold |
| text.html.markdown string.other.link | #FFEECB | — |
| text.html.markdown markup.underline.link | #5F8AD2 | italic bold |
| text.html.markdown markup.list | — | italic bold |
| text.html.markdown markup.fenced_code.block | #BEA5A9 | — |
| source.yaml | #CEE8E5 | — |
| source.yaml entity.name.tag | #5F8AD2 | — |
| text.html entity.name.tag, text.html punctuation.definition.tag, source.js meta.tag, source.tsx meta.tag | #416aa7 | bold |
| text.html.derivative, source.js meta.tag meta.jsx.children, source.tsx meta.tag meta.jsx.children | #BEA5A9 | bold |
| text.html entity.other.attribute-name, source.js meta.tag entity.other.attribute-name, source.tsx meta.tag entity.other.attribute-name | #1E599B | bold |
| text.html meta.attribute.class string.quoted.double | #6D98E0 | bold |
| text.html meta.attribute.id string.quoted.double | #E56DB4 | bold |
| source.css, source.css entity.other.attribute-name.class, source.sass, source.sass entity.other.attribute-name.class | #7A63B3 | bold |
| source.css variable, source.sass variable, source.css entity.other.attribute-name.placeholder, source.sass entity.other.attribute-name.placeholder | #5F8AD2 | bold |
| source.css entity.other.attribute-name.placeholder, source.sass entity.other.attribute-name.placeholder | #5da7d8 | bold |
| source.css entity.name.tag, source.sass entity.name.tag | #E56DB4 | — |
| source.css support.function, source.sass support.function | #D8A31A | — |
| source.css entity.other.attribute-name.id, source.sass entity.other.attribute-name.id | #C586C0 | — |
| source.css entity.other.attribute-name.pseudo-element, source.css meta.attribute-selector entity.other.attribute-name, source.css support.type.vendored.property-name, source.sass entity.other.attribute-name.pseudo-element, source.sass meta.attribute-selector entity.other.attribute-name, source.sass support.type.vendored.property-name | #A067B8 | bold |
| source.css support.type.property-name, source.sass support.type.property-name | #515FA9 | bold |
| source.css meta.at-rule.use string.quoted, source.sass meta.at-rule.use string.quoted | #A88540 | bold |
| source.vue text.html, source.vue entity.name.tag, source.vue punctuation.definition.tag | #00CAA5 | — |
| source.vue entity.other.attribute-name | #008A61 | bold |
| source.vue meta.attribute.directive entity.other.attribute-name | #008A61 | italic bold |
| source.vue meta.attribute.directive punctuation.attribute-shorthand.event, source.vue meta.attribute.directive punctuation.attribute-shorthand.bind | #D8A31A | italic bold |
| source.vue support.constant, source.vue constant.language, source.vue constant.numeric, source.vue constant.other | #9e9e3b | bold |