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#1C231E
- activityBar.border#1C231E
- activityBar.foreground#AAB7AC
- activityBar.inactiveForeground#7F8D80
- badge.background#6CB07A
- badge.foreground#151A16
- button.background#6CB07A
- button.foreground#151A16
- button.hoverBackground#89CC96
- descriptionForeground#AAB7AC
- diffEditor.insertedTextBackground#91B56322
- diffEditor.removedTextBackground#FF8A7322
- dropdown.background#222A24
- dropdown.border#2D3730
- dropdown.foreground#E7EFE7
- dropdown.listBackground#222A24
- editor.background#151A16
- editor.foreground#E7EFE7
- editor.hover.background#222A24
- editor.hover.border#2D3730
- editor.hover.foreground#E7EFE7
- editor.hover.statusBarBackground#1C231E
- editor.lineHighlightBackground#1C231E
- editor.selectionBackground#6CB07A33
- editor.selectionHighlightBackground#91B56322
- editor.wordHighlightBackground#6CB07A22
- editor.wordHighlightStrongBackground#6CB07A33
- editorBracketHighlight.foreground1#E07888
- editorBracketHighlight.foreground2#6CB2F0
- editorBracketHighlight.foreground3#DCC06A
- editorBracketHighlight.foreground4#A5DA8E
- editorBracketHighlight.foreground5#D7A068
- editorBracketHighlight.foreground6#5CCEB2
- editorBracketMatch.background#6CB07A22
- editorBracketMatch.border#6CB07A
- editorCursor.foreground#6CB07A
- editorGroupHeader.tabsBackground#1C231E
- editorGroupHeader.tabsBorder#1C231E00
- editorGutter.addedBackground#91B563
- editorGutter.deletedBackground#FF8A73
- editorGutter.modifiedBackground#6CB07A
- editorHoverWidget.background#222A24
- editorHoverWidget.border#2D3730
- editorHoverWidget.foreground#E7EFE7
- editorHoverWidget.statusBarBackground#1C231E
- editorIndentGuide.activeBackground#3E4A40
- editorIndentGuide.background#2D3730
- editorWhitespace.foreground#2D3730
- editorWidget.background#222A24
- editorWidget.border#2D3730
- errorForeground#FF8A73
- focusBorder#6CB07A80
- foreground#E7EFE7
- gitDecoration.conflictingResourceForeground#FF8A73
- gitDecoration.ignoredResourceForeground#7F8D80
- gitDecoration.modifiedResourceForeground#6CB07A
- gitDecoration.untrackedResourceForeground#91B563
- icon.foreground#AAB7AC
- input.background#222A24
- input.border#222A2400
- input.foreground#E7EFE7
- input.placeholderForeground#7F8D80
- inputOption.activeBackground#6CB07A22
- list.activeSelectionBackground#6CB07A1A
- list.activeSelectionForeground#E7EFE7
- list.focusBackground#6CB07A1A
- list.hoverBackground#6CB07A10
- list.inactiveSelectionBackground#6CB07A1A
- menu.background#222A24
- menu.foreground#E7EFE7
- menu.selectionBackground#6CB07A22
- menu.separatorBackground#2D3730
- menubar.selectionBackground#2D3730
- notificationCenter.background#222A24
- notificationCenter.border#2D3730
- notificationCenterHeader.background#1C231E
- notificationCenterHeader.foreground#E7EFE7
- notificationLink.foreground#7BCB8F
- notifications.background#222A24
- notifications.foreground#E7EFE7
- notificationsErrorIcon.foreground#FF8A73
- notificationsInfoIcon.foreground#6CB07A
- notificationsWarningIcon.foreground#D8A45B
- notificationToast.background#222A24
- notificationToast.border#2D3730
- panel.background#1C231E
- panel.border#1C231E
- panelTitle.activeForeground#E7EFE7
- panelTitle.inactiveForeground#AAB7AC
- peekView.border#6CB07A
- peekViewEditor.background#151A16
- peekViewResult.background#1C231E
- peekViewResult.selectionBackground#6CB07A22
- peekViewTitle.background#1C231E
- peekViewTitleDescription.foreground#AAB7AC
- peekViewTitleLabel.foreground#E7EFE7
- pickerGroup.border#1C231E
- pickerGroup.foreground#7F8D80
- quickInput.background#222A24
- quickInput.foreground#E7EFE7
- quickInputList.focusBackground#6CB07A22
- quickInputList.focusForeground#E7EFE7
- quickInputTitle.background#1C231E
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#6E8471
- scrollbarSlider.background#4A5A4C80
- scrollbarSlider.hoverBackground#5C6F5FB0
- selection.background#6CB07A33
- sideBar.background#1C231E
- sideBar.border#1C231E
- sideBar.foreground#AAB7AC
- sideBarSectionHeader.background#1C231E
- sideBarSectionHeader.border#1C231E
- sideBarSectionHeader.foreground#E7EFE7
- statusBar.background#1C231E
- statusBar.border#1C231E
- statusBar.foreground#AAB7AC
- tab.activeBackground#151A16
- tab.activeBorder#6CB07A
- tab.activeForeground#E7EFE7
- tab.border#1C231E00
- tab.inactiveBackground#1C231E
- tab.inactiveForeground#7F8D80
- tab.unfocusedActiveBorder#6CB07A80
- terminal.ansiBlack#101411
- terminal.ansiBlue#7BCB8F
- terminal.ansiCyan#79D7B7
- terminal.ansiGreen#91B563
- terminal.ansiMagenta#BEA4FF
- terminal.ansiRed#FF8A73
- terminal.ansiWhite#E7EFE7
- terminal.ansiYellow#D8A45B
- terminal.background#151A16
- terminal.foreground#E7EFE7
- terminal.selectionBackground#6CB07A33
- textCodeBlock.background#222A24
- textLink.foreground#7BCB8F
- textSeparator.foreground#2D3730
- titleBar.activeBackground#1C231E
- titleBar.activeForeground#E7EFE7
- titleBar.border#1C231E
- titleBar.inactiveBackground#1C231E
- titleBar.inactiveForeground#7F8D80
- widget.shadow#00000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #647864 | italic |
| string, punctuation.definition.string | #A5DA8E | — |
| constant.numeric, constant.language, constant.character, constant.other | #D7A068 | — |
| keyword, storage.type, storage.modifier | #E07888 | — |
| keyword.operator | #7E928A | — |
| entity.name.function, support.function, meta.function-call | #6CB2F0 | — |
| entity.name.type, entity.name.class, support.class, support.type, entity.other.inherited-class | #DCC06A | — |
| variable, meta.definition.variable, support.variable, entity.name.variable | #BCD4C8 | — |
| variable.parameter | #BCD4C8 | italic |
| variable.other.property, support.type.property-name | #5CCEB2 | — |
| punctuation | #7E928A | — |
| meta.object-literal.key | #5CCEB2 | — |
| entity.name.tag, punctuation.definition.tag | #E07888 | — |
| entity.other.attribute-name | #DCC06A | — |
| string.regexp | #D7A068 | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, meta.selector.css | #E07888 | — |
| support.type.property-name.css | #5CCEB2 | — |
| support.constant.property-value.css, keyword.other.unit.css | #D7A068 | — |
| entity.other.attribute-name.html.vue | #E07888 | — |
| support.class.component.html.vue | #DCC06A | — |
| meta.decorator punctuation.decorator, meta.decorator entity.name.function, meta.decorator entity.name.type, meta.decorator variable.other.object | #D7A068 | — |
| markup.heading.markdown | #6CB2F0 | — |
| markup.underline.link.markdown, string.other.link.title.markdown | #A5DA8E | — |
| markup.bold.markdown | — | bold |
| markup.italic.markdown | — | italic |
| markup.inline.raw.string.markdown, markup.fenced_code.block.markdown | #7E928A | — |
| invalid | #FF8A73 | — |
| entity.name.namespace.wildcard.python, meta.statement.import.python entity.name.module.python, support.other.module.python | #A5DA8E | — |
| support.function.builtin.python | #6CB2F0 | italic |
| support.function.magic.python | #6CB2F0 | italic |
| support.type.python | #DCC06A | — |
| variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python | #E07888 | italic |
| entity.name.function.decorator.python, punctuation.definition.decorator.python | #D7A068 | — |
| support.variable.magic.python | #5CCEB2 | — |
| support.class.exception.python | #DCC06A | — |
| meta.fstring.python variable, constant.character.format.placeholder.other.python | #BCD4C8 | — |