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#FDFDFD
- activityBar.border#FDFDFD
- activityBar.foreground#484848
- activityBar.inactiveForeground#888888
- badge.background#007AFF
- badge.foreground#FFFFFF
- button.background#007AFF
- button.foreground#FFFFFF
- button.hoverBackground#0070e6
- descriptionForeground#736e6e
- diffEditor.insertedTextBackground#007AFF20
- diffEditor.removedTextBackground#FF3B3020
- dropdown.background#FDFDFD
- dropdown.border#FDFDFD
- dropdown.foreground#1d1d1f
- dropdown.listBackground#FDFDFD
- editor.background#FFFFFF
- editor.foreground#1d1d1f
- editor.hover.background#FFFFFF
- editor.hover.border#f0f0f0
- editor.hover.foreground#1d1d1f
- editor.hover.statusBarBackground#FDFDFD
- editor.lineHighlightBackground#FFFFFF
- editor.selectionBackground#007AFF40
- editor.selectionHighlightBackground#2A844220
- editor.wordHighlightBackground#007AFF15
- editor.wordHighlightStrongBackground#007AFF1A
- editorBracketHighlight.foreground1#C2185B
- editorBracketHighlight.foreground2#1565C0
- editorBracketHighlight.foreground3#9A6B08
- editorBracketHighlight.foreground4#2E7D32
- editorBracketHighlight.foreground5#C75B30
- editorBracketHighlight.foreground6#00796B
- editorBracketMatch.background#007AFF15
- editorBracketMatch.border#007AFF
- editorCursor.foreground#007AFF
- editorGroupHeader.tabsBackground#FDFDFD
- editorGroupHeader.tabsBorder#FDFDFD00
- editorGutter.addedBackground#007AFF
- editorGutter.deletedBackground#FF3B30
- editorGutter.modifiedBackground#007AFF
- editorHoverWidget.background#FFFFFF
- editorHoverWidget.border#f0f0f0
- editorHoverWidget.foreground#1d1d1f
- editorHoverWidget.statusBarBackground#FDFDFD
- editorIndentGuide.activeBackground#d1d5da
- editorIndentGuide.background#eaeaeb
- editorWhitespace.foreground#d1d5da
- editorWidget.background#FDFDFD
- editorWidget.border#FDFDFD
- errorForeground#d73a49
- focusBorder#007AFF80
- foreground#1d1d1f
- gitDecoration.conflictingResourceForeground#FF3B30
- gitDecoration.ignoredResourceForeground#b0b0b0
- gitDecoration.modifiedResourceForeground#007AFF
- gitDecoration.untrackedResourceForeground#007AFF
- icon.foreground#484848
- input.background#FFFFFF
- input.border#FFFFFF00
- input.foreground#1d1d1f
- input.placeholderForeground#a0a0a0
- inputOption.activeBackground#007AFF1A
- list.activeSelectionBackground#007AFF10
- list.activeSelectionForeground#1d1d1f
- list.focusBackground#007AFF10
- list.hoverBackground#007AFF0A
- list.inactiveSelectionBackground#007AFF10
- menu.background#FDFDFD
- menu.foreground#1d1d1f
- menu.selectionBackground#007AFF1A
- menu.separatorBackground#f0f0f0
- menubar.selectionBackground#eaeaeb
- notificationCenter.background#FDFDFD
- notificationCenter.border#f0f0f0
- notificationCenterHeader.background#FDFDFD
- notificationCenterHeader.foreground#1d1d1f
- notificationLink.foreground#007AFF
- notifications.background#FDFDFD
- notifications.foreground#007AFF
- notificationsErrorIcon.foreground#FF3B30
- notificationsInfoIcon.foreground#007AFF
- notificationsWarningIcon.foreground#C45500
- notificationToast.background#FDFDFD
- notificationToast.border#f0f0f0
- panel.background#FFFFFF
- panel.border#FFFFFF
- panelTitle.activeForeground#1d1d1f
- panelTitle.inactiveForeground#484848
- peekView.border#007AFF
- peekViewEditor.background#FFFFFF
- peekViewResult.background#FDFDFD
- peekViewResult.selectionBackground#007AFF1A
- peekViewTitle.background#FDFDFD
- peekViewTitleDescription.foreground#6e6e73
- peekViewTitleLabel.foreground#1d1d1f
- pickerGroup.border#FDFDFD
- pickerGroup.foreground#888888
- quickInput.background#FDFDFD
- quickInput.foreground#1d1d1f
- quickInputList.focusBackground#007AFF1A
- quickInputList.focusForeground#1d1d1f
- quickInputTitle.background#FDFDFD
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#c1c1c1
- scrollbarSlider.background#d3d3d380
- scrollbarSlider.hoverBackground#ccccccb0
- selection.background#007AFF40
- sideBar.background#FDFDFD
- sideBar.border#FDFDFD
- sideBar.foreground#484848
- sideBarSectionHeader.background#FDFDFD
- sideBarSectionHeader.border#FDFDFD
- sideBarSectionHeader.foreground#1d1d1f
- statusBar.background#FDFDFD
- statusBar.border#FDFDFD
- statusBar.foreground#484848
- tab.activeBackground#FFFFFF
- tab.activeBorder#007AFF
- tab.activeForeground#1d1d1f
- tab.border#FDFDFD00
- tab.inactiveBackground#FDFDFD
- tab.inactiveForeground#888888
- tab.unfocusedActiveBorder#007AFF80
- terminal.ansiBlack#444B54
- terminal.ansiBlue#0056B3
- terminal.ansiCyan#00827F
- terminal.ansiGreen#2A8442
- terminal.ansiMagenta#6F42C1
- terminal.ansiRed#BE005A
- terminal.ansiWhite#f5f5f7
- terminal.ansiYellow#D47500
- terminal.background#FFFFFF
- terminal.foreground#444B54
- terminal.selectionBackground#007AFF40
- textCodeBlock.background#EDE8F3
- textLink.foreground#007AFF
- textSeparator.foreground#eaeaeb
- titleBar.activeBackground#FFFFFF
- titleBar.activeForeground#1d1d1f
- titleBar.border#FFFFFF
- titleBar.inactiveBackground#FFFFFF
- titleBar.inactiveForeground#888888
- widget.shadow#00000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8C959F | italic |
| string, punctuation.definition.string | #2E7D32 | — |
| constant.numeric, constant.language, constant.character, constant.other | #C75B30 | — |
| keyword, storage.type, storage.modifier | #C2185B | — |
| keyword.operator | #8895A5 | — |
| entity.name.function, support.function, meta.function-call | #1565C0 | — |
| entity.name.type, entity.name.class, support.class, support.type, entity.other.inherited-class | #9A6B08 | — |
| variable, meta.definition.variable, support.variable, entity.name.variable | #3D4F5F | — |
| variable.parameter | #3D4F5F | italic |
| variable.other.property, support.type.property-name | #00796B | — |
| punctuation | #8895A5 | — |
| meta.object-literal.key | #00796B | — |
| entity.name.tag, punctuation.definition.tag | #C2185B | — |
| entity.other.attribute-name | #9A6B08 | — |
| string.regexp | #C75B30 | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, meta.selector.css | #C2185B | — |
| support.type.property-name.css | #00796B | — |
| support.constant.property-value.css, keyword.other.unit.css | #C75B30 | — |
| entity.other.attribute-name.html.vue | #C2185B | — |
| support.class.component.html.vue | #9A6B08 | — |
| meta.decorator punctuation.decorator, meta.decorator entity.name.function, meta.decorator entity.name.type, meta.decorator variable.other.object | #C75B30 | — |
| markup.heading.markdown | #1565C0 | — |
| markup.underline.link.markdown, string.other.link.title.markdown | #2E7D32 | — |
| markup.bold.markdown | — | bold |
| markup.italic.markdown | — | italic |
| markup.inline.raw.string.markdown, markup.fenced_code.block.markdown | #8895A5 | — |
| invalid | #D73A49 | — |
| entity.name.namespace.wildcard.python, meta.statement.import.python entity.name.module.python, support.other.module.python | #2E7D32 | — |
| support.function.builtin.python | #1565C0 | italic |
| support.function.magic.python | #1565C0 | italic |
| support.type.python | #9A6B08 | — |
| variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python | #C2185B | italic |
| entity.name.function.decorator.python, punctuation.definition.decorator.python | #C75B30 | — |
| support.variable.magic.python | #00796B | — |
| support.class.exception.python | #9A6B08 | — |
| meta.fstring.python variable, constant.character.format.placeholder.other.python | #3D4F5F | — |