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#F6EFE3
- activityBar.border#F6EFE3
- activityBar.foreground#64584C
- activityBar.inactiveForeground#A7998A
- badge.background#B88A52
- badge.foreground#FFFFFF
- button.background#B88A52
- button.foreground#FFFFFF
- button.hoverBackground#A97B44
- descriptionForeground#76695B
- diffEditor.insertedTextBackground#88935720
- diffEditor.removedTextBackground#C3664820
- dropdown.background#F6EFE3
- dropdown.border#F6EFE3
- dropdown.foreground#2B241D
- dropdown.listBackground#F6EFE3
- editor.background#FDF9F2
- editor.foreground#2B241D
- editor.hover.background#FEFCF8
- editor.hover.border#E8DECF
- editor.hover.foreground#2B241D
- editor.hover.statusBarBackground#F6EFE3
- editor.lineHighlightBackground#FBF5EB
- editor.selectionBackground#B88A5233
- editor.selectionHighlightBackground#88935720
- editor.wordHighlightBackground#B88A5215
- editor.wordHighlightStrongBackground#B88A521F
- editorBracketHighlight.foreground1#C03028
- editorBracketHighlight.foreground2#2A60B0
- editorBracketHighlight.foreground3#907008
- editorBracketHighlight.foreground4#4A7A2A
- editorBracketHighlight.foreground5#AA6020
- editorBracketHighlight.foreground6#0A7868
- editorBracketMatch.background#B88A5215
- editorBracketMatch.border#B88A52
- editorCursor.foreground#B88A52
- editorGroupHeader.tabsBackground#F6EFE3
- editorGroupHeader.tabsBorder#F6EFE300
- editorGutter.addedBackground#889357
- editorGutter.deletedBackground#C36648
- editorGutter.modifiedBackground#B88A52
- editorHoverWidget.background#FEFCF8
- editorHoverWidget.border#E8DECF
- editorHoverWidget.foreground#2B241D
- editorHoverWidget.statusBarBackground#F6EFE3
- editorIndentGuide.activeBackground#E3D7C8
- editorIndentGuide.background#EEE5D8
- editorWhitespace.foreground#E3D7C8
- editorWidget.background#F6EFE3
- editorWidget.border#F6EFE3
- errorForeground#C36648
- focusBorder#B88A5280
- foreground#2B241D
- gitDecoration.conflictingResourceForeground#C36648
- gitDecoration.ignoredResourceForeground#B2A495
- gitDecoration.modifiedResourceForeground#B88A52
- gitDecoration.untrackedResourceForeground#889357
- icon.foreground#64584C
- input.background#FEFCF8
- input.border#FEFCF800
- input.foreground#2B241D
- input.placeholderForeground#A7998A
- inputOption.activeBackground#B88A521A
- list.activeSelectionBackground#B88A5212
- list.activeSelectionForeground#2B241D
- list.focusBackground#B88A5212
- list.hoverBackground#B88A520D
- list.inactiveSelectionBackground#B88A5212
- menu.background#F6EFE3
- menu.foreground#2B241D
- menu.selectionBackground#B88A521A
- menu.separatorBackground#E8DECF
- menubar.selectionBackground#EEE5D8
- notificationCenter.background#F6EFE3
- notificationCenter.border#E8DECF
- notificationCenterHeader.background#F6EFE3
- notificationCenterHeader.foreground#2B241D
- notificationLink.foreground#A77642
- notifications#A77642
- notifications.background#F6EFE3
- notifications.foreground#A77642
- notificationsErrorIcon.foreground#C36648
- notificationsInfoIcon.foreground#B88A52
- notificationsWarningIcon.foreground#B98842
- notificationToast.background#F6EFE3
- notificationToast.border#E8DECF
- panel.background#FDF9F2
- panel.border#FDF9F2
- panelTitle.activeForeground#2B241D
- panelTitle.inactiveForeground#64584C
- peekView.border#B88A52
- peekViewEditor.background#FDF9F2
- peekViewResult.background#F6EFE3
- peekViewResult.selectionBackground#B88A521A
- peekViewTitle.background#F6EFE3
- peekViewTitleDescription.foreground#76695B
- peekViewTitleLabel.foreground#2B241D
- pickerGroup.border#F6EFE3
- pickerGroup.foreground#A7998A
- quickInput.background#F6EFE3
- quickInput.foreground#2B241D
- quickInputList.focusBackground#B88A521A
- quickInputList.focusForeground#2B241D
- quickInputTitle.background#F6EFE3
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#A79580
- scrollbarSlider.background#C8B8A580
- scrollbarSlider.hoverBackground#B7A792B0
- selection.background#B88A5233
- sideBar.background#F6EFE3
- sideBar.border#F6EFE3
- sideBar.foreground#64584C
- sideBarSectionHeader.background#F6EFE3
- sideBarSectionHeader.border#F6EFE3
- sideBarSectionHeader.foreground#2B241D
- statusBar.background#F6EFE3
- statusBar.border#F6EFE3
- statusBar.foreground#64584C
- tab.activeBackground#FDF9F2
- tab.activeBorder#B88A52
- tab.activeForeground#2B241D
- tab.border#F6EFE300
- tab.inactiveBackground#F6EFE3
- tab.inactiveForeground#A7998A
- tab.unfocusedActiveBorder#B88A5280
- terminal.ansiBlack#5B5045
- terminal.ansiBlue#A77642
- terminal.ansiCyan#347E79
- terminal.ansiGreen#7F8E4F
- terminal.ansiMagenta#7B63BA
- terminal.ansiRed#B85D42
- terminal.ansiWhite#FBF6EF
- terminal.ansiYellow#B98842
- terminal.background#FDF9F2
- terminal.foreground#5B5045
- terminal.selectionBackground#B88A5233
- textCodeBlock.background#F1E4D3
- textLink.foreground#A77642
- textSeparator.foreground#EEE5D8
- titleBar.activeBackground#FDF9F2
- titleBar.activeForeground#2B241D
- titleBar.border#FDF9F2
- titleBar.inactiveBackground#FDF9F2
- titleBar.inactiveForeground#A7998A
- widget.shadow#00000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #887A70 | italic |
| string, punctuation.definition.string | #4A7A2A | — |
| constant.numeric, constant.language, constant.character, constant.other | #AA6020 | — |
| keyword, storage.type, storage.modifier | #C03028 | — |
| keyword.operator | #7A7068 | — |
| entity.name.function, support.function, meta.function-call | #2A60B0 | — |
| entity.name.type, entity.name.class, support.class, support.type, entity.other.inherited-class | #907008 | — |
| variable, meta.definition.variable, support.variable, entity.name.variable | #484038 | — |
| variable.parameter | #484038 | italic |
| variable.other.property, support.type.property-name | #0A7868 | — |
| punctuation | #7A7068 | — |
| meta.object-literal.key | #0A7868 | — |
| entity.name.tag, punctuation.definition.tag | #C03028 | — |
| entity.other.attribute-name | #907008 | — |
| string.regexp | #AA6020 | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, meta.selector.css | #C03028 | — |
| support.type.property-name.css | #0A7868 | — |
| support.constant.property-value.css, keyword.other.unit.css | #AA6020 | — |
| entity.other.attribute-name.html.vue | #C03028 | — |
| 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 | #AA6020 | — |
| markup.heading.markdown | #2A60B0 | — |
| markup.underline.link.markdown, string.other.link.title.markdown | #4A7A2A | — |
| markup.bold.markdown | — | bold |
| markup.italic.markdown | — | italic |
| markup.inline.raw.string.markdown, markup.fenced_code.block.markdown | #7A7068 | — |
| invalid | #C06040 | — |
| entity.name.namespace.wildcard.python, meta.statement.import.python entity.name.module.python, support.other.module.python | #4A7A2A | — |
| support.function.builtin.python | #2A60B0 | italic |
| support.function.magic.python | #2A60B0 | italic |
| support.type.python | #907008 | — |
| variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python | #C03028 | italic |
| entity.name.function.decorator.python, punctuation.definition.decorator.python | #AA6020 | — |
| support.variable.magic.python | #0A7868 | — |
| support.class.exception.python | #907008 | — |
| meta.fstring.python variable, constant.character.format.placeholder.other.python | #484038 | — |