Flutter Best Theme
Publisher: Houssem Eddine FadhliThemes in package: 1
A VS Code theme designed for Flutter devs: clear widgets, nested brackets, and vibrant colors.
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#0B0F14
- activityBar.border#141824
- activityBar.foreground#39FF14
- activityBar.inactiveForeground#4B5360
- editor.background#0D1117
- editor.foreground#ECEFF4
- editor.inactiveSelectionBackground#141824
- editor.lineHighlightBackground#141824
- editor.selectionBackground#FFFFFF4D
- editorBracketMatch.background#1B1F2B
- editorBracketMatch.border#39FF14
- editorCursor.foreground#39FF14
- editorError.foreground#FF4B5C
- editorGroup.background#0D1117
- editorGroup.border#141824
- editorIndentGuide.activeBackground#2C2F40
- editorIndentGuide.background#1A1F2A
- editorInfo.foreground#00CED1
- editorLineNumber.activeForeground#FF6EC7
- editorLineNumber.foreground#4B5360
- editorWarning.foreground#FFD41D
- editorWhitespace.foreground#2A2F3A
- focusBorder#39FF14
- input.background#141824
- input.border#2C2F40
- input.foreground#ECEFF4
- list.activeSelectionBackground#1B1F2B
- list.activeSelectionForeground#ECEFF4
- list.highlightForeground#39FF14
- list.hoverBackground#141824
- list.inactiveSelectionBackground#141824
- panel.background#0B0F14
- panel.border#141824
- panelTitle.activeForeground#FF6EC7
- panelTitle.inactiveForeground#5B6770
- scrollbarSlider.activeBackground#39FF14
- scrollbarSlider.background#2A2F3A
- scrollbarSlider.hoverBackground#4B5360
- sideBar.background#0B0F14
- sideBar.border#141824
- sideBar.foreground#BFC5D2
- sideBarSectionHeader.background#0D1117
- sideBarSectionHeader.foreground#FF6EC7
- sideBarTitle.foreground#ECEFF4
- statusBar.background#0B0F14
- statusBar.border#141824
- statusBar.debuggingBackground#FFD41D
- statusBar.debuggingForeground#0D1117
- statusBar.foreground#ECEFF4
- tab.activeBackground#0D1117
- tab.activeBorder#39FF14
- tab.activeForeground#ECEFF4
- tab.border#141824
- tab.inactiveBackground#0B0F14
- tab.inactiveForeground#5B6770
- terminal.background#0B0F14
- terminal.foreground#ECEFF4
- terminalCursor.foreground#39FF14
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| support.class.dart | #39FF14 | — |
| support.class.row.dart, support.class.column.dart, support.class.stack.dart, support.class.expanded.dart, support.class.padding.dart | #FF6EC7 | — |
| entity.name.function.build.dart | #FFD41D | bold |
| storage.modifier.const.dart | #00CED1 | bold |
| keyword.control.async.dart, keyword.control.await.dart | #FFD41D | bold |
| support.function.navigator.dart, support.function.context.go.dart, support.function.context.push.dart | #DDBA7D | — |
| support.function.setstate.dart, support.function.emit.dart, support.variable.ref.dart | #FFD41D | bold |
| string | #00CED1 | — |
| constant.numeric | #FF8C00 | — |
| constant.language.boolean | #FFD41D | — |
| punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.arguments | #6B7280 | — |