atomik
Publisher: NullreaderThemes in package: 1
A dark and minimal theme for Visual Studio Code
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#161a1e
- activityBar.foreground#c7c7c7
- activityBarBadge.background#4fc1ff
- activityBarBadge.foreground#000000
- breadcrumb.background#161a1e
- breadcrumb.focusForeground#c7c7c7
- breadcrumb.foreground#7a8190
- editor.background#1D252C
- editor.foreground#c7c7c7
- editor.inactiveSelectionBackground#8c8c8c74
- editor.lineHighlightBackground#ffffff08
- editor.selectionBackground#57575774
- editorBracketMatch.background#ffffff10
- editorBracketMatch.border#5EC4FF
- editorCursor.foreground#cc1351
- editorError.foreground#e35845
- editorGroup.border#00000000
- editorGroupHeader.tabsBackground#161a1e
- editorHint.foreground#56b6c2
- editorInfo.foreground#5EC4FF
- editorLineNumber.activeForeground#cc1351
- editorLineNumber.foreground#7a8190
- editorWarning.foreground#E27E8D
- editorWhitespace.foreground#ffffff10
- minimap.background#1d2328
- minimap.selectionHighlight#cc13514f
- panel.background#161a1e
- panel.border#00000000
- quickInput.background#161a1e
- quickInput.foreground#c7c7c7
- scrollbarSlider.activeBackground#ffffff30
- scrollbarSlider.background#ffffff10
- scrollbarSlider.hoverBackground#ffffff20
- sideBar.background#161a1e
- sideBar.border#00000000
- sideBar.foreground#c7c7c7
- statusBar.background#161a1e
- statusBar.border#00000000
- statusBar.debuggingBackground#161a1e
- statusBar.debuggingForeground#c7c7c7
- statusBar.foreground#c7c7c7
- statusBar.noFolderBackground#161a1e
- statusBar.noFolderForeground#c7c7c7
- tab.activeBackground#1d2328
- tab.activeForeground#c7c7c7
- tab.border#00000000
- tab.inactiveBackground#161a1e
- tab.inactiveForeground#7a8190
- terminal.background#161a1e
- terminal.foreground#c7c7c7
- titleBar.activeBackground#161a1e
- titleBar.activeForeground#c7c7c7
- titleBar.inactiveBackground#262d34
- titleBar.inactiveForeground#7a8190
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #eb2e7a | italic |
| string | #c7c7c7 | — |
| keyword | #5EC4FF | — |
| constant.numeric | #E27E8D | — |
| constant.language.boolean, constant.language.null | #56b6c2 | — |
| entity.name.function, support.function, meta.function-call | #9da5b4 | — |
| variable, variable.other.readwrite, variable.other.constant | #efbc50 | — |
| entity.name.type, entity.name.class | #5EC4FF | — |
| variable.other.property, support.type.property-name.css | #8eb0f6 | — |
| keyword.operator | #cc1351 | — |
| punctuation.separator, punctuation.terminator | #7a8190 | — |
| variable.parameter | #e6b89c | — |
| keyword.control.import, keyword.control.export, keyword.control.from | #5EC4FF | bold |
| support.class.component | #008B94 | — |
| entity.other.attribute-name.jsx | #33CED8 | — |
| support.type.property-name.json | #8eb0f6 | — |
| markup.heading.markdown | #5EC4FF | bold |
| markup.underline.link.markdown | #33CED8 | — |
| meta.property-value.css | #E27E8D | — |
| constant.numeric.hex, constant.other.color | #E27E8D | — |
| entity.name.tag.html | #8EB0F6 | bold |
| entity.other.attribute-name.html | #d2d833 | bold |
| string.quoted.double.html | #3294be | bold |
| punctuation.definition.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end | #7a8190 | — |
| constant, constant.other | #e35845 | — |
| markup.quote.markdown, string.other.link.description.markdown, punctuation.definition.list.begin.markdown, meta.separator.markdown | #d2d833 | italic |
| markup.link.markdown, markup.underline.link.image.markdown | #3294be | underline |
| markup.list.unnumbered.markdown, markup.list.numbered.markdown | #7a8190 | — |