Fleex Theme
Publisher: blueboneThemes in package: 16
A calm sixteen-theme collection for VS Code / 一组克制、专注的 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.background#15181C
- activityBar.border#15181C
- activityBar.foreground#A7B0BC
- activityBar.inactiveForeground#7E8794
- badge.background#4C9FFF
- badge.foreground#111315
- button.background#4C9FFF
- button.foreground#111315
- button.hoverBackground#6AAEFF
- descriptionForeground#A7B0BC
- diffEditor.insertedTextBackground#4CB78222
- diffEditor.removedTextBackground#FF6B6B22
- dropdown.background#1A1D22
- dropdown.border#20242A
- dropdown.foreground#E6E8EB
- dropdown.listBackground#1A1D22
- editor.background#111315
- editor.foreground#E6E8EB
- editor.hover.background#1A1D22
- editor.hover.border#20242A
- editor.hover.foreground#E6E8EB
- editor.hover.statusBarBackground#15181C
- editor.lineHighlightBackground#15181C
- editor.selectionBackground#4C9FFF33
- editor.selectionHighlightBackground#4CB78222
- editor.wordHighlightBackground#4C9FFF22
- editor.wordHighlightStrongBackground#4C9FFF33
- editorBracketHighlight.foreground1#E06C8C
- editorBracketHighlight.foreground2#6CB6FF
- editorBracketHighlight.foreground3#E5C07B
- editorBracketHighlight.foreground4#98D4A6
- editorBracketHighlight.foreground5#E89A6C
- editorBracketHighlight.foreground6#56C8C4
- editorBracketMatch.background#4C9FFF22
- editorBracketMatch.border#4C9FFF
- editorCursor.foreground#4C9FFF
- editorGroupHeader.tabsBackground#15181C
- editorGroupHeader.tabsBorder#15181C00
- editorGutter.addedBackground#4CB782
- editorGutter.deletedBackground#FF6B6B
- editorGutter.modifiedBackground#4C9FFF
- editorHoverWidget.background#1A1D22
- editorHoverWidget.border#20242A
- editorHoverWidget.foreground#E6E8EB
- editorHoverWidget.statusBarBackground#15181C
- editorIndentGuide.activeBackground#313843
- editorIndentGuide.background#20242A
- editorWhitespace.foreground#2A313A
- editorWidget.background#1A1D22
- editorWidget.border#20242A
- errorForeground#FF6B6B
- focusBorder#4C9FFF80
- foreground#E6E8EB
- gitDecoration.conflictingResourceForeground#FF6B6B
- gitDecoration.ignoredResourceForeground#7E8794
- gitDecoration.modifiedResourceForeground#4C9FFF
- gitDecoration.untrackedResourceForeground#4CB782
- icon.foreground#A7B0BC
- input.background#1A1D22
- input.border#1A1D2200
- input.foreground#E6E8EB
- input.placeholderForeground#7E8794
- inputOption.activeBackground#4C9FFF22
- list.activeSelectionBackground#4C9FFF1A
- list.activeSelectionForeground#E6E8EB
- list.focusBackground#4C9FFF1A
- list.hoverBackground#4C9FFF0F
- list.inactiveSelectionBackground#4C9FFF1A
- menu.background#1A1D22
- menu.foreground#E6E8EB
- menu.selectionBackground#4C9FFF22
- menu.separatorBackground#20242A
- menubar.selectionBackground#20242A
- notificationCenter.background#1A1D22
- notificationCenter.border#20242A
- notificationCenterHeader.background#15181C
- notificationCenterHeader.foreground#E6E8EB
- notificationLink.foreground#4C9FFF
- notifications.background#1A1D22
- notifications.foreground#E6E8EB
- notificationsErrorIcon.foreground#FF6B6B
- notificationsInfoIcon.foreground#4C9FFF
- notificationsWarningIcon.foreground#E6A23C
- notificationToast.background#1A1D22
- notificationToast.border#20242A
- panel.background#15181C
- panel.border#15181C
- panelTitle.activeForeground#E6E8EB
- panelTitle.inactiveForeground#A7B0BC
- peekView.border#4C9FFF
- peekViewEditor.background#111315
- peekViewResult.background#15181C
- peekViewResult.selectionBackground#4C9FFF22
- peekViewTitle.background#15181C
- peekViewTitleDescription.foreground#A7B0BC
- peekViewTitleLabel.foreground#E6E8EB
- pickerGroup.border#15181C
- pickerGroup.foreground#7E8794
- quickInput.background#1A1D22
- quickInput.foreground#E6E8EB
- quickInputList.focusBackground#4C9FFF22
- quickInputList.focusForeground#E6E8EB
- quickInputTitle.background#15181C
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#5A6572
- scrollbarSlider.background#3A414B80
- scrollbarSlider.hoverBackground#4B5460B0
- selection.background#4C9FFF33
- sideBar.background#15181C
- sideBar.border#15181C
- sideBar.foreground#A7B0BC
- sideBarSectionHeader.background#15181C
- sideBarSectionHeader.border#15181C
- sideBarSectionHeader.foreground#E6E8EB
- statusBar.background#15181C
- statusBar.border#15181C
- statusBar.foreground#A7B0BC
- tab.activeBackground#111315
- tab.activeBorder#4C9FFF
- tab.activeForeground#E6E8EB
- tab.border#15181C00
- tab.inactiveBackground#15181C
- tab.inactiveForeground#7E8794
- tab.unfocusedActiveBorder#4C9FFF80
- terminal.ansiBlack#0E1012
- terminal.ansiBlue#4C9FFF
- terminal.ansiCyan#5EC8C3
- terminal.ansiGreen#4CB782
- terminal.ansiMagenta#B18AFF
- terminal.ansiRed#FF6B6B
- terminal.ansiWhite#E6E8EB
- terminal.ansiYellow#E6A23C
- terminal.background#111315
- terminal.foreground#E6E8EB
- terminal.selectionBackground#4C9FFF33
- textCodeBlock.background#1A1D22
- textLink.foreground#4C9FFF
- textSeparator.foreground#20242A
- titleBar.activeBackground#15181C
- titleBar.activeForeground#E6E8EB
- titleBar.border#15181C
- titleBar.inactiveBackground#15181C
- titleBar.inactiveForeground#7E8794
- widget.shadow#00000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5C6B7A | italic |
| string, punctuation.definition.string | #98D4A6 | — |
| constant.numeric, constant.language, constant.character, constant.other | #E89A6C | — |
| keyword, storage.type, storage.modifier | #E06C8C | — |
| keyword.operator | #7A8494 | — |
| entity.name.function, support.function, meta.function-call | #6CB6FF | — |
| entity.name.type, entity.name.class, support.class, support.type, entity.other.inherited-class | #E5C07B | — |
| variable, meta.definition.variable, support.variable, entity.name.variable | #C0CDD8 | — |
| variable.parameter | #C0CDD8 | italic |
| variable.other.property, support.type.property-name | #56C8C4 | — |
| punctuation | #7A8494 | — |
| meta.object-literal.key | #56C8C4 | — |
| entity.name.tag, punctuation.definition.tag | #E06C8C | — |
| entity.other.attribute-name | #E5C07B | — |
| string.regexp | #E89A6C | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, meta.selector.css | #E06C8C | — |
| support.type.property-name.css | #56C8C4 | — |
| support.constant.property-value.css, keyword.other.unit.css | #E89A6C | — |
| entity.other.attribute-name.html.vue | #E06C8C | — |
| support.class.component.html.vue | #E5C07B | — |
| meta.decorator punctuation.decorator, meta.decorator entity.name.function, meta.decorator entity.name.type, meta.decorator variable.other.object | #E89A6C | — |
| markup.heading.markdown | #6CB6FF | — |
| markup.underline.link.markdown, string.other.link.title.markdown | #98D4A6 | — |
| markup.bold.markdown | — | bold |
| markup.italic.markdown | — | italic |
| markup.inline.raw.string.markdown, markup.fenced_code.block.markdown | #7A8494 | — |
| invalid | #FF6B6B | — |
| entity.name.namespace.wildcard.python, meta.statement.import.python entity.name.module.python, support.other.module.python | #98D4A6 | — |
| support.function.builtin.python | #6CB6FF | italic |
| support.function.magic.python | #6CB6FF | italic |
| support.type.python | #E5C07B | — |
| variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python | #E06C8C | italic |
| entity.name.function.decorator.python, punctuation.definition.decorator.python | #E89A6C | — |
| support.variable.magic.python | #56C8C4 | — |
| support.class.exception.python | #E5C07B | — |
| meta.fstring.python variable, constant.character.format.placeholder.other.python | #C0CDD8 | — |