tuscan
Publisher: nwleThemes in package: 1
A light theme for Visual Studio Code
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#ada081
- activityBar.background#494f52
- activityBar.border#00000000
- activityBar.foreground#ada081
- activityBar.inactiveForeground#a0a0a06c
- activityBarBadge.background#ada081
- activityBarBadge.foreground#e4e4e4
- badge.background#ada081
- badge.foreground#f4f4f4
- breadcrumb.focusForeground#000000
- breadcrumb.foreground#7c7c7c
- button.background#c5b5a0
- button.foreground#202020
- button.hoverBackground#ada08198
- descriptionForeground#997a6b
- editor.background#f1f1f1
- editor.foreground#4d4d4d
- editor.inactiveSelectionBackground#8998a350
- editor.lineHighlightBackground#f7f7f7
- editor.lineHighlightBorder#cec6aec7
- editor.selectionBackground#48749457
- editorGroup.dropBackground#bdad9648
- editorGroup.focusedEmptyBorder#997a6b
- editorGroupHeader.noTabsBackground#f1f1f1
- editorGroupHeader.tabsBackground#f1f1f1
- editorGroupHeader.tabsBorder#997a6b
- editorLineNumber.activeForeground#030303
- editorLineNumber.foreground#997a6b
- editorLink.activeForeground#4687b6
- editorOverviewRuler.border#997a6b
- editorSuggestWidget.background#f7f7f7
- editorWidget.background#f7f7f7
- editorWidget.border#997a6b
- errorForeground#ca3f56
- extensionButton.prominentBackground#c5b5a0c5
- extensionButton.prominentForeground#292929
- extensionIcon.starForeground#dbd0b1
- focusBorder#997a6b
- foreground#616161
- icon.foreground#ada081
- list.activeSelectionBackground#ada081e5
- list.dropBackground#bdad9648
- list.errorForeground#ca3f56
- list.filterMatchBackground#afa18f00
- list.focusOutline#f5f5f5
- list.hoverBackground#d4c1aade
- list.hoverForeground#505050
- list.inactiveFocusOutline#c5b5a0
- list.inactiveSelectionBackground#7e7e7e00
- list.warningForeground#ca3f56
- listFilterWidget.background#d6d6d600
- listFilterWidget.noMatchesOutline#aa9174
- listFilterWidget.outline#aa9174
- minimapSlider.activeBackground#d4c1aac9
- minimapSlider.background#d4c1aa7a
- minimapSlider.hoverBackground#d4c1aac9
- notificationCenter.border#997a6b
- notifications.border#997a6b
- panel.border#997a6b
- panelInput.border#997a6b
- panelTitle.activeBorder#4687b6
- panelTitle.activeForeground#030303
- progressBar.background#c5b5a0
- scrollbar.shadow#a8a8a800
- scrollbarSlider.activeBackground#d4c1aae3
- scrollbarSlider.background#c5c5c5ea
- scrollbarSlider.hoverBackground#d4c1aae3
- selection.background#d4c1aae3
- sideBar.background#494f52
- sideBar.border#997a6b
- sideBar.dropBackground#bdad9648
- sideBar.foreground#c5c5c5ea
- sideBarSectionHeader.background#494f52
- sideBarSectionHeader.border#ada08100
- sideBarSectionHeader.foreground#e4e4e4
- sideBarTitle.foreground#e4e4e4
- statusBar.background#618199
- statusBar.debuggingBackground#ddb6b6
- statusBar.debuggingForeground#3f3f3f
- statusBar.noFolderBackground#61998b
- statusBarItem.activeBackground#ffffff00
- statusBarItem.hoverBackground#c7c7c70e
- symbolIcon.arrayForeground#999999ea
- symbolIcon.booleanForeground#999999ea
- symbolIcon.classForeground#999999ea
- symbolIcon.colorForeground#999999ea
- symbolIcon.constantForeground#999999ea
- symbolIcon.constructorForeground#999999ea
- symbolIcon.enumeratorForeground#999999ea
- symbolIcon.enumeratorMemberForeground#999999ea
- symbolIcon.eventForeground#999999ea
- symbolIcon.fieldForeground#999999ea
- symbolIcon.fileForeground#999999ea
- symbolIcon.folderForeground#999999ea
- symbolIcon.functionForeground#999999ea
- symbolIcon.interfaceForeground#999999ea
- symbolIcon.keyForeground#999999ea
- symbolIcon.keywordForeground#999999ea
- symbolIcon.methodForeground#999999ea
- symbolIcon.moduleForeground#999999ea
- symbolIcon.namespaceForeground#999999ea
- symbolIcon.nullForeground#999999ea
- symbolIcon.numberForeground#999999ea
- symbolIcon.objectForeground#999999ea
- symbolIcon.operatorForeground#999999ea
- symbolIcon.packageForeground#999999ea
- symbolIcon.propertyForeground#999999ea
- symbolIcon.referenceForeground#999999ea
- symbolIcon.snippetForeground#999999ea
- symbolIcon.stringForeground#999999ea
- symbolIcon.structForeground#999999ea
- symbolIcon.textForeground#999999ea
- symbolIcon.typeParameterForeground#999999ea
- symbolIcon.unitForeground#999999ea
- symbolIcon.variableForeground#999999ea
- tab.activeBackground#ffffff
- tab.activeBorderTop#4687b6
- tab.activeForeground#202020
- tab.border#997a6b
- tab.hoverBackground#d5dde448
- tab.unfocusedActiveBorderTop#ada081
- textBlockQuote.background#f3f5f4de
- textBlockQuote.border#ada081
- textCodeBlock.background#cec6aedc
- textLink.activeForeground#746259
- textLink.foreground#aa9174
- textPreformat.foreground#4687b6
- titleBar.activeBackground#caced1
- titleBar.border#997a6b
- tree.indentGuidesStroke#aa9174
- widget.shadow#80808011
- window.activeBorder#ada081
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #9e9e9ec5 | italic |
| comment.block.preprocessor | #919191 | |
| comment.documentation, comment.block.documentation | #988d6f | — |
| invalid.illegal | #660000 | — |
| keyword.operator | #777777 | — |
| keyword, storage | #4B83CD | — |
| storage.type, support.type | #98bf21 | — |
| constant.language, support.constant, variable.language | #32b6a4 | — |
| variable, support.variable | #b174d4 | — |
| entity.name.function, support.function | #AA3731 | bold |
| entity.name.type, entity.other.inherited-class, support.class | #7A3E9D | bold |
| entity.name.exception | #660000 | — |
| entity.name.section | — | bold |
| constant.numeric, constant.character, constant | #32b6a4 | — |
| string | #2a88b4 | — |
| constant.character.escape | #777777 | — |
| string.regexp | #4B83CD | — |
| constant.other.symbol | #32b6a4 | — |
| punctuation | #777777 | — |
| meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #919191 | — |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #c2856f | bold |
| entity.name.tag | #A66B56 | bold |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #d37383 | italic |
| constant.character.entity, punctuation.definition.entity | #32b6a4 | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css | #d36b8e | — |
| meta.property-name, support.type.property-name | #636363 | — |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #988d6f | — |
| keyword.other.important | — | bold |
| markup.changed | #000000 | — |
| markup.deleted | #000000 | — |
| markup.italic | — | italic |
| markup.error | #660000 | — |
| markup.inserted | #000000 | — |
| meta.link | #4B83CD | — |
| markup.output, markup.raw | #777777 | — |
| markup.prompt | #777777 | — |
| markup.heading | #AA3731 | — |
| markup.bold | — | bold |
| markup.traceback | #660000 | — |
| markup.underline | — | underline |
| markup.quote | #cc2565 | — |
| markup.list | #4e6786 | — |
| markup.bold, markup.italic | #1a1a1a | — |
| markup.inline.raw | #aab450 | |
| meta.diff.range, meta.diff.index, meta.separator | #434343 | — |
| meta.diff.header.from-file | #434343 | — |
| meta.diff.header.to-file | #434343 | — |