Natura
Publisher: LopaThemes in package: 1
Smokey theme, code with your eye-health in mind
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.activeBorder#CFBD91
- activityBar.background#161C1A
- activityBar.border#404A48E6
- activityBar.foreground#A083A9
- activityBar.inactiveForeground#404A48E6
- activityBarBadge.background#CFBD91
- activityBarBadge.foreground#404A48E6
- banner.background#1D2121
- banner.foreground#7f9490
- banner.iconForeground#CFBD91
- breadcrumb.activeSelectionForeground#d1b878c9
- breadcrumb.background#161C1A
- breadcrumb.focusForeground#cfbd91da
- breadcrumb.foreground#cfbd91
- breadcrumbPicker.background#161C1A
- button.background#884e4ea7
- button.foreground#ffffff7b
- button.hoverBackground#884e4e85
- checkbox.foreground#d1b8788b
- descriptionForeground#CFBD91
- dropdown.background#2D3432
- dropdown.foreground#d1b8788b
- dropdown.listBackground#2c34338b
- editor.background#161c1a
- editor.findMatchBackground#264F78
- editor.findMatchBorder#264F78
- editor.findMatchHighlightBackground#264F78
- editor.findMatchHighlightBorder#264F78
- editor.findRangeHighlightBackground#264F78
- editor.findRangeHighlightBorder#264F78
- editor.foreground#E3F0EE
- editor.snippetFinalTabstopHighlightBackground#264F78
- editor.snippetFinalTabstopHighlightBorder#264F78
- editor.snippetTabstopHighlightBackground#264F78
- editor.snippetTabstopHighlightBorder#264F78
- editor.wordHighlightBackground#264F78
- editor.wordHighlightBorder#264F78
- editor.wordHighlightStrongBackground#264F78
- editor.wordHighlightStrongBorder#264F78
- editor.wordHighlightTextBackground#264F78
- editor.wordHighlightTextBorder#264F78
- editorBracketHighlight.foreground1#D4B567
- editorBracketHighlight.foreground2#BA9F5A
- editorBracketHighlight.foreground3#A1894E
- editorBracketHighlight.foreground4#877341
- editorBracketHighlight.foreground5#6D5D35
- editorBracketHighlight.foreground6#544829
- editorBracketMatch.background#3b625577
- editorCursor.background#CFBD91
- editorCursor.foreground#CFBD91
- editorGhostText.border#404A48E6
- editorGroup.dropIntoPromptForeground#7f9490
- editorGroupHeader.border#404A48E6
- editorGroupHeader.tabsBorder#404A48E6
- editorGutter.addedBackground#82CBE8C6
- editorGutter.deletedBackground#FF6464B4
- editorGutter.foldingControlForeground#CFBD91
- editorHoverWidget.foreground#CFBD91
- editorHoverWidget.highlightForeground#24352f49
- editorHoverWidget.statusBarBackground#161c1a
- editorLightBulb.foreground#CFBD91
- editorLightBulbAutoFix.foreground#CFBD91
- editorLineNumber.activeForeground#CFBD91
- editorLineNumber.dimmedForeground#ffffff
- editorLineNumber.foreground#404A48E6
- editorStickyScroll.background#131c1991
- editorStickyScrollHover.background#24352f49
- editorSuggestWidget.border#404A48E6
- editorSuggestWidget.focusHighlightForeground#CFBD91
- editorSuggestWidget.foreground#CFBD91
- editorSuggestWidget.highlightForeground#A083A9
- editorSuggestWidget.selectedBackground#24352f49
- editorSuggestWidget.selectedIconForeground#FF6464B4
- editorWhitespace.foreground#404A48E6
- editorWidget.background#131c1991
- editorWidget.border#404A48E6
- editorWidget.foreground#CFBD91
- errorForeground#FF6464B4
- extensionIcon.starForeground#CFBD91
- focusBorder#cfbd91d0
- foreground#7f9490
- gitDecoration.addedResourceForeground#CFBD91
- gitDecoration.modifiedResourceForeground#E3F0EE
- icon.foreground#A083A9
- input.background#2c34338b
- input.border#404A48E6
- input.foreground#505F5C
- keybindingLabel.background#2c34338b
- keybindingLabel.foreground#CFBD91
- list.activeSelectionBackground#404A48E6
- list.activeSelectionForeground#CFBD91
- list.focusHighlightForeground#CFBD91
- notificationsErrorIcon.foreground#FF6464B4
- notificationsInfoIcon.foreground#82CBE8C6
- notificationsWarningIcon.foreground#CFBD91
- panel.background#1D2121
- panel.border#404A48E6
- panel.dropBorder#CFBD91
- panelInput.border#404A48E6
- panelSection.border#404A48E6
- panelSectionHeader.background#1D2121
- panelSectionHeader.foreground#CFBD91
- panelTitle.activeBorder#CFBD91
- panelTitle.activeForeground#a083a9c2
- pickerGroup.border#404A48E6
- pickerGroup.foreground#a083a9c2
- problemsErrorIcon.foreground#FF6464B4
- problemsInfoIcon.foreground#82CBE8C6
- problemsWarningIcon.foreground#CFBD91
- profileBadge.background#CFBD91
- profileBadge.foreground#404A48E6
- quickInput.foreground#CFBD91
- scrollbar.shadow#404A48E6
- selection.background#264F78
- settings.checkboxBackground#404A48E6
- settings.checkboxBorder#404A48E6
- settings.checkboxForeground#CFBD91
- settings.dropdownBackground#404a4888
- settings.dropdownBorder#404A48E6
- settings.dropdownForeground#CFBD91
- settings.dropdownListBorder#404A48E6
- settings.focusedRowBackground#161c1a00
- settings.focusedRowBorder#404A48E6
- settings.headerBorder#404A48E6
- settings.headerForeground#CFBD91
- settings.modifiedItemIndicator#7f9490
- settings.numberInputBackground#161c1a00
- settings.numberInputBorder#404A48E6
- settings.numberInputForeground#CFBD91
- settings.rowHoverBackground#161c1a00
- settings.sashBorder#404A48E6
- settings.settingsHeaderHoverForeground#CFBD91
- settings.textInputBackground#161c1a00
- settings.textInputBorder#404A48E6
- settings.textInputForeground#CFBD91
- sideBar.background#1D2121
- sideBar.border#404A48E6
- sideBar.foreground#7f9490
- sideBarSectionHeader.background#161c1a00
- sideBarSectionHeader.border#404A48E6
- sideBarSectionHeader.foreground#7f9490
- sideBarTitle.foreground#7f9490
- statusBar.background#1D2121
- statusBar.border#404A48E6
- statusBar.focusBorder#404A48E6
- statusBar.foreground#CFBD91
- statusBar.noFolderBackground#1D2121
- statusBar.noFolderBorder#404A48E6
- statusBar.noFolderForeground#CFBD91
- statusBar.offlineBackground#1D2121
- statusBar.offlineForeground#CFBD91
- statusBarItem.activeBackground#1D2121
- statusBarItem.compactHoverBackground#1D2121
- statusBarItem.errorBackground#1D2121
- statusBarItem.errorForeground#FF6464B4
- statusBarItem.focusBorder#1D2121
- statusBarItem.hoverBackground#1D2121
- statusBarItem.prominentBackground#1D2121
- statusBarItem.prominentForeground#CFBD91
- statusBarItem.prominentHoverBackground#1D2121
- statusBarItem.remoteBackground#1D2121
- statusBarItem.remoteForeground#CFBD91
- statusBarItem.warningBackground#1D2121
- statusBarItem.warningForeground#FF6464B4
- tab.activeBorderTop#cfbd91
- tab.activeForeground#7f9490
- tab.hoverForeground#cfbd91
- tab.inactiveBackground#131c196c
- tab.inactiveForeground#7f9490
- terminal.foreground#CFBD91
- textBlockQuote.background#161C1A
- textBlockQuote.border#d1b8788b
- textCodeBlock.background#131c1900
- textLink.activeForeground#a083a9c2
- textLink.foreground#A083A9
- textPreformat.foreground#d3fff8
- titleBar.activeBackground#1D2121
- titleBar.activeForeground#7F9490
- titleBar.border#404A48E6
- toolbar.hoverBackground#2c3433
- walkthrough.stepTitle.foreground#7f9490
- welcomePage.background#161c1a
- welcomePage.progress.background#CFBD91
- welcomePage.progress.foreground#CFBD91
- welcomePage.tileBackground#161c1a
- welcomePage.tileBorder#CFBD91
- welcomePage.tileHoverBackground#2c3433
- widget.border#CFBD91
- widget.shadow#404A48E6
- window.activeBorder#404A48E6
- window.inactiveBorder#CFBD91
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #404a48e6 | |
| variable, string constant.other.placeholder | #83A99F | |
| meta.definition.variable.js | #af757549 | |
| constant.other.color | #ffffff | — |
| invalid, invalid.illegal | #FF6464B4 | — |
| keyword, storage.type | #A083A9 | |
| storage.modifier.js | #82cbe8c6 | |
| storage.type.function.arrow, keyword.operator.comparison | #e8efee | |
| keyword.control, constant.other.color, meta.tag, meta.function, punctuation, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, punctuation.section.function.begin.bracket.round.css, meta.function.variable.css, meta.function.calc.css, meta.property-value.css, source.css, keyword.other.template, keyword.other.substitution | #CFBD91 | |
| punctuation.section.function.begin.bracket.round.css, punctuation.section.function.end.bracket.round.css | #d1b878 | |
| punctuation.section.property-list.begin.bracket.curly.css, punctuation.section.property-list.end.bracket.curly.css, meta.object-binding-pattern-variable.js, punctuation.definition.block.js | #cfbd91 | |
| punctuation.definition.parameters.begin.js | #a083a9 | |
| punctuation.definition.parameters.end.js | #a083a9 | |
| punctuation.definition.binding-pattern.object.js | #a083a9 | |
| meta.brace.square.js | #a083a9 | |
| meta.brace.round.js | #cfbd91 | |
| keyword.control, storage.modifier.async.js | #F07178 | |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #CFBD91 | |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #83A99F | |
| meta.object-literal.key.js | #83A99F | |
| meta.object-litera | #e8efee | |
| variable.other.readwrite.js | #CFBD91 | |
| meta.object-binding-pattern-variable.js | #AF7575D2 | |
| support.variable.property.js | #83A99F | |
| support.other.variable, string.other.link | #f07178 | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, keyword.other.unit | #e8efee | |
| keyword | #e8efee | |
| 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 | #83A99F | |
| string | #af7575d2 | |
| 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 | #cfbd91 | |
| support.type | #B2CCD6 | — |
| meta.function.variable.css support.type.property-name, 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 | #83A99F | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #FF5370 | — |
| variable.language | #A083A9 | |
| entity.name.method.js | #82AAFF | |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #82AAFF | — |
| entity.name.function.js | #CFBD91 | |
| entity.other.attribute-name | #A083A9 | |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #CFBD91 | |
| entity.other.attribute-name | #A083A9 | |
| string.quoted.double.html | #AF7575D2 | |
| storage.type.class.js, storage.type.function.js, storage.type.property.js | #F07178 | |
| text.html.php | #5b6a67e6 | |
| storage.type.function.php, storage.type.class.php, storage.modifier.php | #F07178 | |
| variable.other.php | #A083A9 | |
| keyword.operator.logical.js | #CFBD91 | |
| text.html.derivative | #5B6A67E6 | |
| new.expr.js | #83A99F | |
| keyword.operator.combinator.css | #CFBD91 | — |
| entity.other.attribute-name.pseudo-class.css, entity.name.tag.custom.css | #83A99F | — |
| meta.selector.css, keyword.operator.combinator.css | #A083A9 | — |
| source.sass keyword.control | #82AAFF | |
| variable.parameter.url.css | #AF7575D2 | |
| source.python | #83A99F | |
| meta.function-call.arguments.python | #E8EFEE | |
| meta.function-call.generic.python | #CFBD91 | |
| entity.other.attribute-name.js | #83A99F | |
| constant.other.placeholder.c | #CFBD91 | |
| markup.inserted | #C3E88D | — |
| markup.deleted | #FF5370 | — |
| markup.changed | #C792EA | — |
| string.regexp | #89DDFF | — |
| constant.character.escape | #89DDFF | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #82AAFF | |
| source.js constant.other.object.key.js string.unquoted.label.js | #FF5370 | |
| source.json meta.structure.dictionary.json support.type.property-name.json | #A083A9 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #83A99F | — |
| 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 | #A083A9 | — |
| 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 | #FF5370 | — |
| 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 | #C17E70 | — |
| 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 | #82AAFF | — |
| 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 | #f07178 | — |
| 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 | #A083A9 | — |
| 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 | #C3E88D | — |
| storage.modifier.java, keyword.other.import.java, invalid.illegal | #f07178 | |
| punctuation.section.class.end.bracket.curl, storage.modifier.import.java | #CFBD91 | |
| storage.modifier.extends.java, source.java, meta.method.body.java | #E8EFEE | |
| storage.type.generic.java | #83A99F | |
| source.c | #CFBD91 | |
| meta.body.class.cpp, keyword.other.using.directive.cpp | #CFBD91 | |
| storage.type.namespace.directive.cpp, string.quoted.other.lt-gt.include.c | #A083A9 | |
| entity.name.namespace.cpp | #83A99F | |
| storage.type.class.cpp | #F07178 | |
| source.cpp | #E3F0EE | |
| meta.paragraph.markdown | #CFBD91 | |
| text.html.markdown | #83A99F | |
| markup.raw.block.markdown | #5B6A67E6 | |
| markup.list.unnumbered.markdown | #E8EFEE | |
| punctuation.definition.list_item.markdown | #E8EFEE | — |
| text.html.markdown markup.inline.raw.markdown | #C792EA | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #65737E | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #C3E88D | — |
| markup.italic | #f07178 | |
| markup.bold, markup.bold string | #f07178 | 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 | #f07178 | bold |
| markup.underline | #AF7575D2 | underline |
| markup.quote punctuation.definition.blockquote.markdown | #65737E | — |
| markup.quote | — | |
| string.other.link.title.markdown, string.other.link.description.markdown | #82CBE8C6 | — |
| string.other.link.description.title.markdown | #83A99F | — |
| constant.other.reference.link.markdown | #82CBE8C6 | — |
| markup.raw.block | #A083A9 | — |
| markup.raw.block.fenced.markdown | #00000050 | — |
| punctuation.definition.fenced.markdown | #00000050 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown | #EEFFFF | — |
| variable.language.fenced.markdown | #65737E | — |
| meta.separator | #5B6A67E6 | bold |
| storage.modifier.c | #FF6464B4 | |
| meta.block.c | #83A99F | |
| keyword.control.switch | #83A99F | |
| keyword.control.case, eyword.control.default | #CFBD91 | |
| storage.modifier.array.bracket.square.c | #CFBD91 | |
| constant.character.escape | #CFBD91 | |
| meta.conditional.switch | #CFBD91 | |
| meta.block.switch | #CFBD91 | |
| variable.parameter.r | #CFBD91 | |
| variable.other.r | #A083A9 | |
| keyword.other.create.sql | #FF6464B4 | |
| source.sql | #83A99F | |
| keyword.other.sql, keyword.other.DDL.create.II.sql, keyword.other.table.sql, keyword.other.DML.sql, keyword.other.DML.II.sql | #CFBD91 | |
| keyword.other.alias.sql | #A083A9 | |
| markup.table | #EEFFFF | — |