web-developer-theme
Publisher: KYThemes in package: 1
theme for VS code web developer
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#dbdbd2
- activityBar.background#ebf7ed
- activityBar.border#443e3a88
- activityBar.foreground#4facd1
- activityBar.inactiveForeground#395063d7
- activityBarBadge.background#4facd1
- activityBarBadge.foreground#f6f6f6
- breadcrumb.activeSelectionForeground#fff
- breadcrumb.background#844f38de
- breadcrumb.focusForeground#fff
- breadcrumb.foreground#e4dabe
- editor.background#605e5ede
- editor.foreground#ffffff
- editor.hoverHighlightBackground#e94f2c89
- editor.lineHighlightBackground#808080
- editor.selectionBackground#929ea9
- editor.wordHighlightBackground#b4a6dc61
- editorBracketHighlight.foreground1#decffe
- editorBracketHighlight.foreground2#e9e0fa
- editorBracketHighlight.foreground3#a9bcf5
- editorBracketHighlight.foreground4#9cd8ef
- editorBracketHighlight.foreground5#bce4f4
- editorBracketHighlight.foreground6#83ed5d
- editorCursor.foreground#e5c1ff
- editorGutter.addedBackground#e5e6b9
- editorGutter.background#f6f6f61d
- editorGutter.commentRangeForeground#8ecaea38
- editorGutter.modifiedBackground#50aad0
- editorHoverWidget.background#927c72
- editorHoverWidget.border#757575d2
- editorHoverWidget.foreground#ffffff
- editorInfo.background#4446557d
- editorInlayHint.background#e9bf85
- editorLineNumber.foreground#8ecaea
- editorSuggestWidget.background#ebdcc7
- editorSuggestWidget.focusHighlightForeground#eed0b9
- editorSuggestWidget.foreground#d08c5c
- editorSuggestWidget.highlightForeground#8f4612
- editorSuggestWidget.selectedBackground#8f4612
- editorSuggestWidget.selectedForeground#e3a477
- editorWidget.background#f7fcff
- editorWidget.border#8ecaea65
- editorWidget.foreground#6c5656
- editorWidget.resizeBorder#ffffff44
- focusBorder#f1f1f100
- foreground#395063d7
- gitDecoration.addedResourceForeground#2b9c33
- gitDecoration.deletedResourceForeground#ce2323
- gitDecoration.ignoredResourceForeground#00000027
- gitDecoration.modifiedResourceForeground#0e16f5
- gitDecoration.stageModifiedResourceForeground#f3891f
- gitDecoration.untrackedResourceForeground#a40ef5
- icon.foreground#5d4734
- list.activeSelectionBackground#988e80
- list.hoverBackground#b27a52
- list.inactiveSelectionBackground#988e80
- panel.background#b6b6b6
- panel.border#443e3a88
- scrollbar.shadow#53403635
- sideBar.background#b6b6b6
- sideBar.border#443e3a88
- sideBar.foreground#f5fff8
- sideBarSectionHeader.background#4facd1
- sideBarSectionHeader.foreground#f6f6f6
- sideBarTitle.foreground#395063d7
- statusBar.background#788972
- statusBar.foreground#e5e5dc
- tab.activeBackground#f6f6f6
- tab.activeForeground#4facd1
- tab.border#a8a8a87d
- tab.inactiveBackground#e5e5dc
- tab.inactiveForeground#395063d7
- terminal.background#282726
- terminal.foreground#f3efe9
- terminal.selectionBackground#582c14c2
- terminal.tab.activeBorder#000000
- titleBar.activeBackground#e5e5dc
- titleBar.activeForeground#4facd1
- titleBar.inactiveBackground#ead8b2
- titleBar.inactiveForeground#e5e5dc
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.type | #bbe4f5 | |
| meta.class | #bbe4f5 | |
| meta.block | #79c2ec | |
| entity.name.function | #ead9b4 | — |
| variable | #ffffff | italic |
| variable.name | #fefefe | |
| variable.language | #79c2ec | |
| keyword | #bbe4f5 | |
| keyword.operator.assignment | #fc9764 | |
| keyword.operator.new | #fc9764 | |
| keyword.control | #fc9764 | |
| entity | #94aef0 | italic |
| string | #88bf95 | italic |
| comment.block | #d5bcd2 | italic |
| comment.line | #d5bcd2 | italic |
| comment.block.documentation | #d5bcd2 | italic |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...