Lightsky Theme
Publisher: l5d.liThemes in package: 1
A very clean VS Code 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.background#fefdfd
- activityBar.border#d6d5d5
- activityBar.foreground#111
- activityBar.inactiveForeground#c1c0c0
- activityBarBadge.background#dfdede
- activityBarBadge.foreground#111
- badge.background#111
- badge.foreground#fff
- breadcrumb.activeSelectionForeground#111
- breadcrumb.focusForeground#111
- breadcrumb.foreground#777
- button.background#e9e7e7
- button.border#c9c7c7
- button.foreground#111
- diffEditor.insertedLineBackground#dbebdd
- diffEditor.insertedTextBackground#c4d7c6
- diffEditor.removedLineBackground#f9aaaa
- diffEditor.removedTextBackground#dc8282
- editor.background#fefdfd
- editor.foreground#111
- editor.hoverHighlightBackground#dfdede
- editor.lineHighlightBackground#00000000
- editor.lineHighlightBorder#dfdede
- editor.rangeHighlightBackground#dfdede
- editor.selectionHighlightBackground#dfdede
- editor.symbolHighlightBackground#dfdede
- editorCursor.foreground#111
- editorGutter.addedBackground#75c987
- editorGutter.deletedBackground#c66b6b
- editorGutter.modifiedBackground#2972c4
- editorInlayHint.background#ececec
- editorInlayHint.foreground#777
- editorLineNumber.activeForeground#111
- editorLineNumber.foreground#777
- editorSuggestWidget.focusHighlightForeground#111
- editorSuggestWidget.foreground#777
- editorSuggestWidget.highlightForeground#111
- editorSuggestWidget.selectedBackground#dfdede
- editorSuggestWidget.selectedForeground#111
- editorWarning.foreground#c9a88b
- editorWidget.background#fefdfd
- editorWidget.border#dfdede
- editorWidget.foreground#111
- focusBorder#111
- gitDecoration.deletedResourceForeground#c66b6b
- gitDecoration.modifiedResourceForeground#2972c4
- gitDecoration.untrackedResourceForeground#23a03e
- input.background#fefdfd
- input.border#c9c7c7
- input.foreground#111
- input.placeholderForeground#777
- inputOption.activeBackground#111
- inputOption.activeBorder#00000000
- inputOption.activeForeground#fff
- list.activeSelectionBackground#dfdede
- list.errorForeground#b01717
- list.hoverBackground#dfdede
- list.inactiveSelectionBackground#dfdede
- list.warningForeground#ba6c4d
- quickInput.background#fefdfd
- quickInput.foreground#111
- quickInputList.focusBackground#dfdede
- quickInputList.focusForeground#111
- quickInputList.focusIconForeground#111
- sideBar.background#fefdfd
- sideBar.border#d6d5d5
- sideBar.foreground#111
- sideBarSectionHeader.background#fefdfd
- sideBarSectionHeader.border#d6d5d5
- sideBarTitle.foreground#111
- statusBar.background#fefdfd
- statusBar.border#d6d5d5
- statusBar.foreground#111
- tab.activeBackground#dfdede
- tab.activeBorderTop#00000000
- tab.activeForeground#111
- tab.border#d6d5d5
- tab.inactiveBackground#fefdfd
- tab.inactiveForeground#777
- textLink.activeForeground#1c1caa
- textLink.foreground#1c1caa
- titleBar.activeBackground#fefdfd
- titleBar.border#d6d5d5
- titleBar.inactiveBackground#fefdfd
- widget.border#d6d5d5
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| string.template meta.template.expression, meta.type punctuation | #111 | — |
| comment | #919191 | — |
| entity.name.function, meta.function.definition | #c3078e | — |
| variable, string.json.comments, support.type.property-name.json, keyword.other.definition | #4b4ed0 | — |
| meta.object-literal.key | #a08415 | — |
| constant | #cd1c05 | — |
| entity.name.type.class, entity.name.namespace | #c56900 | — |
| meta.type, entity.name.type, support.type, meta.interface entity.other.inherited-class | #8046c2 | — |
| string.quoted, string.template, string.regexp, heading | #0c8f22 | — |
| meta.attribute | #006a39 | — |
| meta.link | #1c1caa | — |
| markup.fenced_code, markup.inline | #111 | — |
| entity.name.tag | #8d0202 | — |
| meta.tag.attributes | #b22b3b | — |
| storage | #127f92 | — |
| keyword.control, keyword.other | #b130ce | — |
| keyword.operator | #6d1f7f | — |
| text | #555 | — |