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#182028
- activityBar.border#182028
- activityBar.foreground#A8B6C3
- activityBar.inactiveForeground#7E8C99
- badge.background#7BA2D6
- badge.foreground#12171B
- button.background#7BA2D6
- button.foreground#12171B
- button.hoverBackground#94B8E5
- descriptionForeground#A8B6C3
- diffEditor.insertedTextBackground#77A78622
- diffEditor.removedTextBackground#FF7D8822
- dropdown.background#1D2630
- dropdown.border#27333D
- dropdown.foreground#E5ECF2
- dropdown.listBackground#1D2630
- editor.background#12171B
- editor.foreground#E5ECF2
- editor.hover.background#1D2630
- editor.hover.border#27333D
- editor.hover.foreground#E5ECF2
- editor.hover.statusBarBackground#182028
- editor.lineHighlightBackground#182028
- editor.selectionBackground#7BA2D633
- editor.selectionHighlightBackground#77A78622
- editor.wordHighlightBackground#7BA2D622
- editor.wordHighlightStrongBackground#7BA2D633
- editorBracketHighlight.foreground1#D87888
- editorBracketHighlight.foreground2#6CB2F4
- editorBracketHighlight.foreground3#D8C07C
- editorBracketHighlight.foreground4#9CD498
- editorBracketHighlight.foreground5#D8A074
- editorBracketHighlight.foreground6#58CCC8
- editorBracketMatch.background#7BA2D622
- editorBracketMatch.border#7BA2D6
- editorCursor.foreground#7BA2D6
- editorGroupHeader.tabsBackground#182028
- editorGroupHeader.tabsBorder#18202800
- editorGutter.addedBackground#77A786
- editorGutter.deletedBackground#FF7D88
- editorGutter.modifiedBackground#7BA2D6
- editorHoverWidget.background#1D2630
- editorHoverWidget.border#27333D
- editorHoverWidget.foreground#E5ECF2
- editorHoverWidget.statusBarBackground#182028
- editorIndentGuide.activeBackground#36434F
- editorIndentGuide.background#27333D
- editorWhitespace.foreground#27333D
- editorWidget.background#1D2630
- editorWidget.border#27333D
- errorForeground#FF7D88
- focusBorder#7BA2D680
- foreground#E5ECF2
- gitDecoration.conflictingResourceForeground#FF7D88
- gitDecoration.ignoredResourceForeground#7E8C99
- gitDecoration.modifiedResourceForeground#7BA2D6
- gitDecoration.untrackedResourceForeground#77A786
- icon.foreground#A8B6C3
- input.background#1D2630
- input.border#1D263000
- input.foreground#E5ECF2
- input.placeholderForeground#7E8C99
- inputOption.activeBackground#7BA2D622
- list.activeSelectionBackground#7BA2D61A
- list.activeSelectionForeground#E5ECF2
- list.focusBackground#7BA2D61A
- list.hoverBackground#7BA2D610
- list.inactiveSelectionBackground#7BA2D61A
- menu.background#1D2630
- menu.foreground#E5ECF2
- menu.selectionBackground#7BA2D622
- menu.separatorBackground#27333D
- menubar.selectionBackground#27333D
- notificationCenter.background#1D2630
- notificationCenter.border#27333D
- notificationCenterHeader.background#182028
- notificationCenterHeader.foreground#E5ECF2
- notificationLink.foreground#7BA2D6
- notifications.background#1D2630
- notifications.foreground#E5ECF2
- notificationsErrorIcon.foreground#FF7D88
- notificationsInfoIcon.foreground#7BA2D6
- notificationsWarningIcon.foreground#D6A557
- notificationToast.background#1D2630
- notificationToast.border#27333D
- panel.background#182028
- panel.border#182028
- panelTitle.activeForeground#E5ECF2
- panelTitle.inactiveForeground#A8B6C3
- peekView.border#7BA2D6
- peekViewEditor.background#12171B
- peekViewResult.background#182028
- peekViewResult.selectionBackground#7BA2D622
- peekViewTitle.background#182028
- peekViewTitleDescription.foreground#A8B6C3
- peekViewTitleLabel.foreground#E5ECF2
- pickerGroup.border#182028
- pickerGroup.foreground#7E8C99
- quickInput.background#1D2630
- quickInput.foreground#E5ECF2
- quickInputList.focusBackground#7BA2D622
- quickInputList.focusForeground#E5ECF2
- quickInputTitle.background#182028
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#697B8C
- scrollbarSlider.background#46546380
- scrollbarSlider.hoverBackground#576777B0
- selection.background#7BA2D633
- sideBar.background#182028
- sideBar.border#182028
- sideBar.foreground#A8B6C3
- sideBarSectionHeader.background#182028
- sideBarSectionHeader.border#182028
- sideBarSectionHeader.foreground#E5ECF2
- statusBar.background#182028
- statusBar.border#182028
- statusBar.foreground#A8B6C3
- tab.activeBackground#12171B
- tab.activeBorder#7BA2D6
- tab.activeForeground#E5ECF2
- tab.border#18202800
- tab.inactiveBackground#182028
- tab.inactiveForeground#7E8C99
- tab.unfocusedActiveBorder#7BA2D680
- terminal.ansiBlack#0E1215
- terminal.ansiBlue#7BA2D6
- terminal.ansiCyan#7AD3CF
- terminal.ansiGreen#77A786
- terminal.ansiMagenta#B29BFF
- terminal.ansiRed#FF7D88
- terminal.ansiWhite#E5ECF2
- terminal.ansiYellow#D6A557
- terminal.background#12171B
- terminal.foreground#E5ECF2
- terminal.selectionBackground#7BA2D633
- textCodeBlock.background#1D2630
- textLink.foreground#7BA2D6
- textSeparator.foreground#27333D
- titleBar.activeBackground#182028
- titleBar.activeForeground#E5ECF2
- titleBar.border#182028
- titleBar.inactiveBackground#182028
- titleBar.inactiveForeground#7E8C99
- widget.shadow#00000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5C6C7C | italic |
| string, punctuation.definition.string | #9CD498 | — |
| constant.numeric, constant.language, constant.character, constant.other | #D8A074 | — |
| keyword, storage.type, storage.modifier | #D87888 | — |
| keyword.operator | #7E8E9C | — |
| entity.name.function, support.function, meta.function-call | #6CB2F4 | — |
| entity.name.type, entity.name.class, support.class, support.type, entity.other.inherited-class | #D8C07C | — |
| variable, meta.definition.variable, support.variable, entity.name.variable | #B8C8D4 | — |
| variable.parameter | #B8C8D4 | italic |
| variable.other.property, support.type.property-name | #58CCC8 | — |
| punctuation | #7E8E9C | — |
| meta.object-literal.key | #58CCC8 | — |
| entity.name.tag, punctuation.definition.tag | #D87888 | — |
| entity.other.attribute-name | #D8C07C | — |
| string.regexp | #D8A074 | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, meta.selector.css | #D87888 | — |
| support.type.property-name.css | #58CCC8 | — |
| support.constant.property-value.css, keyword.other.unit.css | #D8A074 | — |
| entity.other.attribute-name.html.vue | #D87888 | — |
| support.class.component.html.vue | #D8C07C | — |
| meta.decorator punctuation.decorator, meta.decorator entity.name.function, meta.decorator entity.name.type, meta.decorator variable.other.object | #D8A074 | — |
| markup.heading.markdown | #6CB2F4 | — |
| markup.underline.link.markdown, string.other.link.title.markdown | #9CD498 | — |
| markup.bold.markdown | — | bold |
| markup.italic.markdown | — | italic |
| markup.inline.raw.string.markdown, markup.fenced_code.block.markdown | #7E8E9C | — |
| invalid | #FF7D88 | — |
| entity.name.namespace.wildcard.python, meta.statement.import.python entity.name.module.python, support.other.module.python | #9CD498 | — |
| support.function.builtin.python | #6CB2F4 | italic |
| support.function.magic.python | #6CB2F4 | italic |
| support.type.python | #D8C07C | — |
| variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python | #D87888 | italic |
| entity.name.function.decorator.python, punctuation.definition.decorator.python | #D8A074 | — |
| support.variable.magic.python | #58CCC8 | — |
| support.class.exception.python | #D8C07C | — |
| meta.fstring.python variable, constant.character.format.placeholder.other.python | #B8C8D4 | — |