Flotta Theme
Publisher: andr35Themes in package: 1
Theme based on the JetBrains Fleet / Toolbox color palette. Token colors are from Material Theme.
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.activeBackground#3e4347
- activityBar.activeBorder#167dff
- activityBar.activeFocusBorder#f0f0f0
- activityBar.background#121314
- activityBar.border#FFFFFF00
- activityBar.dropBorder#167dff
- activityBar.foreground#f0f0f0
- activityBar.inactiveForeground#939394
- activityBarBadge.background#167dff
- activityBarBadge.foreground#ffffff
- badge.background#3e4347
- badge.foreground#939394
- banner.background#363a40
- banner.foreground#f0f0f0
- banner.iconForeground#f0f0f0
- button.background#167dff
- button.border#FFFFFF00
- button.foreground#f0f0f0
- button.hoverBackground#2887ff
- button.secondaryBackground#23272b
- button.secondaryForeground#f0f0f0
- button.secondaryHoverBackground#33373b
- button.separator#f0f0f0
- charts.blue#1a85f6
- charts.green#3ea17f
- charts.orange#FC680A
- charts.purple#6d4cff
- charts.red#db3552
- charts.yellow#f8ab17
- checkbox.background#167dff
- checkbox.border#FFFFFF00
- checkbox.foreground#f0f0f0
- commandCenter.activeBackground#3e4347
- commandCenter.activeForeground#f0f0f0
- commandCenter.background#363a40
- commandCenter.border#FFFFFF00
- commandCenter.foreground#f0f0f0
- debugConsole.errorForeground#db3552
- debugConsole.infoForeground#1a85f6
- debugConsole.warningForeground#f8ab17
- debugExceptionWidget.background#db3552
- debugExceptionWidget.border#FFFFFF00
- debugIcon.breakpointForeground#db3552
- debugIcon.continueForeground#1a85f6
- debugIcon.pauseForeground#1a85f6
- debugIcon.restartForeground#3ea17f
- debugIcon.startForeground#3ea17f
- debugIcon.stepBackForeground#1a85f6
- debugIcon.stepIntoForeground#1a85f6
- debugIcon.stepOutForeground#1a85f6
- debugIcon.stepOverForeground#1a85f6
- debugIcon.stopForeground#db3552
- debugTokenExpression.name#167dff
- debugTokenExpression.value#939394
- debugToolBar.background#363a40
- debugToolBar.border#363a40
- descriptionForeground#f0f0f0
- disabledForeground#f0f0f0
- dropdown.background#363a40
- dropdown.border#FFFFFF00
- dropdown.foreground#f0f0f0
- dropdown.listBackground#363a40
- editor.background#23272b
- editor.foreground#eeffff
- editor.stackFrameHighlightBackground#167dff33
- editorGhostText.background#FFFFFF00
- editorGhostText.border#FFFFFF00
- editorGhostText.foreground#939394
- editorGroup.border#FFFFFF00
- editorGroup.dropBackground#3e434780
- editorGroup.dropIntoPromptBackground#23272b
- editorGroup.dropIntoPromptBorder#FFFFFF00
- editorGroup.dropIntoPromptForeground#f0f0f0
- editorGroup.emptyBackground#23272b
- editorGroup.focusedEmptyBorder#FFFFFF00
- editorGroupHeader.border#FFFFFF00
- editorGroupHeader.noTabsBackground#23272b
- editorGroupHeader.tabsBackground#23272b
- editorGroupHeader.tabsBorder#FFFFFF00
- editorHoverWidget.background#363a40
- editorHoverWidget.border#FFFFFF00
- editorHoverWidget.foreground#f0f0f0
- editorHoverWidget.highlightForeground#f0f0f0
- editorHoverWidget.statusBarBackground#3e4347
- editorMarkerNavigation.background#363a40
- editorMarkerNavigationError.background#db3552
- editorMarkerNavigationError.headerBackground#db3552
- editorMarkerNavigationInfo.background#1a85f6
- editorMarkerNavigationInfo.headerBackground#1a85f6
- editorMarkerNavigationWarning.background#f8ab17
- editorMarkerNavigationWarning.headerBackground#f8ab17
- editorPane.background#23272b
- editorStickyScroll.background#363a40
- editorStickyScrollHover.background#3e4347
- editorSuggestWidget.background#363a40
- editorSuggestWidget.border#FFFFFF00
- editorSuggestWidget.focusHighlightForeground#f0f0f0
- editorSuggestWidget.foreground#f0f0f0
- editorSuggestWidget.highlightForeground#f0f0f0
- editorSuggestWidget.selectedBackground#3e4347
- editorSuggestWidget.selectedForeground#f0f0f0
- editorSuggestWidget.selectedIconForeground#f0f0f0
- editorSuggestWidgetStatus.foreground#f0f0f0
- editorWidget.background#363a40
- editorWidget.border#FFFFFF00
- editorWidget.foreground#f0f0f0
- editorWidget.resizeBorder#167dff
- errorForeground#db3552
- focusBorder#FFFFFF00
- foreground#f0f0f0
- gitDecoration.addedResourceForeground#3ea17f
- gitDecoration.conflictingResourceForeground#6d4cff
- gitDecoration.deletedResourceForeground#db3552
- gitDecoration.ignoredResourceForeground#939394
- gitDecoration.modifiedResourceForeground#f8ab17
- gitDecoration.renamedResourceForeground#1a85f6
- gitDecoration.stageDeletedResourceForeground#db3552
- gitDecoration.stageModifiedResourceForeground#f8ab17
- gitDecoration.submoduleResourceForeground#1a85f6
- gitDecoration.untrackedResourceForeground#3ea17f
- icon.foreground#f0f0f0
- input.background#363a40
- input.foreground#f0f0f0
- input.placeholderForeground#939394
- inputOption.activeBackground#23272b
- inputOption.activeBorder#167dff
- inputOption.activeForeground#f0f0f0
- inputOption.hoverBackground#3e4347
- inputValidation.errorBackground#db3552
- inputValidation.errorBorder#db3552
- inputValidation.errorForeground#f0f0f0
- inputValidation.infoBackground#1a85f6
- inputValidation.infoBorder#1a85f6
- inputValidation.infoForeground#f0f0f0
- inputValidation.warningBackground#f8ab17
- inputValidation.warningBorder#f8ab17
- inputValidation.warningForeground#121314
- keybindingLabel.background#3e4347
- keybindingLabel.border#FFFFFF00
- keybindingLabel.bottomBorder#167dff
- keybindingLabel.foreground#f0f0f0
- list.activeSelectionBackground#3e4347
- list.activeSelectionForeground#f0f0f0
- list.activeSelectionIconForeground#f0f0f0
- list.deemphasizedForeground#121314
- list.dropBackground#3e4347
- list.errorForeground#db3552
- list.filterMatchBackground#167dff
- list.filterMatchBorder#FFFFFF00
- list.focusAndSelectionOutline#167dff
- list.focusBackground#3e4347
- list.focusForeground#f0f0f0
- list.focusHighlightForeground#f0f0f0
- list.focusOutline#FFFFFF00
- list.highlightForeground#167dff
- list.hoverBackground#3e4347
- list.hoverForeground#f0f0f0
- list.inactiveFocusBackground#3e4347
- list.inactiveFocusOutline#FFFFFF00
- list.inactiveSelectionBackground#3e4347
- list.inactiveSelectionForeground#f0f0f0
- list.inactiveSelectionIconForeground#f0f0f0
- list.invalidItemForeground#db3552
- list.warningForeground#f8ab17
- listFilterWidget.background#23272b
- listFilterWidget.noMatchesOutline#FFFFFF00
- listFilterWidget.outline#FFFFFF00
- listFilterWidget.shadow#FFFFFF00
- notificationCenter.border#FFFFFF00
- notificationCenterHeader.background#363a40
- notificationCenterHeader.foreground#f0f0f0
- notifications.background#363a40
- notifications.border#FFFFFF00
- notifications.foreground#f0f0f0
- notificationsErrorIcon.foreground#db3552
- notificationsInfoIcon.foreground#1a85f6
- notificationsWarningIcon.foreground#f8ab17
- notificationToast.border#FFFFFF00
- panelTitle.activeBorder#f0f0f0
- peekView.border#1a85f6
- peekViewEditor.background#23272b
- peekViewEditor.matchHighlightBackground#3e4347
- peekViewEditor.matchHighlightBorder#FFFFFF00
- peekViewEditorGutter.background#23272b
- peekViewResult.background#363a40
- peekViewResult.fileForeground#f0f0f0
- peekViewResult.lineForeground#f0f0f0
- peekViewResult.matchHighlightBackground#167dff
- peekViewResult.selectionBackground#167dff
- peekViewResult.selectionForeground#f0f0f0
- peekViewTitle.background#1a85f6
- peekViewTitleDescription.foreground#f0f0f0
- peekViewTitleLabel.foreground#f0f0f0
- ports.iconRunningProcessForeground#167dff
- progressBar.background#167dff
- scrollbar.shadow#FFFFFF00
- scrollbarSlider.activeBackground#94969880
- scrollbarSlider.background#61646780
- scrollbarSlider.hoverBackground#94969880
- selection.background#1f3e65
- settings.focusedRowBackground#FFFFFF00
- settings.focusedRowBorder#FFFFFF00
- settings.modifiedItemIndicator#167dff
- sideBar.background#23272b
- sideBar.border#3e4347
- sideBar.dropBackground#3e4347
- sideBar.foreground#f0f0f0
- sideBarSectionHeader.background#23272b
- sideBarSectionHeader.border#FFFFFF00
- sideBarSectionHeader.foreground#f0f0f0
- sideBarTitle.foreground#167dff
- sideBySideEditor.horizontalBorder#FFFFFF00
- sideBySideEditor.verticalBorder#FFFFFF00
- statusBar.background#23272b
- statusBar.border#FFFFFF00
- statusBar.debuggingBackground#b53348
- statusBar.debuggingBorder#FFFFFF00
- statusBar.debuggingForeground#f0f0f0
- statusBar.foreground#f0f0f0
- statusBar.noFolderBackground#23272b
- statusBar.noFolderBorder#FFFFFF00
- statusBar.noFolderForeground#f0f0f0
- statusBarItem.errorBackground#db3552
- statusBarItem.errorForeground#f0f0f0
- statusBarItem.remoteBackground#167dff
- statusBarItem.remoteForeground#f0f0f0
- statusBarItem.warningBackground#f8ab17
- statusBarItem.warningForeground#121314
- tab.activeBackground#23272b
- tab.activeBorder#FFFFFF00
- tab.activeBorderTop#f0f0f0
- tab.activeForeground#f0f0f0
- tab.activeModifiedBorder#FFFFFF00
- tab.border#FFFFFF00
- tab.hoverBackground#23272b
- tab.hoverBorder#FFFFFF00
- tab.hoverForeground#f0f0f0
- tab.inactiveBackground#363a40
- tab.inactiveForeground#939394
- tab.inactiveModifiedBorder#FFFFFF00
- tab.lastPinnedBorder#167dff
- tab.unfocusedActiveBackground#23272b
- tab.unfocusedActiveBorder#FFFFFF00
- tab.unfocusedActiveBorderTop#FFFFFF00
- tab.unfocusedActiveForeground#f0f0f0
- tab.unfocusedActiveModifiedBorder#FFFFFF00
- tab.unfocusedHoverBackground#23272b
- tab.unfocusedHoverBorder#FFFFFF00
- tab.unfocusedHoverForeground#f0f0f0
- tab.unfocusedInactiveBackground#363a40
- tab.unfocusedInactiveForeground#939394
- tab.unfocusedInactiveModifiedBorder#FFFFFF00
- testing.iconErrored#f8ab17
- testing.iconFailed#db3552
- testing.iconPassed#3ea17f
- textLink.activeForeground#75afe7
- textLink.foreground#4797e5
- titleBar.activeBackground#23272b
- titleBar.activeForeground#f0f0f0
- titleBar.border#FFFFFF00
- titleBar.inactiveBackground#23272b
- titleBar.inactiveForeground#f0f0f0
- toolbar.hoverBackground#3e4347
- tree.indentGuidesStroke#3e4347
- tree.tableColumnsBorder#363a40
- tree.tableOddRowsBackground#363a40
- widget.shadow#FFFFFF00
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| Global settings | #EEFFFF | — |
| string | #C3E88D | — |
| punctuation, constant.other.symbol | #89DDFF | — |
| constant.character.escape, text.html constant.character.entity.named | #EEFFFF | — |
| constant.language.boolean | #ff9cac | — |
| constant.numeric | #F78C6C | — |
| variable, variable.parameter, support.variable, variable.language, support.constant, meta.definition.variable entity.name.function, meta.function-call.arguments | #EEFFFF | — |
| keyword.other | #F78C6C | — |
| keyword, modifier, variable.language.this, support.type.object, constant.language | #89DDFF | — |
| entity.name.function, support.function | #82AAFF | — |
| storage.type, storage.modifier, storage.control | #C792EA | — |
| support.module, support.node | #f07178 | italic |
| support.type, constant.other.key | #FFCB6B | — |
| entity.name.type, entity.other.inherited-class, entity.other | #FFCB6B | — |
| comment | #546E7A | italic |
| comment punctuation.definition.comment, string.quoted.docstring | #546E7A | italic |
| punctuation | #89DDFF | — |
| entity.name, entity.name.type.class, support.type, support.class, meta.use | #FFCB6B | — |
| variable.object.property, meta.field.declaration entity.name.function | #f07178 | — |
| meta.definition.method entity.name.function | #f07178 | — |
| meta.function entity.name.function | #82AAFF | — |
| template.expression.begin, template.expression.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #89DDFF | — |
| meta.embedded, source.groovy.embedded, meta.template.expression | #EEFFFF | — |
| entity.name.tag.yaml | #f07178 | — |
| meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json | #f07178 | — |
| constant.language.json | #89DDFF | — |
| entity.other.attribute-name.class | #FFCB6B | — |
| entity.other.attribute-name.id | #F78C6C | — |
| source.css entity.name.tag | #FFCB6B | — |
| support.type.property-name.css | #B2CCD6 | — |
| meta.tag, punctuation.definition.tag | #89DDFF | — |
| entity.name.tag | #f07178 | — |
| entity.other.attribute-name | #C792EA | — |
| punctuation.definition.entity.html | #EEFFFF | — |
| markup.heading | #89DDFF | — |
| text.html.markdown meta.link.inline, meta.link.reference | #f07178 | — |
| text.html.markdown beginning.punctuation.definition.list | #89DDFF | — |
| markup.italic | #f07178 | italic |
| markup.bold | #f07178 | bold |
| markup.bold markup.italic, markup.italic markup.bold | #f07178 | italic bold |
| markup.fenced_code.block.markdown punctuation.definition.markdown | #C3E88D | — |
| markup.inline.raw.string.markdown | #C3E88D | — |
| keyword.other.definition.ini | #f07178 | — |
| entity.name.section.group-title.ini | #89DDFF | — |
| source.cs meta.class.identifier storage.type | #FFCB6B | — |
| source.cs meta.method.identifier entity.name.function | #f07178 | — |
| source.cs meta.method-call meta.method, source.cs entity.name.function | #82AAFF | — |
| source.cs storage.type | #FFCB6B | — |
| source.cs meta.method.return-type | #FFCB6B | — |
| source.cs meta.preprocessor | #546E7A | — |
| source.cs entity.name.type.namespace | #EEFFFF | — |
| meta.jsx.children, SXNested | #EEFFFF | — |
| support.class.component | #FFCB6B | — |
| source.cpp meta.block variable.other | #EEFFFF | — |
| source.python meta.member.access.python | #f07178 | — |
| source.python meta.function-call.python, meta.function-call.arguments | #82AAFF | — |
| meta.block | #f07178 | — |
| entity.name.function.call | #82AAFF | — |
| source.php support.other.namespace, source.php meta.use support.class | #EEFFFF | — |
| constant.keyword | #89DDFF | italic |
| entity.name.function | #82AAFF | — |
| Global settings | #EEFFFF | — |
| markup.deleted | #f07178 | — |
| markup.inserted | #C3E88D | — |
| markup.underline | — | underline |
| keyword.control | #89DDFF | italic |
| variable.parameter | — | italic |
| variable.parameter.function.language.special.self.python | #f07178 | italic |
| constant.character.format.placeholder.other.python | #F78C6C | — |
| markup.quote | #89DDFF | italic |
| markup.fenced_code.block | #EEFFFF90 | — |
| punctuation.definition.quote | #ff9cac | — |
| meta.structure.dictionary.json support.type.property-name.json | #C792EA | — |
| meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FFCB6B | — |
| meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #F78C6C | — |
| meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #f07178 | — |
| meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #916b53 | — |
| meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #82AAFF | — |
| meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #ff9cac | — |
| meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C792EA | — |
| meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C3E88D | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...