na2co3 Light Theme
Publisher: na2co3Themes in package: 1
Light color theme inspired by Chrome DevTools and others
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.
- diffEditor.insertedLineBackground#80cc8050
- diffEditor.insertedTextBackground#80cc80a0
- diffEditor.removedLineBackground#ff908050
- diffEditor.removedTextBackground#ff9080a0
- diffEditorGutter.insertedLineBackground#80cc8050
- diffEditorGutter.removedLineBackground#ff908050
- editor.background#f4f4f4
- editor.findMatchBackground#ffff00
- editor.findMatchHighlightBackground#ffaa0080
- editor.foreground#222222
- editor.lineHighlightBackground#deebf5
- editor.linkedEditingBackground#0080ff28
- editor.rangeHighlightBackground#ffff0040
- editor.selectionBackground#44aaff40
- editor.selectionHighlightBackground#00000000
- editor.selectionHighlightBorder#44aaff80
- editor.wordHighlightBackground#00000018
- editor.wordHighlightStrongBackground#ff00ff18
- editor.wordHighlightTextBackground#00000018
- editorBracketMatch.background#00000000
- editorBracketMatch.border#0080ffcc
- editorGroup.border#aaaaaa
- editorGroup.emptyBackground#d0d0d0
- editorGroupHeader.tabsBackground#d0d0d0
- editorGroupHeader.tabsBorder#cccccc
- editorGutter.addedBackground#60bb60
- editorGutter.addedSecondaryBackground#aaddaa
- editorGutter.deletedBackground#ff7060
- editorGutter.deletedSecondaryBackground#ffaa99
- editorGutter.modifiedBackground#6070ff
- editorGutter.modifiedSecondaryBackground#aabbff
- editorHoverWidget.border#cccccc
- editorIndentGuide.activeBackground1#00000040
- editorIndentGuide.background1#00000020
- editorInlayHint.background#80808030
- editorInlayHint.foreground#606060
- editorLineNumber.activeForeground#222222
- editorLineNumber.foreground#777777
- editorOverviewRuler.addedForeground#aaddaa
- editorOverviewRuler.bracketMatchForeground#0080ff40
- editorOverviewRuler.deletedForeground#ffbbaa
- editorOverviewRuler.findMatchForeground#ffaa00A0
- editorOverviewRuler.modifiedForeground#aabbff
- editorOverviewRuler.wordHighlightForeground#00000040
- editorOverviewRuler.wordHighlightStrongForeground#ff00ff40
- editorOverviewRuler.wordHighlightTextForeground#00000040
- editorSuggestWidget.border#cccccc
- editorWhitespace.foreground#00000030
- editorWidget.border#f4f4f4
- editorWidget.resizeBorder#bbbbbb
- gitDecoration.addedResourceForeground#208000
- gitDecoration.conflictingResourceForeground#ff2000
- gitDecoration.deletedResourceForeground#c00000
- gitDecoration.modifiedResourceForeground#0040ff
- gitDecoration.renamedResourceForeground#8000a0
- gitDecoration.stageDeletedResourceForeground#c00000
- gitDecoration.stageModifiedResourceForeground#0040ff
- gitDecoration.untrackedResourceForeground#208000
- input.foreground#222222
- input.placeholderForeground#999999
- list.inactiveSelectionBackground#0080ff20
- menu.border#d4d4d4
- mergeEditor.conflict.input2.background#ff000080
- panel.background#ffffff
- panel.border#aaaaaa
- panelTitle.border#cccccc
- settings.numberInputBorder#cecece
- settings.textInputBorder#cecece
- sideBar.background#e4e4e4
- sideBar.border#aaaaaa
- sideBar.foreground#222222
- sideBarActivityBarTop.border#aaaaaa
- sideBarSectionHeader.border#bbbbbb
- statusBarItem.remoteBackground#16825d
- statusBarItem.remoteForeground#ffffff
- tab.activeBackground#ffffff
- tab.activeBorder#ffffff
- tab.activeForeground#222222
- tab.border#cccccc
- tab.inactiveBackground#e4e4e4
- tab.inactiveForeground#222222
- tab.lastPinnedBorder#cccccc
- tab.unfocusedActiveBorder#ffffff
- tab.unfocusedActiveForeground#888888
- tab.unfocusedInactiveForeground#888888
- toolbar.hoverBackground#00000014
- widget.border#cccccc
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #229900 | — |
| keyword.control, storage | #8800ff | |
| keyword, support, variable.language | #006666 | — |
| constant.numeric | #0000cc | — |
| constant.language | #0066cc | — |
| string | #cc0000 | |
| keyword.operator | #886600 | — |
| storage.type.annotation, punctuation.definition.annotation, punctuation.definition.decorator, punctuation.decorator, entity.name.function.decorator, support.other.attribute, storage.modifier.attribute | #808000 | — |
| constant.character, string punctuation.definition.template-expression, string punctuation.definition.interpolation, punctuation.section.embedded | — | bold |
| invalid | #ff0000 | — |
| string.quoted.double.php variable.other.php, string.unquoted.heredoc.php variable.other.php | #0066ff | |
| string.regexp, constant.regexp | #cc5500 | — |
| variable.language.llvm | #222222 | — |
| meta.embedded, meta.interpolation, source.groovy.embedded, string meta.image.inline.markdown | #222222 | — |
| text.html meta.tag, text.xml meta.tag, entity.name.tag, punctuation.definition.tag | #bb0099 | — |
| entity.other.attribute-name | #aa6600 | — |
| entity.other.attribute-name.id.css, source.css.less entity.other.attribute-name.id | #aa6600 | bold |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #ee5500 | — |
| support.type.property-name.css, support.type.property-name.media.css, support.type.vendored.property-name.css | #990000 | — |
| constant.other.color.rgb-value, constant.other.rgb-value | #0000cc | — |
| keyword.other.important.css, keyword.other.important.scss | #006666 | bold |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #bb0099 | |
| source.cs keyword.other, keyword.declaration.dart, keyword.local.lua, keyword.other.rust, keyword.other.fn.rust | #8800ff | — |
| source.cs keyword.other, keyword.declaration.dart, keyword.local.lua, keyword.other.rust, keyword.other.fn.rust, source.sql keyword.other, source.swift keyword.other | #8800ff | — |
| storage.modifier.import.java, storage.modifier.package.java | #222222 | — |
| source.java storage.type | #006666 | — |
| markup.bold, markup.bold string.other.link.title.markdown | #0000aa | bold |
| markup.italic, markup.italic string.other.link.title.markdown | #0000aa | italic |
| markup.strikethrough, markup.strikethrough string.other.link.title.markdown | — | strikethrough |
| markup.heading, markup.heading string.other.link.title.markdown | #ff0088 | bold |
| punctuation.definition.list.begin.markdown | #0066cc | — |
| markup.quote, markup.quote string.other.link.title.markdown | #000088 | — |
| markup.inline.raw, markup.fenced_code | #cc0000 | — |
| markup.raw.block | #006000 | — |
| meta.link.inline.markdown, meta.link.reference.markdown, meta.link.reference.def.markdown, markup.underline.link, meta.image.inline.markdown | #0000ff | — |
| string.other.link.title.markdown | #222222 | — |
| markup.underline | — | underline |
| meta.separator | #000044 | bold |
| meta.diff.header | #8800ff | — |
| meta.diff.range | #886600 | — |
| markup.deleted | #dd0000 | — |
| markup.inserted | #009900 | — |
| markup.changed | #0000cc | — |