Ven Atomize
Publisher: Ven AtomizeThemes in package: 1
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#21252B
- activityBar.border#181A1F
- activityBar.dropBorder#D6D9DF
- activityBar.foreground#D6D9DF
- activityBarBadge.background#4D78CC
- activityBarBadge.foreground#FFFFFF
- badge.background#4D78CC
- badge.foreground#FFFFFF
- button.background#4D78CC
- button.foreground#FFFFFF
- button.hoverBackground#6187D2
- debugExceptionWidget.background#252830
- debugExceptionWidget.border#181A1F
- diffEditor.insertedTextBackground#43D08A22
- diffEditor.removedTextBackground#FF634722
- dropdown.background#1E2127
- dropdown.border#181A1F
- dropdown.foreground#D7DAE0
- dropdown.listBackground#1E2127
- editor.background#282C34
- editor.findMatchBackground#314166
- editor.findMatchBorder#518FFF
- editor.findMatchHighlightBackground#518FFF36
- editor.findMatchHighlightBorder#FFFFFF00
- editor.findRangeHighlightBackground#518FFF36
- editor.findRangeHighlightBorder#FFFFFF00
- editor.foreground#ABB2BF
- editor.hoverHighlightBackground#3A3F4BA6
- editor.inactiveSelectionBackground#3E4452
- editor.lineHighlightBackground#99BBFF0A
- editor.lineHighlightBorder#FFFFFF00
- editor.rangeHighlightBackground#FFFFFF00
- editor.selectionBackground#4B5365A6
- editor.selectionHighlightBackground#4B5365A6
- editor.wordHighlightBackground#3E4452
- editor.wordHighlightStrongBackground#518FFF36
- editorBracketHighlight.foreground1#ABB2BF
- editorBracketHighlight.foreground2#B556BD
- editorBracketHighlight.foreground3#4082DD
- editorBracketHighlight.foreground4#739E61
- editorBracketHighlight.foreground5#BE5046
- editorBracketHighlight.foreground6#C6A753
- editorBracketHighlight.unexpectedBracket.foreground#FF6347
- editorBracketMatch.background#282C34
- editorBracketMatch.border#518FFF
- editorCodeLens.foreground#9DA5B4
- editorCursor.foreground#528BFF
- editorError.foreground#FF6347
- editorGroup.border#181A1F
- editorGroup.dropBackground#4B4B4B4D
- editorGroup.emptyBackground#282C34
- editorGroupHeader.noTabsBackground#21252B
- editorGroupHeader.tabsBackground#21252B
- editorGroupHeader.tabsBorder#181A1F
- editorGutter.addedBackground#43D08A
- editorGutter.deletedBackground#FF6347
- editorGutter.modifiedBackground#E0C285
- editorHoverWidget.background#252830
- editorHoverWidget.border#181A1F
- editorIndentGuide.activeBackground#333840
- editorIndentGuide.background#333840
- editorLineNumber.activeForeground#777D88
- editorLineNumber.foreground#4B5365
- editorMarkerNavigation.background#21252B
- editorMarkerNavigationError.background#FF6347
- editorOverviewRuler.addedForeground#43D08A88
- editorOverviewRuler.border#FFFFFF00
- editorOverviewRuler.bracketMatchForeground#FFFFFF00
- editorOverviewRuler.deletedForeground#FF634788
- editorOverviewRuler.errorForeground#FF6347
- editorOverviewRuler.findMatchForeground#6B727E
- editorOverviewRuler.infoForeground#FFFFFF00
- editorOverviewRuler.modifiedForeground#E0C28588
- editorOverviewRuler.rangeHighlightForeground#FFFFFF00
- editorOverviewRuler.selectionHighlightForeground#6B727E
- editorOverviewRuler.warningForeground#E0C285
- editorOverviewRuler.wordHighlightForeground#FFFFFF00
- editorOverviewRuler.wordHighlightStrongForeground#FFFFFF00
- editorRuler.foreground#383D45
- editorSuggestWidget.background#252830
- editorSuggestWidget.border#181A1F
- editorSuggestWidget.foreground#9DA5B4
- editorSuggestWidget.highlightForeground#D8D9DB
- editorSuggestWidget.selectedBackground#3A3F4B
- editorWarning.foreground#E0C285
- editorWhitespace.foreground#3C4047
- editorWidget.background#21252B
- editorWidget.border#373D48
- errorForeground#FF6347
- extensionButton.prominentBackground#4D78CC
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#6187D2
- focusBorder#5387F5
- foreground#ABB2BF
- gitDecoration.addedResourceForeground#43D08A
- gitDecoration.deletedResourceForeground#FF6347
- gitDecoration.ignoredResourceForeground#9DA5B499
- gitDecoration.modifiedResourceForeground#E0C285
- gitlens.trailingLineForegroundColor#5C6370
- input.background#1B1D23BF
- input.border#181A1F
- input.foreground#D7DAE0
- input.placeholderForeground#6B727E
- inputOption.activeBorder#5387F5
- inputValidation.errorBackground#312426
- inputValidation.errorBorder#FF6347
- inputValidation.errorForeground#D7DAE0
- inputValidation.infoBackground#21252B
- inputValidation.infoBorder#5387F5
- inputValidation.infoForeground#D7DAE0
- inputValidation.warningBackground#21252B
- inputValidation.warningBorder#E0C285
- inputValidation.warningForeground#D7DAE0
- list.activeSelectionBackground#4D78CC
- list.activeSelectionForeground#FFFFFF
- list.dropBackground#2F333D
- list.errorForeground#FF6347
- list.focusBackground#3A3F4B
- list.focusForeground#D7DAE0
- list.highlightForeground#739CF5
- list.hoverBackground#2F333D
- list.hoverForeground#9DA5B4
- list.inactiveSelectionBackground#3A3F4B
- list.inactiveSelectionForeground#D7DAE0
- listFilterWidget.background#282C34
- listFilterWidget.noMatchesOutline#FF6347
- listFilterWidget.outline#181A1F
- notificationCenter.border#181A1F
- notificationCenterHeader.background#21252B
- notificationCenterHeader.foreground#D7DAE0
- notifications.background#21252B
- notifications.border#181A1F
- notificationToast.border#181A1F
- panel.background#21252B
- panel.border#181A1F
- panel.dropBorder#4B4B4B4D
- panelTitle.activeBorder#5387F5
- panelTitle.activeForeground#D7DAE0
- panelTitle.inactiveForeground#6B727E
- peekView.border#181A1F
- peekViewEditor.background#282C34
- peekViewEditor.matchHighlightBackground#518FFF36
- peekViewEditorGutter.background#282C34
- peekViewResult.background#21252B
- peekViewResult.fileForeground#BDC0C7
- peekViewResult.lineForeground#BDC0C7
- peekViewResult.matchHighlightBackground#41537C
- peekViewResult.selectionBackground#4D78CC
- peekViewResult.selectionForeground#FFFFFF
- peekViewTitle.background#21252B
- peekViewTitleDescription.foreground#A0A8B9
- peekViewTitleLabel.foreground#D7DAE0
- pickerGroup.border#3B4048
- pickerGroup.foreground#9DA5B4
- progressBar.background#4D78CC
- quickInputList.focusBackground#3A3F4B
- scrollbar.shadow#FFFFFF00
- scrollbarSlider.activeBackground#4C5366
- scrollbarSlider.background#4C536688
- scrollbarSlider.hoverBackground#4C536688
- selection.background#9DA5B4
- settings.checkboxBackground#1E2127
- settings.checkboxBorder#181A1F
- settings.dropdownBackground#1E2127
- settings.dropdownBorder#181A1F
- settings.dropdownForeground#D7DAE0
- settings.headerForeground#D7DAE0
- settings.modifiedItemIndicator#E0C285
- settings.numberInputBackground#1E2127
- settings.numberInputBorder#181A1F
- settings.numberInputForeground#D7DAE0
- settings.textInputBackground#1E2127
- settings.textInputBorder#181A1F
- settings.textInputForeground#D7DAE0
- sideBar.background#21252B
- sideBar.border#181A1F
- sideBar.foreground#9DA5B4
- sideBarSectionHeader.background#333842
- sideBarSectionHeader.foreground#D7DAE0
- sideBarTitle.foreground#D7DAE0
- statusBar.background#21252B
- statusBar.border#181A1F
- statusBar.debuggingBackground#FF634788
- statusBar.debuggingBorder#181A1F
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#9DA5B4
- statusBar.noFolderBackground#21252B
- statusBar.noFolderBorder#181A1F
- statusBar.noFolderForeground#9DA5B4
- statusBarItem.activeBackground#2F333D
- statusBarItem.hoverBackground#2F333D
- statusBarItem.prominentBackground#21252B
- statusBarItem.prominentHoverBackground#2F333D
- statusBarItem.remoteBackground#21252B
- statusBarItem.remoteForeground#9DA5B4
- tab.activeBackground#282C34
- tab.activeBorder#282C34
- tab.activeForeground#D7DAE0
- tab.border#181A1F
- tab.inactiveBackground#21252B
- tab.inactiveForeground#6B727E
- tab.unfocusedActiveBorder#282C34
- tab.unfocusedActiveForeground#D7DAE0
- tab.unfocusedInactiveForeground#6B727E
- textBlockQuote.background#3A3F4BA6
- textBlockQuote.border#6B727E
- textCodeBlock.background#32373F
- textLink.activeForeground#769FEF
- textLink.foreground#6494ED
- textPreformat.foreground#D7DAE0
- titleBar.activeBackground#21252B
- titleBar.activeForeground#D7DAE0
- titleBar.border#181A1F
- titleBar.inactiveBackground#21252B
- titleBar.inactiveForeground#696F7A
- widget.shadow#181A1FFF
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5C6370 | italic |
| keyword, storage, variable.language.super, variable.language.this, variable.language.special | #ff0000 | — |
| string, punctuation.definition.string | #91f748 | — |
| constant, keyword.other.unit, variable.other.constant, variable.other.enummember | #f4a81c | — |
| entity.name.function, support.function, punctuation.definition.decorator, punctuation.decorator, meta.function-call.generic | #269bfc | — |
| entity.name.type, entity.other.inherited-class, support.class | #d455f7 | — |
| meta.type.annotation, meta.type.parameters, support.type.primitive, support.type.builtin, support.type.exception | #f4a81c | — |
| punctuation.accessor, keyword.operator.logical, keyword.operator.comparison, keyword.operator.increment, keyword.operator.decrement, keyword.operator.assignment, keyword.operator.relational, keyword.operator.ternary, keyword.operator.arithmetic, keyword.operator.rest, keyword.operator.spread, keyword.operator.type, keyword.operator.optional, keyword.operator.combinator, keyword.operator.pattern, keyword.operator.or, keyword.operator.quantifier, keyword.operator.bitwise | #00daf7 | — |
| punctuation, keyword.operator.type.annotation, meta.brace | #ABB2BF | — |
| variable, entity.name, support.variable | #fd8181 | — |
| meta.object-literal.key | #ff2583 | — |
| punctuation.definition.directive.cpp, keyword.other.using.directive.cpp | #c106fa | — |
| entity.name.scope-resolution.parameter.cpp, entity.name.scope-resolution.cpp, entity.name.scope-resolution.function.call.cpp, entity.name.scope-resolution.template.call.cpp, entity.name.scope-resolution.function.definition.cpp | #f4a81c | — |
| punctuation.definition.keyword.css, punctuation.definition.keyword.scss, keyword.operator.logical.and.media.css, keyword.operator.logical.and.media.scss, keyword.operator.logical.scss | #c106fa | — |
| support.constant.property-value.css, support.constant.vendored.property-value.css, support.constant.color.w3c-standard-color-name.css, support.constant.font-name.css, punctuation.definition.constant.css, entity.other.attribute-name.css, entity.other.attribute-name.attribute.scss | #f4a81c | — |
| keyword.operator.css, keyword.operator.scss | #00daf7 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #ff0015 | — |
| entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class.css | #f4a81c | — |
| meta.property-value.css | #ff0015 | — |
| support.type.map.key.scss, entity.other.keyframe-offset.css, meta.property-name.css, entity.other.attribute-name.scss, support.type.property-name.media.css | #61e900 | — |
| meta.attribute-selector.scss | #61e900 | — |
| variable.parameter.url.css, variable.parameter.url.scss | #ABB2BF | — |
| punctuation.whitespace.comment | #5C6370 | italic |
| support.type.graphql, support.type.location.graphql, support.type.enum.graphql, entity.scalar.graphql | #f4a81c | — |
| punctuation.or.graphql, keyword.operator.nulltype.graphql, punctuation.assignment.graphql | #00daf7 | — |
| entity.other.attribute-name.html, entity.other.attribute-name.localname.xml, entity.other.attribute-name.namespace.xml | #f4a81c | italic |
| entity.other.attribute-name.js, entity.other.attribute-name.tsx | #f4a81c | italic |
| support.constant.json.js, support.constant.json.jsx, support.constant.json.ts, support.constant.json.tsx, support.constant.math.js, support.constant.math.jsx, support.constant.math.ts, support.constant.math.tsx | #f4a81c | — |
| support.type.object.module.js, support.type.object.module.jsx, support.type.object.module.ts, support.type.object.module.tsx | #00daf7 | — |
| punctuation.section.embedded.begin.js, punctuation.section.embedded.begin.tsx, punctuation.section.embedded.end.js, punctuation.section.embedded.end.tsx | #ff6d60 | — |
| variable.other.constant.js, variable.other.constant.jsx, variable.other.constant.ts, variable.other.constant.tsx | #ff8800 | — |
| string.json, punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json | #ff0015 | — |
| punctuation.definition.heading.markdown | #ff0015 | — |
| markup.italic.markdown, punctuation.definition.italic.markdown | #c106fa | italic |
| markup.bold.markdown, punctuation.definition.bold.markdown | #f4a81c | bold |
| punctuation.definition.raw.markdown, markup.inline.raw.string.markdown, punctuation.definition.markdown, fenced_code.block.language.markdown | #61e900 | — |
| punctuation.definition.list.begin.markdown | #ff0015 | — |
| markup.quote.markdown, punctuation.definition.quote.begin.markdown | — | italic |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #00daf7 | — |
| fenced_code.block.language.markdown | — | italic |
| keyword.operator.python, keyword.operator.unpacking.arguments.python, punctuation.separator.period.python | #00daf7 | — |
| keyword.operator.logical.python | #c106fa | — |
| support.type.python | #f4a81c | — |
| source.python | #ff8800 | — |
| punctuation.definition.arguments.begin.python | #ABB2BF | — |
| entity.name.function.python | #269bfc | — |
| entity.name.function.decorator.python | #269bfc | — |
| entity.name.type.class.python | #d455f7 | — |
| string.quoted.single.python | #91f748 | — |
| variable.other.readwrite.instance.python | #ff0000 | — |
| variable.other.constant.python | #f41c9a | — |
| support.type.builtin.python | #00daf7 | — |
| constant.other.table-name.sql, constant.other.database-name.sql | #ABB2BF | — |
| keyword.operator.math.sql, keyword.operator.star.sql | #00daf7 | — |
| keyword.key.toml, entity.other.attribute-name.table.toml, entity.other.attribute-name.table.array.toml | #ff0015 | — |
| keyword.control.flow.block-scalar.folded.yaml, keyword.control.flow.block-scalar.literal.yaml, storage.modifier.chomping-indicator.yaml | #00daf7 | — |