Atomic-Dark Theme
Publisher: thekodekingThemes in package: 6
Elegant dark themes with vivid syntax for the night owls!
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#0c0e11ff
- activityBar.border#1b1e25ff
- activityBar.foreground#d6d6d6ff
- activityBar.inactiveForeground#a0a0a0ff
- button.background#3b414eff
- button.foreground#d6d6d6ff
- dropdown.background#130f0cff
- dropdown.border#1b1e25ff
- editor.background#0f1115ff
- editor.foreground#d6d6d6ff
- editor.lineHighlightBackground#2a2f38bf
- editor.selectionBackground#ffc66d66
- editorCursor.foreground#ffc66dff
- editorGroup.border#1b1e25ff
- editorGroupHeader.noTabsBackground#0f1115ff
- editorGroupHeader.tabsBackground#0c0e11ff
- editorGroupHeader.tabsBorder#1b1e25ff
- editorGutter.background#0f1115ff
- editorLineNumber.activeForeground#d6d6d6ff
- editorLineNumber.foreground#898989ff
- editorWidget.background#181411ff
- editorWidget.border#1b1e25ff
- focusBorder#26406bff
- input.background#130f0cff
- input.border#1b1e25ff
- input.foreground#d6d6d6ff
- list.activeSelectionBackground#3b414eff
- list.activeSelectionForeground#d6d6d6ff
- list.focusBackground#232933ff
- list.hoverBackground#232933ff
- list.hoverForeground#d6d6d6ff
- list.inactiveSelectionBackground#232933ff
- menu.background#181411ff
- menu.border#1b1e25ff
- menu.foreground#d6d6d6ff
- menu.separatorBackground#1b1e25ff
- panel.background#0f1115ff
- panel.border#1b1e25ff
- panelTitle.activeForeground#d6d6d6ff
- panelTitle.inactiveForeground#a0a0a0ff
- quickInput.background#181411ff
- quickInput.border#1b1e25ff
- quickInput.foreground#d6d6d6ff
- quickInputList.focusBackground#3b414eff
- quickInputList.focusForeground#d6d6d6ff
- quickInputTitle.background#130f0cff
- scrollbarSlider.background#7173784c
- scrollbarSlider.hoverBackground#2b3038ff
- sideBar.background#0f1115ff
- sideBar.border#1b1e25ff
- sideBarSectionHeader.background#0f1115ff
- sideBarSectionHeader.border#1b1e25ff
- sideBarSectionHeader.foreground#a0a0a0ff
- sideBarTitle.foreground#d6d6d6ff
- statusBar.background#0f1115ff
- statusBar.border#1b1e25ff
- statusBar.debuggingForeground#a0a0a0ff
- statusBar.foreground#d6d6d6ff
- tab.activeBackground#0f1115ff
- tab.activeBorder#26406bff
- tab.activeForeground#d6d6d6ff
- tab.border#1b1e25ff
- tab.inactiveBackground#0f1115ff
- tab.inactiveForeground#a0a0a0ff
- terminal.ansiBlack#656565
- terminal.ansiBlue#6c99bb
- terminal.ansiBrightBlack#898989
- terminal.ansiBrightBlue#88b5d5
- terminal.ansiBrightCyan#88b5d5
- terminal.ansiBrightGreen#c8dd88
- terminal.ansiBrightMagenta#c08098
- terminal.ansiBrightRed#ee9a82
- terminal.ansiBrightWhite#e0e0ff
- terminal.ansiBrightYellow#f5bc80
- terminal.ansiCyan#6c99bb
- terminal.ansiGreen#b4c973
- terminal.ansiMagenta#a1617a
- terminal.ansiRed#c45837
- terminal.ansiWhite#d0d0ff
- terminal.ansiYellow#e5a05e
- terminal.background#0f1115ff
- terminal.foreground#d6d6d6ff
- titleBar.activeBackground#0f1115ff
- titleBar.activeForeground#d6d6d6ff
- titleBar.border#1b1e25ff
- titleBar.inactiveBackground#0c0e11ff
- titleBar.inactiveForeground#a0a0a0ff
- window.activeBorder#1b1e25ff
- window.inactiveBorder#1b1e25ff
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #d6d6d6ff | — |
| comment, punctuation.definition.comment | #898989ff | — |
| comment.block.documentation | #999999ff | — |
| keyword, storage.type, storage.modifier, keyword.control | #e5a05eff | — |
| string, punctuation.definition.string | #b4c973ff | — |
| constant.character.escape | #a1617aff | — |
| string.regexp | #b4c973ff | — |
| string.special, constant.other.placeholder | #b4c973ff | — |
| constant, support.constant, variable.language | #6d9cbeff | — |
| constant.numeric | #b4c973ff | — |
| constant.language.boolean | #e5a05eff | — |
| variable, meta.definition.variable | #d0d0ffff | — |
| variable.language.this, variable.language.self, variable.predefined | #e5a05eff | — |
| entity.name.function, support.function, meta.function-call | #ffc66dff | — |
| entity.name.function.constructor, meta.constructor | #6c99bbff | — |
| entity.name.type, support.type, support.class, storage.type | #6c99bbff | — |
| variable.other.property, meta.object-literal.key, support.type.property-name | #ee9a82ff | — |
| entity.name.tag, meta.tag.sgml | #e8bf6aff | — |
| entity.other.attribute-name | #e5a05eff | — |
| keyword.operator | #e5a05eff | — |
| punctuation | #b0b0b0ff | — |
| meta.brace, punctuation.section, punctuation.separator, punctuation.terminator | #a0a0a0ff | — |
| meta.preprocessor, keyword.control.directive | #d6d6d6ff | — |