Pencil Light Theme
Publisher: ACWeathersbyThemes in package: 1
A minimal distraction light theme
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.activeBackground#e6e6e6
- activityBar.background#e6e6e6
- activityBar.border#bbbbbb
- activityBar.dropBorder#1e1c29
- activityBar.foreground#525252
- activityBar.inactiveForeground#4e4e4e
- activityBarBadge.background#2379a4
- badge.background#b9b9b9
- badge.foreground#515151
- breadcrumb.background#e6e6e6
- breadcrumb.focusForeground#000000
- breadcrumb.foreground#525252
- breadcrumbPicker.background#e6e6e6
- button.background#525252b0
- button.hoverBackground#525252
- checkbox.background#e6e6e6
- checkbox.border#c1c1c1
- debugExceptionWidget.background#e6e6e6
- debugIcon.breakpointCurrentStackframeForeground#525252
- debugIcon.breakpointDisabledForeground#525252
- debugIcon.breakpointForeground#525252
- diffEditor.insertedTextBackground#38689062
- diffEditor.removedTextBackground#8a443363
- dropdown.background#e6e6e6
- dropdown.border#32294d53
- dropdown.foreground#525252
- editor.background#e6e6e6
- editor.findMatchBackground#f2c029
- editor.findMatchHighlightBackground#f2c02987
- editor.findMatchHighlightBorder#81818185
- editor.foreground#525252
- editor.lineHighlightBackground#0000000a
- editor.rangeHighlightBackground#f2c0292f
- editor.selectionBackground#00000015
- editor.snippetTabstopHighlightBackground#ffbb0012
- editor.wordHighlightBackground#fd000000
- editor.wordHighlightBorder#b5b5b5
- editorCursor.background#ec4343
- editorCursor.foreground#ec4343
- editorError.background#ff000012
- editorError.foreground#ff0000
- editorGroupHeader.tabsBackground#dbdbdb
- editorGutter.addedBackground#9ec26f
- editorGutter.deletedBackground#b83535
- editorGutter.modifiedBackground#8492d3
- editorHint.foreground#9c3cd4
- editorHoverWidget.background#f1f1f1
- editorHoverWidget.border#c1c1c1
- editorIndentGuide.activeBackground#7c7c7c67
- editorIndentGuide.background#b7b7b73b
- editorInfo.foreground#8e8da5
- editorInlayHint.background#aeaeae30
- editorInlayHint.foreground#969696
- editorInlayHint.parameterBackground#aeaeae2a
- editorInlayHint.parameterForeground#906aa0eb
- editorInlayHint.typeBackground#aeaeae2a
- editorInlayHint.typeForeground#906aa0eb
- editorLineNumber.activeForeground#352d4e
- editorLineNumber.foreground#a2a2a2
- editorRuler.foreground#352d4e
- editorSuggestWidget.background#e6e6e6
- editorWarning.foreground#ff590038
- editorWhitespace.foreground#52525264
- editorWidget.background#f6f6f6
- extensionButton.prominentBackground#c8c8c8
- extensionButton.prominentHoverBackground#c8c8c8
- focusBorder#8c889746
- gitDecoration.addedResourceForeground#9ec26f
- gitDecoration.deletedResourceForeground#a76969
- gitDecoration.ignoredResourceForeground#6e6880
- gitDecoration.modifiedResourceForeground#6f7aab
- gitDecoration.untrackedResourceForeground#53785d
- input.background#e6e6e6
- input.border#32294d53
- list.activeSelectionBackground#cecece
- list.activeSelectionForeground#000000
- list.dropBackground#2d2449
- list.errorForeground#e45c6e
- list.focusBackground#e6e6e6
- list.focusForeground#ff0000
- list.highlightForeground#ff0000
- list.hoverBackground#e6e6e6
- list.hoverForeground#000000
- list.inactiveSelectionBackground#cecece
- list.inactiveSelectionForeground#000000
- menu.background#e6e6e6
- menu.border#c1c1c1
- menu.foreground#525252
- menubar.selectionBackground#352d4e
- menubar.selectionBorder#c1c1c1
- minimap.errorHighlight#b83535
- panel.border#c1c1c1
- peekViewEditor.background#e6e6e6
- peekViewResult.background#e6e6e6
- peekViewTitle.background#e6e6e6
- problemsErrorIcon.foreground#525252
- scrollbarSlider.activeBackground#f2c02975
- scrollbarSlider.background#c8c8c8a1
- scrollbarSlider.hoverBackground#f2c02975
- settings.dropdownBackground#e6e6e6
- settings.dropdownBorder#32294d
- sideBar.background#e6e6e6
- sideBar.border#c1c1c1
- sideBar.foreground#525252
- sideBarSectionHeader.background#cecece
- sideBarSectionHeader.border#c1c1c1
- sideBarSectionHeader.foreground#7e7e7e
- statusBar.background#e6e6e6
- statusBar.border#c1c1c1
- statusBar.debuggingBackground#e6e6e6
- statusBar.debuggingForeground#616161
- statusBar.foreground#525252
- statusBar.noFolderBackground#ffbbbb
- statusBarItem.hoverBackground#e6e6e6
- tab.activeBackground#e6e6e6
- tab.activeForeground#0d0d0d
- tab.border#c1c1c1
- tab.hoverForeground#575757
- tab.inactiveBackground#d0d0d0
- tab.inactiveForeground#7e7e7e
- terminal.background#393939
- terminal.foreground#e6e6e6
- textLink.activeForeground#e6662f
- textLink.foreground#35799c
- titleBar.activeBackground#757575
- titleBar.activeForeground#dfdfdf
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source | #7c7c7c | — |
| constant.language.json, keyword, meta.function, meta.tag.metadata.doctype.html, variable.language.super, keyword.operator.new, storage | #7785b5 | italic |
| entity.name.label, storage.type.modifier.access.control | #7785b5 | — |
| support.constant.property-value.css, support.constant.color | #7785b5 | bold |
| entity.name.namespace, entity.name.scope-resolution, punctuation.separator.scope-resolution, support.constant.math, variable.language.special.self.python, source.shell | #7c7c7c | bold |
| variable.language, entity.name.tag.css, meta.body, meta.function-call.arguments, new.expr, variable.other, variable.parameter, entity.name.type.enum, entity.name.label, entity.other.attribute-name.html, entity.other.attribute-name, literal.key, meta.attribute.html, meta.definition.variable, meta.object-literal.key, meta.object.member, support.type.property-name.css, meta.method.declaration, constant.other.caps | #616161 | bold |
| entity.name.function.member, entity.other.attribute-name.id.css, markup.list, meta.attribute.python, meta.attribute.rust, meta.member.access, meta.object.member, support.variable.property, variable.other.constant.property, variable.other.object.property, variable.other.property, variable.other.enummember, variable.object.property, meta.definition.property | #333333 | |
| meta.function-call, meta.function.call, markup.quote.markdown | #333333 | italic |
| entity.name.module, entity.name.type.class, keyword.other.operator.overload, meta.function.definition, meta.method.declaration, meta.definition.function, meta.definition.method, meta.head.function.definition.special.operator-overload, support.type.property-name.json | #7785b5 | bold |
| cast.expr, entity.name.type, entity.other.inherited-class, fenced_code.block.language.markdown, markup.heading.markdown, meta.arguments.decltype, meta.return.type, meta.template.definition, meta.type, keyword.operator.dereference, keyword.operator.borrow, storage.type.built-in.primitive, storage.type.primitive, storage.type.template.argument, storage.modifier, support.function.builtin | #8961d5 | italic |
| meta.tag | #7c7c7c | italic |
| entity.name.tag.css | #7c7c7c | italic |
| entity.other.attribute-name.class.css | #7c7c7c | bold |
| meta.selector.css | #7c7c7c | italic |
| string, source.ignore, punctuation.definition.string, markup.underline.link.image.markdown, meta.link.inline.markdown | #599575 | italic |
| string.unquoted, markup.inline | #7c7c7c | italic |
| constant.language, constant.numeric, keyword.other.unit, meta.structure.dictionary.value.json | #748e94 | bold |
| meta.array.literal, meta.objectliteral | #7c7c7c | bold |
| comment, punctuation.definition.comment, markup.heading.setext | #9a9a9a | italic |
| constant.language.import-export-all.js, operator, storage.type.function.arrow, punctuation.definition.variable, keyword.operator | #939393 | italic bold |
| keyword.control.directive, markup, meta.arrow, meta.class, meta.method.declaration, meta.object-binding-pattern-variable.ts, punctuation, meta.brace | #939393 | |
| punctuation.accessor, punctuation.separator.key-value | #497c92 | bold |
| punctuation.definition.tag, punctuation.section.property-list | #497c92 | bold |
| punctuation.definition.template-expression | #497c92 | bold |
| meta.brace.css, punctuation.section.arguments.begin.bracket, punctuation.section.arguments.end.bracket, punctuation.section.parameters.begin.bracket, punctuation.section.parameters.end.bracket | #497c92 | italic |
| text, text.html.markdown, text.html.derivative | #7c7c7c | bold |
| markup.bold.markdown, punctuation.definition.bold.markdown | #7c7c7c | bold |
| markup.italic | #7c7c7c | italic |
| meta.image.inline.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, string.other.link.description.markdown, string.other.link.title.markdown | #7c7c7c | italic |