Beige
Publisher: SadTechThemes in package: 1
VsCode beige light theme which wont hurt eyes.
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#F5E1DA
- activityBar.activeBorder#FA634D
- activityBar.activeFocusBorder#202124
- activityBar.background#E1A692
- activityBar.border#202124
- activityBar.dropBackground#202124
- activityBar.foreground#FA634D
- activityBar.hoverBackground#FA634D
- activityBar.inactiveForeground#FCDBCB
- activityBarBadge.background#FA634D
- activityBarBadge.foreground#ffd2bc
- badge.background#FA634D
- badge.foreground#FCDBCB
- breadcrumb.activeSelectionForeground#FA634D
- breadcrumb.background#FCDBCB
- breadcrumb.focusForeground#FA634D
- breadcrumb.foreground#505C7E
- breadcrumbPicker.background#505C7E
- button.background#E1A692
- button.hoverBackground#FFA68A
- contrastBorder#F5E1DA
- debugToolBar.background#FCDBCB
- debugToolBar.border#FFA68A
- dropdown.background#ffffff
- dropdown.border#505C7E
- dropdown.listBackground#f4fff1
- editor.background#F5E1DA
- editor.findMatchBackground#15ff003a
- editor.findMatchHighlightBackground#fa644d5e
- editor.focusedStackFrameHighlightBackground#FCDBCB
- editor.hoverHighlightBackground#505c7e25
- editor.lineHighlightBackground#505c7e0a
- editor.lineHighlightBorder#fa644d69
- editor.renderIndentGuides
- editor.selectionBackground#ce534150
- editor.stackFrameHighlightBackground#FCDBCB
- editorBracketMatch.border#FA634D
- editorError.foreground#bd0505
- editorGroup.border#E1A692
- editorGroup.dropBackground#4ec71a7c
- editorGroup.emptyBackground#F9E0D9
- editorGroup.focusedEmptyBorder#FA634D
- editorGroupHeader.tabsBackground#F9E0D9
- editorGroupHeader.tabsBorder#FA634D
- editorGutter.background#f3dad0
- editorWhitespace.foreground#D7886D
- extensionBadge.remoteBackground#E1A692
- extensionBadge.remoteForeground#505C7E
- extensionButton.prominentBackground#E1A692
- extensionButton.prominentForeground#FAF4EB
- extensionButton.prominentHoverBackground#FFA68A
- focusBorder#202124
- foreground#505c7e
- icon.foreground#b64a4a
- imagePreview.border#FA634D
- input.background#fffff1
- input.border#fffff1
- input.foreground#505C7E
- input.placeholderForeground#00000086
- list.activeSelectionBackground#F9E0D9
- list.activeSelectionForeground#000000
- list.dropBackground#ffe6df
- list.errorForeground#d62a10
- list.focusBackground#ffe6df
- list.focusForeground#505C7E
- list.highlightForeground#8063FF
- list.hoverBackground#eed3cb
- list.hoverForeground#505C7E
- list.inactiveFocusBackground#ffe6df
- list.inactiveSelectionBackground#eed3cb
- list.inactiveSelectionForeground#505C7E
- list.invalidItemForeground#FA634D
- list.warningForeground#adab17
- menu.background#F9E0D9
- menu.border#F9E0D9
- menu.foreground#505C7E
- menu.selectionBackground#F9E0D9
- menu.selectionBorder#F9E0D9
- menu.selectionForeground#505C7E
- menu.separatorBackground#F9E0D9
- menubar.selectionBackground#F9E0D9
- menubar.selectionBorder#F9E0D9
- menubar.selectionForeground#505C7E
- minimap.background#F5E1DA
- minimap.errorHighlight#d30909
- minimap.findMatchHighlight#1eff00a9
- minimap.selectionHighlight#000000
- minimap.warningHighlight#fffb00f1
- minimapGutter.addedBackground#6f00ffcb
- minimapGutter.deletedBackground#00000088
- minimapGutter.modifiedBackground#6f00ffcb
- minimapSlider.activeBackground#ffb0ad7c
- minimapSlider.background#ffb0ad7c
- minimapSlider.hoverBackground#ffb0ad7c
- notificationCenter.border#FCDBCB
- notificationCenterHeader.background#FCDBCB
- notificationCenterHeader.foreground#505C7E
- notificationLink.foreground#0059ff
- notifications.background#FCDBCB
- notifications.border#FCDBCB
- notifications.foreground#505C7E
- notificationsErrorIcon.foreground#ee0101
- notificationsInfoIcon.foreground#ff9100
- notificationsWarningIcon.foreground#fffb00
- notificationToast.border#FCDBCB
- panel.background#F5E1DA
- panel.border#F5E1DA
- panel.dropBackground#0000008c
- panelTitle.activeBorder#FA634D
- peekViewEditor.background#0000008c
- pickerGroup.border#FCDBCB
- pickerGroup.foreground#FCDBCB
- progressBar.background#F9E0D9
- quickInput.background#FCDBCB
- quickInput.foreground#505C7E
- scrollbar.shadow#FFA68A
- scrollbarSlider.activeBackground#FFA68A
- scrollbarSlider.background#E1A692
- scrollbarSlider.hoverBackground#FFA68A
- selection.background#FFA68A
- settings.checkboxBackground#FFFED2
- settings.checkboxBorder#505C7E
- settings.checkboxForeground#505C7E
- settings.dropdownBackground#FFFED2
- settings.dropdownBorder#505C7E
- settings.dropdownForeground#505C7E
- settings.dropdownListBorder#505C7E
- settings.headerForeground#d85440
- settings.modifiedItemIndicator#E1A692
- settings.numberInputBackground#FFFED2
- settings.numberInputBorder#5cb930
- settings.numberInputForeground#505C7E
- settings.textInputBackground#FFFED2
- settings.textInputBorder#505C7E
- settings.textInputForeground#505C7E
- sideBar.background#F9E0D9
- sideBar.border#F9E0D9
- sideBar.dropBackground#eed3cb
- sideBar.foreground#505C7E
- sideBarSectionHeader.background#E1A692
- sideBarSectionHeader.border#FCDBCB
- sideBarSectionHeader.foreground#505C7E
- sideBarTitle.foreground#505C7E
- statusBar.background#F9E0D9
- statusBar.border#F9E0D9
- statusBar.debuggingBackground#F9E0D9
- statusBar.debuggingBorder#F9E0D9
- statusBar.debuggingForeground#F9E0D9
- statusBar.foreground#505C7E
- statusBar.noFolderBackground#F9E0D9
- statusBar.noFolderBorder#F9E0D9
- statusBar.noFolderForeground#505C7E
- statusBarItem.activeBackground#F9E0D9
- statusBarItem.hoverBackground#F9E0D9
- statusBarItem.prominentBackground#F9E0D9
- statusBarItem.prominentForeground#505C7E
- statusBarItem.prominentHoverBackground#F9E0D9
- statusBarItem.remoteBackground#F9E0D9
- statusBarItem.remoteForeground#505C7E
- tab.activeBackground#F9E0D9
- tab.unfocusedActiveBackground#F9E0D9
- terminal.ansiBlack#000000
- terminal.ansiBlue#62a0fd
- terminal.ansiBrightBlack#202124
- terminal.ansiBrightCyan#0061f1
- terminal.ansiBrightGreen#c51e00
- terminal.ansiBrightMagenta#e712b9
- terminal.ansiBrightRed#00b938
- terminal.ansiBrightWhite#cccccc
- terminal.ansiBrightYellow#ff0000
- terminal.ansiCyan#1c67f3
- terminal.ansiGreen#4c00ff
- terminal.ansiMagenta#13300d
- terminal.ansiRed#0d1f4e
- terminal.ansiWhite#008cff
- terminal.ansiYellow#209e0f
- terminal.background#F5E1DA
- terminal.border#F5E1DA
- terminal.foreground#505C7E
- terminal.selectionBackground#FFB0AD
- terminalCursor.background#00e1ff
- terminalCursor.foreground#505C7E
- textBlockQuote.backgroun#FCDBCB
- textLink.foreground#FA634D
- textPreformat.foreground#D7886D
- textSeparator.foreground#D7886D
- titleBar.activeBackground#F9E0D9
- titleBar.activeForeground#505C7E
- titleBar.border#F9E0D9
- titleBar.inactiveBackground#E3AB9A
- titleBar.inactiveForeground#669990
- tree.indentGuidesStroke#F9E0D9
- welcomePage.background#F9E0D9
- welcomePage.buttonBackground#F9E0D9
- welcomePage.buttonHoverBackground#FFA68A
- widget.shadow#202124
- window.activeBorder#fffd954d
- window.inactiveBorder#FA634D
- workbench.editor.showTabs
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #AAAAAA | italic |
| comment.block.preprocessor | #AAAAAA | |
| comment.documentation, comment.block.documentation | #448C27 | — |
| invalid.illegal | #660000 | — |
| keyword.operator | #777777 | — |
| keyword, storage | #4B83CD | — |
| storage.type, support.type | #7A3E9D | — |
| constant.language, support.constant, variable.language | #AB6526 | — |
| variable, support.variable | #7A3E9D | — |
| 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 | #AB6526 | — |
| string | #448C27 | — |
| constant.character.escape | #777777 | — |
| string.regexp | #4B83CD | — |
| constant.other.symbol | #AB6526 | — |
| 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 | #AAAAAA | — |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #91B3E0 | — |
| entity.name.tag | #4B83CD | — |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #91B3E0 | italic |
| constant.character.entity, punctuation.definition.entity | #AB6526 | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css | #7A3E9D | — |
| meta.property-name, support.type.property-name | #AB6526 | — |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #448C27 | — |
| 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 | #7A3E9D | — |
| markup.list | #4B83CD | — |
| markup.bold, markup.italic | #448C27 | — |
| markup.inline.raw | #AB6526 | |
| meta.diff.range, meta.diff.index, meta.separator | #434343 | — |
| meta.diff.header.from-file | #434343 | — |
| meta.diff.header.to-file | #434343 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...