Fei Theme
Publisher: yangfeiThemes in package: 2
Fei theme for VS Code
Color themes
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#00000000
- activityBar.activeBorder#00000000
- activityBar.background#F7F8F8
- activityBar.border#DDE0E4
- activityBar.dropBorder#000000
- activityBar.foreground#000000
- activityBar.inactiveForeground#8A94A1
- activityBarBadge.background#000000
- activityBarBadge.foreground#ffffff
- badge.background#000000
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#000000
- breadcrumb.focusForeground#000000
- breadcrumb.foreground#8A94A1
- breadcrumbPicker.background#ffffff
- button.background#000000
- button.border#000000
- button.foreground#ffffff
- button.hoverBackground#000000
- button.secondaryBackground#00000000
- button.secondaryForeground#000000
- button.secondaryHoverBackground#00000010
- checkbox.background#ffffff
- checkbox.border#B9BFC7
- checkbox.foreground#000000
- checkbox.selectBorder#B9BFC7
- commandCenter.activeBackground#DDE1E1
- commandCenter.activeBorder#DDE0E4
- commandCenter.activeForeground#000000
- commandCenter.background#EAECEC
- commandCenter.border#DDE0E4
- commandCenter.foreground#333333
- commandCenter.inactiveBorder#DDE0E450
- commandCenter.inactiveForeground#33333360
- descriptionForeground#8A94A1
- disabledForeground#8A94A1
- dropdown.background#ffffff
- dropdown.border#B9BFC7
- dropdown.foreground#1b1f23
- dropdown.listBackground#ffffff
- editor.background#ffffff
- editor.findMatchBackground#0066FF30
- editor.findMatchHighlightBackground#0066FF30
- editor.foldBackground#F2FFF2
- editor.foreground#333333
- editor.inactiveSelectionBackground#0066FF30
- editor.lineHighlightBackground#F7F7F7
- editor.selectionBackground#0066FF30
- editor.selectionHighlightBackground#00000000
- editor.selectionHighlightBorder#0066ff
- editor.wordHighlightBackground#00000000
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#00000000
- editor.wordHighlightStrongBorder#00000000
- editorBracketMatch.background#1B1F2310
- editorBracketMatch.border#1B1F2350
- editorCursor.foreground#000000
- editorGroup.border#DDE0E4
- editorGroup.dropBackground#ffffff
- editorGroup.emptyBackground#ffffff
- editorGroup.focusedEmptyBorder#000000
- editorGroupHeader.border#DDE0E4
- editorGroupHeader.noTabsBackground#F7F8F8
- editorGroupHeader.tabsBackground#F7F8F8
- editorGroupHeader.tabsBorder#DDE0E4
- editorIndentGuide.activeBackground#DDE0E4
- editorIndentGuide.background#F6F7F8
- editorLineNumber.activeForeground#333333
- editorLineNumber.foreground#33333360
- editorOverviewRuler.border#00000000
- editorPane.background#ffffff
- editorRuler.foreground#FF000020
- editorWhitespace.foreground#33333350
- editorWidget.background#ffffff
- editorWidget.border#DDE0E4
- errorForeground#FF6666
- focusBorder#000000
- foreground#333333
- gitDecoration.addedResourceForeground#006600
- gitDecoration.conflictingResourceForeground#E60000
- gitDecoration.deletedResourceForeground#E60000
- gitDecoration.ignoredResourceForeground#727F8E
- gitDecoration.modifiedResourceForeground#AD4A06
- gitDecoration.renamedResourceForeground#0047B3
- gitDecoration.stageDeletedResourceForeground#E60000
- gitDecoration.stageModifiedResourceForeground#AD4A06
- gitDecoration.submoduleResourceForeground#727F8E
- gitDecoration.untrackedResourceForeground#006600
- icon.foreground#333333
- input.background#ffffff
- input.border#B9BFC7
- input.foreground#333333
- input.placeholderForeground#727F8E
- inputOption.activeBackground#000000
- inputOption.activeBorder#000000
- inputOption.activeForeground#ffffff
- inputValidation.errorBackground#ffffff
- inputValidation.errorBorder#ff0000
- inputValidation.errorForeground#ff0000
- inputValidation.infoBackground#ffffff
- inputValidation.infoBorder#0066ff
- inputValidation.infoForeground#0066ff
- inputValidation.warningBackground#ffffff
- inputValidation.warningBorder#f66a0a
- inputValidation.warningForeground#f66a0a
- list.activeSelectionBackground#DDE0E4
- list.activeSelectionForeground#000000
- list.dropBackground#E5F0FF
- list.errorForeground#ff0000
- list.filterMatchBackground#0066FF30
- list.focusBackground#E9EBED
- list.focusOutline#00000000
- list.hoverBackground#E9EBED
- list.hoverForeground#000000
- list.inactiveFocusBackground#DDE0E4
- list.inactiveFocusOutline#00000000
- list.inactiveSelectionBackground#DDE0E4
- list.inactiveSelectionForeground#000000
- list.inactiveSelectionIconForeground#8A94A1
- list.warningForeground#f66a0a
- listFilterWidget.background#E9EBED
- menu.background#ffffff
- menu.border#DDE0E4
- menu.foreground#333333
- menu.selectionBackground#DDE0E4
- menu.selectionBorder#00000000
- menu.selectionForeground#000000
- menu.separatorBackground#DDE0E4
- menubar.selectionBorder#00000000
- menubar.selectionForeground#333333
- minimap.findMatchHighlight#0066ff
- minimap.selectionHighlight#0066ff
- notificationCenterHeader.background#ffffff
- notificationCenterHeader.foreground#000000
- notifications.background#ffffff
- notifications.border#DDE0E4
- notifications.foreground#333333
- notificationsErrorIcon.foreground#ff0000
- notificationsInfoIcon.foreground#0066ff
- notificationsWarningIcon.foreground#f66a0a
- notificationToast.border#DDE0E4
- panel.background#F7F8F8
- panel.border#DDE0E4
- panelInput.border#DDE0E4
- panelTitle.activeBorder#000000
- panelTitle.activeForeground#000000
- panelTitle.inactiveForeground#8A94A1
- peekView.border#000000
- peekViewEditor.background#FCFDFD
- peekViewEditor.matchHighlightBackground#0066FF30
- peekViewResult.background#F7F8F8
- peekViewResult.matchHighlightBackground#0066FF30
- peekViewResult.selectionForeground#000000
- peekViewTitle.background#F7F8F8
- profileBadge.background#000000
- profileBadge.foreground#ffffff
- progressBar.background#000000
- sash.hoverBorder#DDE0E4
- scrollbar.shadow#B3B3B3
- scrollbarSlider.activeBackground#1B1F2350
- scrollbarSlider.background#1B1F2315
- scrollbarSlider.hoverBackground#1B1F2330
- selection.background#0066FF30
- settings.headerForeground#000000
- settings.modifiedItemIndicator#FBB585
- sideBar.background#F7F8F8
- sideBar.border#DDE0E4
- sideBar.foreground#333333
- sideBarSectionHeader.background#F7F8F8
- sideBarSectionHeader.border#DDE0E4
- sideBarSectionHeader.foreground#727F8E
- sideBarTitle.foreground#727F8E
- sideBySideEditor.horizontalBorder#DDE0E4
- sideBySideEditor.verticalBorder#DDE0E4
- statusBar.background#F7F8F8
- statusBar.border#DDE0E4
- statusBar.debuggingBackground#99FF99
- statusBar.focusBorder#DDE0E4
- statusBar.foreground#333333
- statusBar.noFolderBackground#F7F8F8
- statusBar.noFolderBorder#DDE0E4
- statusBar.noFolderForeground#333333
- statusBarItem.activeBackground#F7F8F8
- statusBarItem.errorBackground#FF9999
- statusBarItem.errorHoverBackground#FF9999
- statusBarItem.focusBorder#DDE0E4
- statusBarItem.hoverBackground#ffffff
- statusBarItem.hoverForeground#333333
- statusBarItem.remoteBackground#F7F8F8
- statusBarItem.remoteForeground#333333
- statusBarItem.warningBackground#FFFF99
- statusBarItem.warningHoverBackground#FFFF99
- tab.activeBackground#ffffff
- tab.activeBorder#ffffff
- tab.activeBorderTop#00000000
- tab.activeForeground#000000
- tab.border#DDE0E4
- tab.dragAndDropBorder#000000
- tab.inactiveBackground#00000000
- tab.inactiveForeground#8A94A1
- tab.unfocusedActiveBackground#ffffff
- tab.unfocusedActiveBorder#ffffff
- tab.unfocusedActiveBorderTop#00000000
- tab.unfocusedActiveForeground#8A94A1
- tab.unfocusedHoverForeground#000000
- tab.unfocusedInactiveForeground#8A94A1
- terminal.background#F7F8F8
- terminal.border#DDE0E4
- terminal.foreground#333333
- terminal.selectionBackground#0066FF30
- terminalCursor.background#000000
- terminalCursor.foreground#000000
- textBlockQuote.background#F5F9FF
- textBlockQuote.border#80B3FF
- textCodeBlock.background#F4F5F7
- textLink.activeForeground#005CE6
- textLink.foreground#0047B3
- textPreformat.background#F4F5F7
- textPreformat.foreground#CC0000
- textSeparator.foreground#000000
- titleBar.activeBackground#F7F8F8
- titleBar.activeForeground#333333
- titleBar.border#DDE0E4
- titleBar.inactiveBackground#FAFAFA
- titleBar.inactiveForeground#33333360
- toolbar.activeBackground#CFD5D5
- toolbar.hoverBackground#DDE1E1
- toolbar.hoverOutline#00000000
- tree.indentGuidesStroke#CCCCCC
- widget.border#DDE0E4
- widget.shadow#1B1F2330
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #333333 | — |
| emphasis | — | italic |
| strong | — | bold |
| comment | #8A94A1 | — |
| constant | #EB6509 | — |
| constant.numeric | #ff0000 | — |
| entity | #008077 | — |
| entity.name.function | #CC00CC | — |
| entity.name.class, entity.name.type, entity.name.namespace, entity.name.scope-resolution | — | italic |
| entity.name.tag, punctuation.definition.tag | #0000BF | — |
| entity.other.attribute-name | #008077 | — |
| invalid.broken, invalid.deprecated, invalid.illegal, invalid.unimplemented | #ff0000 | italic |
| keyword, keyword.operator.new, keyword.operator.expression | #0000BF | bold |
| keyword.operator | #0000BF | normal |
| storage | #0000BF | bold |
| string | #0000ff | — |
| string.regexp, string.regexp constant.character.escape, string.regexp keyword, string.regexp keyword.operator | #EB6509 | normal |
| support | #008077 | — |
| support.function | #CC00CC | — |
| variable | #0066ff | — |
| variable.language | #0000BF | — |
| variable.other | #333333 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.scss | #0000BF | — |
| entity.other.attribute-name.pseudo-class.css | #8A94A1 | — |
| support.type.property-name.css | #008077 | — |
| entity.name.tag.custom.css, support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, support.constant.color, constant.other.color.rgb-value, constant.other.rgb-value | #CC00CC | — |
| keyword.other.unit | #ff0000 | normal |
| variable.css, variable.scss, variable.other.less | #0066ff | — |
| source.java storage.type, source.java storage.modifier.import | #008077 | italic |
| markup.heading entity.name | #333333 | bold |
| markup.heading | #333333 | bold |
| markup.quote | #008077 | — |
| markup.underline | — | underline |
| markup.strikethrough | — | strikethrough |
| markup.underline.link | #0000ff | underline |
| markup.italic | — | italic |
| markup.bold | — | bold |
| markup.bold markup.italic | — | bold italic |
| markup.inserted | #008077 | — |
| markup.deleted | #ff0000 | strikethrough |
| markup.raw | #333333 | — |
| markup.inline.raw | #CC00CC | — |