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#ECF6F8
- activityBar.border#ECF6F8
- activityBar.foreground#5A6C74
- activityBar.inactiveForeground#93A7AE
- badge.background#2F8FAE
- badge.foreground#FFFFFF
- button.background#2F8FAE
- button.foreground#FFFFFF
- button.hoverBackground#257E9A
- descriptionForeground#60747B
- diffEditor.insertedTextBackground#4D9D8620
- diffEditor.removedTextBackground#C2604C20
- dropdown.background#ECF6F8
- dropdown.border#ECF6F8
- dropdown.foreground#1E2930
- dropdown.listBackground#ECF6F8
- editor.background#F7FCFD
- editor.foreground#1E2930
- editor.hover.background#FBFEFE
- editor.hover.border#DAE8EC
- editor.hover.foreground#1E2930
- editor.hover.statusBarBackground#ECF6F8
- editor.lineHighlightBackground#F1F9FA
- editor.selectionBackground#2F8FAE33
- editor.selectionHighlightBackground#4D9D8620
- editor.wordHighlightBackground#2F8FAE15
- editor.wordHighlightStrongBackground#2F8FAE1F
- editorBracketHighlight.foreground1#B8205A
- editorBracketHighlight.foreground2#1260B8
- editorBracketHighlight.foreground3#907008
- editorBracketHighlight.foreground4#2E7A45
- editorBracketHighlight.foreground5#A87530
- editorBracketHighlight.foreground6#0A7880
- editorBracketMatch.background#2F8FAE15
- editorBracketMatch.border#2F8FAE
- editorCursor.foreground#2F8FAE
- editorGroupHeader.tabsBackground#ECF6F8
- editorGroupHeader.tabsBorder#ECF6F800
- editorGutter.addedBackground#4D9D86
- editorGutter.deletedBackground#C2604C
- editorGutter.modifiedBackground#2F8FAE
- editorHoverWidget.background#FBFEFE
- editorHoverWidget.border#DAE8EC
- editorHoverWidget.foreground#1E2930
- editorHoverWidget.statusBarBackground#ECF6F8
- editorIndentGuide.activeBackground#D4E4E9
- editorIndentGuide.background#E1EDF0
- editorWhitespace.foreground#D4E4E9
- editorWidget.background#ECF6F8
- editorWidget.border#ECF6F8
- errorForeground#C2604C
- focusBorder#2F8FAE80
- foreground#1E2930
- gitDecoration.conflictingResourceForeground#C2604C
- gitDecoration.ignoredResourceForeground#AABFC6
- gitDecoration.modifiedResourceForeground#2F8FAE
- gitDecoration.untrackedResourceForeground#4D9D86
- icon.foreground#5A6C74
- input.background#FBFEFE
- input.border#FBFEFE00
- input.foreground#1E2930
- input.placeholderForeground#93A7AE
- inputOption.activeBackground#2F8FAE1A
- list.activeSelectionBackground#2F8FAE12
- list.activeSelectionForeground#1E2930
- list.focusBackground#2F8FAE12
- list.hoverBackground#2F8FAE0D
- list.inactiveSelectionBackground#2F8FAE12
- menu.background#ECF6F8
- menu.foreground#1E2930
- menu.selectionBackground#2F8FAE1A
- menu.separatorBackground#DAE8EC
- menubar.selectionBackground#E1EDF0
- notificationCenter.background#ECF6F8
- notificationCenter.border#DAE8EC
- notificationCenterHeader.background#ECF6F8
- notificationCenterHeader.foreground#1E2930
- notificationLink.foreground#2E78A6
- notifications#2E78A6
- notifications.background#ECF6F8
- notifications.foreground#2E78A6
- notificationsErrorIcon.foreground#C2604C
- notificationsInfoIcon.foreground#2F8FAE
- notificationsWarningIcon.foreground#B8802F
- notificationToast.background#ECF6F8
- notificationToast.border#DAE8EC
- panel.background#F7FCFD
- panel.border#F7FCFD
- panelTitle.activeForeground#1E2930
- panelTitle.inactiveForeground#5A6C74
- peekView.border#2F8FAE
- peekViewEditor.background#F7FCFD
- peekViewResult.background#ECF6F8
- peekViewResult.selectionBackground#2F8FAE1A
- peekViewTitle.background#ECF6F8
- peekViewTitleDescription.foreground#60747B
- peekViewTitleLabel.foreground#1E2930
- pickerGroup.border#ECF6F8
- pickerGroup.foreground#93A7AE
- quickInput.background#ECF6F8
- quickInput.foreground#1E2930
- quickInputList.focusBackground#2F8FAE1A
- quickInputList.focusForeground#1E2930
- quickInputTitle.background#ECF6F8
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#8FA7B0
- scrollbarSlider.background#B5CBD280
- scrollbarSlider.hoverBackground#A2B8C0B0
- selection.background#2F8FAE33
- sideBar.background#ECF6F8
- sideBar.border#ECF6F8
- sideBar.foreground#5A6C74
- sideBarSectionHeader.background#ECF6F8
- sideBarSectionHeader.border#ECF6F8
- sideBarSectionHeader.foreground#1E2930
- statusBar.background#ECF6F8
- statusBar.border#ECF6F8
- statusBar.foreground#5A6C74
- tab.activeBackground#F7FCFD
- tab.activeBorder#2F8FAE
- tab.activeForeground#1E2930
- tab.border#ECF6F800
- tab.inactiveBackground#ECF6F8
- tab.inactiveForeground#93A7AE
- tab.unfocusedActiveBorder#2F8FAE80
- terminal.ansiBlack#4C5F66
- terminal.ansiBlue#2E78A6
- terminal.ansiCyan#2E8F9A
- terminal.ansiGreen#4D9D86
- terminal.ansiMagenta#7365C4
- terminal.ansiRed#B85E4A
- terminal.ansiWhite#F4FBFC
- terminal.ansiYellow#B8802F
- terminal.background#F7FCFD
- terminal.foreground#4C5F66
- terminal.selectionBackground#2F8FAE33
- textCodeBlock.background#E0EFF4
- textLink.foreground#2E78A6
- textSeparator.foreground#E1EDF0
- titleBar.activeBackground#F7FCFD
- titleBar.activeForeground#1E2930
- titleBar.border#F7FCFD
- titleBar.inactiveBackground#F7FCFD
- titleBar.inactiveForeground#93A7AE
- widget.shadow#00000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7A8C94 | italic |
| string, punctuation.definition.string | #2E7A45 | — |
| constant.numeric, constant.language, constant.character, constant.other | #A87530 | — |
| keyword, storage.type, storage.modifier | #B8205A | — |
| keyword.operator | #607078 | — |
| entity.name.function, support.function, meta.function-call | #1260B8 | — |
| entity.name.type, entity.name.class, support.class, support.type, entity.other.inherited-class | #907008 | — |
| variable, meta.definition.variable, support.variable, entity.name.variable | #3A4C58 | — |
| variable.parameter | #3A4C58 | italic |
| variable.other.property, support.type.property-name | #0A7880 | — |
| punctuation | #607078 | — |
| meta.object-literal.key | #0A7880 | — |
| entity.name.tag, punctuation.definition.tag | #B8205A | — |
| entity.other.attribute-name | #907008 | — |
| string.regexp | #A87530 | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, meta.selector.css | #B8205A | — |
| support.type.property-name.css | #0A7880 | — |
| support.constant.property-value.css, keyword.other.unit.css | #A87530 | — |
| entity.other.attribute-name.html.vue | #B8205A | — |
| support.class.component.html.vue | #907008 | — |
| meta.decorator punctuation.decorator, meta.decorator entity.name.function, meta.decorator entity.name.type, meta.decorator variable.other.object | #A87530 | — |
| markup.heading.markdown | #1260B8 | — |
| markup.underline.link.markdown, string.other.link.title.markdown | #2E7A45 | — |
| markup.bold.markdown | — | bold |
| markup.italic.markdown | — | italic |
| markup.inline.raw.string.markdown, markup.fenced_code.block.markdown | #607078 | — |
| invalid | #C2604C | — |
| entity.name.namespace.wildcard.python, meta.statement.import.python entity.name.module.python, support.other.module.python | #2E7A45 | — |
| support.function.builtin.python | #1260B8 | italic |
| support.function.magic.python | #1260B8 | italic |
| support.type.python | #907008 | — |
| variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python | #B8205A | italic |
| entity.name.function.decorator.python, punctuation.definition.decorator.python | #A87530 | — |
| support.variable.magic.python | #0A7880 | — |
| support.class.exception.python | #907008 | — |
| meta.fstring.python variable, constant.character.format.placeholder.other.python | #3A4C58 | — |