Turnstyle
Publisher: Francisco ThiagoThemes in package: 2
Turnstile theme based on never enough colors
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.activeBorder#e0f0f0
- activityBar.background#1d263a
- activityBar.dropBorder#2c4259
- activityBar.foreground#e0f0f0
- activityBar.inactiveForeground#a3cbd2
- activityBarBadge.background#d7a275
- activityBarBadge.foreground#1d263a
- badge.background#d7a275
- badge.foreground#1d263a
- banner.background#223244
- banner.foreground#e0f0f0
- banner.iconForeground#a3cbd2
- breadcrumb.activeSelectionForeground#d7a275
- breadcrumb.background#1d263a
- breadcrumb.focusForeground#a3cbd2
- breadcrumb.foreground#687a87
- breadcrumbPicker.background#223244
- button.background#d7a275
- button.foreground#1d263a
- button.hoverBackground#d7a275e6
- button.secondaryBackground#223244
- button.secondaryForeground#e0f0f0
- button.secondaryHoverBackground#2c4259
- charts.blue#dfdf90
- charts.foreground#e0f0f0
- charts.green#75a6eb
- charts.lines#a3cbd2
- charts.orange#d7a275
- charts.purple#4fa190
- charts.red#a3cbd2
- charts.yellow#da81aa
- checkbox.background#223244
- checkbox.border#817c9c26
- checkbox.foreground#e0f0f0
- debugExceptionWidget.background#223244
- debugExceptionWidget.border#817c9c26
- debugIcon.breakpointCurrentStackframeForeground#a3cbd2
- debugIcon.breakpointDisabledForeground#a3cbd2
- debugIcon.breakpointForeground#a3cbd2
- debugIcon.breakpointStackframeForeground#a3cbd2
- debugIcon.breakpointUnverifiedForeground#a3cbd2
- debugIcon.continueForeground#a3cbd2
- debugIcon.disconnectForeground#a3cbd2
- debugIcon.pauseForeground#a3cbd2
- debugIcon.restartForeground#a3cbd2
- debugIcon.startForeground#a3cbd2
- debugIcon.stepBackForeground#a3cbd2
- debugIcon.stepIntoForeground#a3cbd2
- debugIcon.stepOutForeground#a3cbd2
- debugIcon.stepOverForeground#a3cbd2
- debugIcon.stopForeground#a3cbd2
- debugToolBar.background#223244
- debugToolBar.border#2c4259
- descriptionForeground#a3cbd2
- diffEditor.border#2c4259
- diffEditor.diagonalFill#817c9c4d
- diffEditor.insertedLineBackground#dfdf9026
- diffEditor.insertedTextBackground#dfdf9026
- diffEditor.removedLineBackground#a3cbd226
- diffEditor.removedTextBackground#a3cbd226
- diffEditorOverview.insertedForeground#dfdf9080
- diffEditorOverview.removedForeground#a3cbd280
- dropdown.background#223244
- dropdown.border#817c9c26
- dropdown.foreground#e0f0f0
- dropdown.listBackground#223244
- editor.background#1d263a
- editor.findMatchBackground#da81aa33
- editor.findMatchBorder#da81aa80
- editor.findMatchForeground#e0f0f0
- editor.findMatchHighlightBackground#817c9c4d
- editor.findMatchHighlightForeground#e0f0f0cc
- editor.findRangeHighlightBackground#817c9c4d
- editor.findRangeHighlightBorder#0000
- editor.focusedStackFrameHighlightBackground#817c9c26
- editor.foldBackground#817c9c26
- editor.foreground#e0f0f0
- editor.hoverHighlightBackground#0000
- editor.inactiveSelectionBackground#817c9c14
- editor.inlineValuesBackground#0000
- editor.inlineValuesForeground#a3cbd2
- editor.lineHighlightBackground#817c9c14
- editor.lineHighlightBorder#0000
- editor.linkedEditingBackground#817c9c26
- editor.rangeHighlightBackground#817c9c14
- editor.selectionBackground#817c9c26
- editor.selectionForeground#e0f0f0
- editor.selectionHighlightBackground#817c9c26
- editor.selectionHighlightBorder#1d263a
- editor.snippetFinalTabstopHighlightBackground#817c9c26
- editor.snippetFinalTabstopHighlightBorder#223244
- editor.snippetTabstopHighlightBackground#817c9c26
- editor.snippetTabstopHighlightBorder#223244
- editor.stackFrameHighlightBackground#817c9c26
- editor.symbolHighlightBackground#817c9c26
- editor.symbolHighlightBorder#0000
- editor.wordHighlightBackground#817c9c26
- editor.wordHighlightBorder#0000
- editor.wordHighlightStrongBackground#817c9c26
- editor.wordHighlightStrongBorder#817c9c26
- editorBracketHighlight.foreground1#a3cbd280
- editorBracketHighlight.foreground2#a8b7e680
- editorBracketHighlight.foreground3#da81aa80
- editorBracketHighlight.foreground4#dfdf9080
- editorBracketHighlight.foreground5#d7a27580
- editorBracketHighlight.foreground6#4fa19080
- editorBracketMatch.background#0000
- editorBracketMatch.border#a3cbd2
- editorBracketPairGuide.activeBackground1#75a6eb
- editorBracketPairGuide.activeBackground2#d7a275
- editorBracketPairGuide.activeBackground3#4fa190
- editorBracketPairGuide.activeBackground4#dfdf90
- editorBracketPairGuide.activeBackground5#da81aa
- editorBracketPairGuide.activeBackground6#a3cbd2
- editorBracketPairGuide.background1#a8b7e680
- editorBracketPairGuide.background2#d7a27580
- editorBracketPairGuide.background3#4fa19080
- editorBracketPairGuide.background4#dfdf9080
- editorBracketPairGuide.background5#da81aa80
- editorBracketPairGuide.background6#a3cbd280
- editorCodeLens.foreground#d7a275
- editorCursor.background#e0f0f0
- editorCursor.foreground#687a87
- editorError.border#0000
- editorError.foreground#a3cbd2
- editorGhostText.foreground#a3cbd2
- editorGroup.border#0000
- editorGroup.dropBackground#223244
- editorGroup.emptyBackground#0000
- editorGroup.focusedEmptyBorder#0000
- editorGroupHeader.noTabsBackground#0000
- editorGroupHeader.tabsBackground#0000
- editorGroupHeader.tabsBorder#0000
- editorGutter.addedBackground#dfdf90
- editorGutter.background#1d263a
- editorGutter.commentRangeForeground#2c4259
- editorGutter.deletedBackground#a3cbd2
- editorGutter.foldingControlForeground#4fa190
- editorGutter.modifiedBackground#d7a275
- editorHint.border#0000
- editorHint.foreground#a3cbd2
- editorHoverWidget.background#223244
- editorHoverWidget.border#687a8780
- editorHoverWidget.foreground#a3cbd2
- editorHoverWidget.highlightForeground#e0f0f0
- editorHoverWidget.statusBarBackground#0000
- editorIndentGuide.activeBackground1#687a87
- editorIndentGuide.background1#817c9c4d
- editorInfo.border#2c4259
- editorInfo.foreground#dfdf90
- editorInlayHint.background#2c425980
- editorInlayHint.foreground#a3cbd280
- editorInlayHint.parameterBackground#2c425980
- editorInlayHint.parameterForeground#4fa19080
- editorInlayHint.typeBackground#2c425980
- editorInlayHint.typeForeground#dfdf9080
- editorLightBulb.foreground#75a6eb
- editorLightBulbAutoFix.foreground#d7a275
- editorLineNumber.activeForeground#e0f0f0
- editorLineNumber.foreground#a3cbd2
- editorLink.activeForeground#d7a275
- editorMarkerNavigation.background#223244
- editorMarkerNavigationError.background#223244
- editorMarkerNavigationInfo.background#223244
- editorMarkerNavigationWarning.background#223244
- editorOverviewRuler.addedForeground#dfdf9080
- editorOverviewRuler.background#1d263a
- editorOverviewRuler.border#817c9c4d
- editorOverviewRuler.bracketMatchForeground#a3cbd2
- editorOverviewRuler.commentForeground#a3cbd280
- editorOverviewRuler.commentUnresolvedForeground#da81aa80
- editorOverviewRuler.commonContentForeground#817c9c14
- editorOverviewRuler.currentContentForeground#817c9c26
- editorOverviewRuler.deletedForeground#a3cbd280
- editorOverviewRuler.errorForeground#a3cbd280
- editorOverviewRuler.findMatchForeground#817c9c4d
- editorOverviewRuler.incomingContentForeground#4fa19080
- editorOverviewRuler.infoForeground#dfdf9080
- editorOverviewRuler.modifiedForeground#d7a27580
- editorOverviewRuler.rangeHighlightForeground#817c9c4d
- editorOverviewRuler.selectionHighlightForeground#817c9c4d
- editorOverviewRuler.warningForeground#da81aa80
- editorOverviewRuler.wordHighlightForeground#817c9c26
- editorOverviewRuler.wordHighlightStrongForeground#817c9c4d
- editorPane.background#0000
- editorRuler.foreground#817c9c4d
- editorSuggestWidget.background#223244
- editorSuggestWidget.border#0000
- editorSuggestWidget.focusHighlightForeground#d7a275
- editorSuggestWidget.foreground#a3cbd2
- editorSuggestWidget.highlightForeground#d7a275
- editorSuggestWidget.selectedBackground#817c9c26
- editorSuggestWidget.selectedForeground#e0f0f0
- editorSuggestWidget.selectedIconForeground#e0f0f0
- editorUnnecessaryCode.border#0000
- editorUnnecessaryCode.opacity#e0f0f080
- editorWarning.border#0000
- editorWarning.foreground#da81aa
- editorWhitespace.foreground#687a8780
- editorWidget.background#223244
- editorWidget.border#2c4259
- editorWidget.foreground#a3cbd2
- editorWidget.resizeBorder#687a87
- errorForeground#a3cbd2
- extensionBadge.remoteBackground#4fa190
- extensionBadge.remoteForeground#1d263a
- extensionButton.prominentBackground#d7a275
- extensionButton.prominentForeground#1d263a
- extensionButton.prominentHoverBackground#d7a275e6
- extensionIcon.preReleaseForeground#75a6eb
- extensionIcon.starForeground#d7a275
- extensionIcon.verifiedForeground#4fa190
- focusBorder#817c9c26
- foreground#e0f0f0
- git.blame.editorDecorationForeground#687a87
- gitDecoration.addedResourceForeground#dfdf90
- gitDecoration.conflictingResourceForeground#a3cbd2
- gitDecoration.deletedResourceForeground#a3cbd2
- gitDecoration.ignoredResourceForeground#687a87
- gitDecoration.modifiedResourceForeground#d7a275
- gitDecoration.renamedResourceForeground#75a6eb
- gitDecoration.stageDeletedResourceForeground#a3cbd2
- gitDecoration.stageModifiedResourceForeground#4fa190
- gitDecoration.submoduleResourceForeground#da81aa
- gitDecoration.untrackedResourceForeground#da81aa
- icon.foreground#a3cbd2
- input.background#2c425980
- input.border#817c9c26
- input.foreground#e0f0f0
- input.placeholderForeground#a3cbd2
- inputOption.activeBackground#d7a27526
- inputOption.activeBorder#0000
- inputOption.activeForeground#d7a275
- inputValidation.errorBackground#223244
- inputValidation.errorBorder#817c9c4d
- inputValidation.errorForeground#a3cbd2
- inputValidation.infoBackground#223244
- inputValidation.infoBorder#817c9c4d
- inputValidation.infoForeground#dfdf90
- inputValidation.warningBackground#223244
- inputValidation.warningBorder#817c9c4d
- inputValidation.warningForeground#dfdf9080
- keybindingLabel.background#2c4259
- keybindingLabel.border#817c9c4d
- keybindingLabel.bottomBorder#817c9c4d
- keybindingLabel.foreground#4fa190
- keybindingTable.headerBackground#2c4259
- keybindingTable.rowsBackground#223244
- list.activeSelectionBackground#817c9c26
- list.activeSelectionForeground#e0f0f0
- list.deemphasizedForeground#a3cbd2
- list.dropBackground#223244
- list.errorForeground#a3cbd2
- list.filterMatchBackground#223244
- list.filterMatchBorder#d7a275
- list.focusBackground#817c9c4d
- list.focusForeground#e0f0f0
- list.focusOutline#817c9c26
- list.highlightForeground#d7a275
- list.hoverBackground#817c9c14
- list.hoverForeground#e0f0f0
- list.inactiveFocusBackground#817c9c14
- list.inactiveSelectionBackground#223244
- list.inactiveSelectionForeground#e0f0f0
- list.invalidItemForeground#a3cbd2
- list.warningForeground#da81aa
- listFilterWidget.background#223244
- listFilterWidget.noMatchesOutline#a3cbd2
- listFilterWidget.outline#2c4259
- menu.background#223244
- menu.border#817c9c14
- menu.foreground#e0f0f0
- menu.selectionBackground#817c9c26
- menu.selectionBorder#2c4259
- menu.selectionForeground#e0f0f0
- menu.separatorBackground#817c9c4d
- menubar.selectionBackground#817c9c26
- menubar.selectionBorder#817c9c14
- menubar.selectionForeground#e0f0f0
- merge.border#2c4259
- merge.commonContentBackground#817c9c26
- merge.commonHeaderBackground#817c9c26
- merge.currentContentBackground#da81aa33
- merge.currentHeaderBackground#da81aa33
- merge.incomingContentBackground#dfdf9033
- merge.incomingHeaderBackground#dfdf9033
- minimap.errorHighlight#a3cbd280
- minimap.findMatchHighlight#817c9c26
- minimap.selectionHighlight#817c9c26
- minimap.warningHighlight#da81aa80
- minimapGutter.addedBackground#dfdf90
- minimapGutter.deletedBackground#a3cbd2
- minimapGutter.modifiedBackground#d7a275
- minimapSlider.activeBackground#817c9c4d
- minimapSlider.background#817c9c26
- minimapSlider.hoverBackground#817c9c26
- notebook.cellBorderColor#dfdf9080
- notebook.cellEditorBackground#223244
- notebook.cellHoverBackground#2c425980
- notebook.focusedCellBackground#817c9c14
- notebook.focusedCellBorder#dfdf90
- notebook.outputContainerBackgroundColor#817c9c14
- notificationCenter.border#817c9c26
- notificationCenterHeader.background#223244
- notificationCenterHeader.foreground#a3cbd2
- notificationLink.foreground#4fa190
- notifications.background#223244
- notifications.border#817c9c26
- notifications.foreground#e0f0f0
- notificationsErrorIcon.foreground#a3cbd2
- notificationsInfoIcon.foreground#dfdf90
- notificationsWarningIcon.foreground#da81aa
- notificationToast.border#817c9c26
- panel.background#1d263a
- panel.border#a3cbd210
- panel.dropBorder#2c4259
- panelInput.border#223244
- panelSection.dropBackground#817c9c26
- panelSectionHeader.background#223244
- panelSectionHeader.foreground#e0f0f0
- panelTitle.activeBorder#817c9c4d
- panelTitle.activeForeground#e0f0f0
- panelTitle.inactiveForeground#a3cbd2
- peekView.border#2c4259
- peekViewEditor.background#223244
- peekViewEditor.matchHighlightBackground#817c9c4d
- peekViewResult.background#223244
- peekViewResult.fileForeground#a3cbd2
- peekViewResult.lineForeground#a3cbd2
- peekViewResult.matchHighlightBackground#817c9c4d
- peekViewResult.selectionBackground#817c9c26
- peekViewResult.selectionForeground#e0f0f0
- peekViewTitle.background#2c4259
- peekViewTitleDescription.foreground#a3cbd2
- pickerGroup.border#817c9c4d
- pickerGroup.foreground#4fa190
- ports.iconRunningProcessForeground#d7a275
- problemsErrorIcon.foreground#a3cbd2
- problemsInfoIcon.foreground#dfdf90
- problemsWarningIcon.foreground#da81aa
- progressBar.background#d7a275
- quickInput.background#223244
- quickInput.foreground#a3cbd2
- quickInputList.focusBackground#817c9c26
- quickInputList.focusForeground#e0f0f0
- quickInputList.focusIconForeground#e0f0f0
- scrollbar.shadow#2232444d
- scrollbarSlider.activeBackground#a8b7e680
- scrollbarSlider.background#817c9c26
- scrollbarSlider.hoverBackground#817c9c4d
- searchEditor.findMatchBackground#817c9c26
- selection.background#817c9c4d
- settings.focusedRowBackground#223244
- settings.focusedRowBorder#817c9c26
- settings.headerForeground#e0f0f0
- settings.modifiedItemIndicator#d7a275
- settings.rowHoverBackground#223244
- sideBar.background#1d263a
- sideBar.border#a3cbd210
- sideBar.dropBackground#223244
- sideBar.foreground#a3cbd2
- sideBarSectionHeader.background#0000
- sideBarSectionHeader.border#a3cbd210
- statusBar.background#1d263a
- statusBar.debuggingBackground#4fa190
- statusBar.debuggingForeground#1d263a
- statusBar.foreground#a3cbd2
- statusBar.noFolderBackground#1d263a
- statusBar.noFolderForeground#a3cbd2
- statusBarItem.activeBackground#817c9c4d
- statusBarItem.errorBackground#1d263a
- statusBarItem.errorForeground#a3cbd2
- statusBarItem.hoverBackground#817c9c26
- statusBarItem.prominentBackground#2c4259
- statusBarItem.prominentForeground#e0f0f0
- statusBarItem.prominentHoverBackground#817c9c26
- statusBarItem.remoteBackground#1d263a
- statusBarItem.remoteForeground#da81aa
- symbolIcon.arrayForeground#a3cbd2
- symbolIcon.classForeground#a3cbd2
- symbolIcon.colorForeground#a3cbd2
- symbolIcon.constantForeground#a3cbd2
- symbolIcon.constructorForeground#a3cbd2
- symbolIcon.enumeratorForeground#a3cbd2
- symbolIcon.enumeratorMemberForeground#a3cbd2
- symbolIcon.eventForeground#a3cbd2
- symbolIcon.fieldForeground#a3cbd2
- symbolIcon.fileForeground#a3cbd2
- symbolIcon.folderForeground#a3cbd2
- symbolIcon.functionForeground#a3cbd2
- symbolIcon.interfaceForeground#a3cbd2
- symbolIcon.keyForeground#a3cbd2
- symbolIcon.keywordForeground#a3cbd2
- symbolIcon.methodForeground#a3cbd2
- symbolIcon.moduleForeground#a3cbd2
- symbolIcon.namespaceForeground#a3cbd2
- symbolIcon.nullForeground#a3cbd2
- symbolIcon.numberForeground#a3cbd2
- symbolIcon.objectForeground#a3cbd2
- symbolIcon.operatorForeground#a3cbd2
- symbolIcon.packageForeground#a3cbd2
- symbolIcon.propertyForeground#a3cbd2
- symbolIcon.referenceForeground#a3cbd2
- symbolIcon.snippetForeground#a3cbd2
- symbolIcon.stringForeground#a3cbd2
- symbolIcon.structForeground#a3cbd2
- symbolIcon.textForeground#a3cbd2
- symbolIcon.typeParameterForeground#a3cbd2
- symbolIcon.unitForeground#a3cbd2
- symbolIcon.variableForeground#a3cbd2
- tab.activeBackground#817c9c14
- tab.activeForeground#e0f0f0
- tab.activeModifiedBorder#dfdf90
- tab.border#0000
- tab.hoverBackground#817c9c26
- tab.inactiveBackground#0000
- tab.inactiveForeground#a3cbd2
- tab.inactiveModifiedBorder#dfdf9080
- tab.lastPinnedBorder#687a87
- tab.unfocusedActiveBackground#0000
- tab.unfocusedHoverBackground#0000
- tab.unfocusedInactiveBackground#0000
- tab.unfocusedInactiveModifiedBorder#dfdf9080
- terminal.ansiBlack#2c4259
- terminal.ansiBlue#dfdf90
- terminal.ansiBrightBlack#a3cbd2
- terminal.ansiBrightBlue#dfdf90
- terminal.ansiBrightCyan#d7a275
- terminal.ansiBrightGreen#75a6eb
- terminal.ansiBrightMagenta#4fa190
- terminal.ansiBrightRed#a3cbd2
- terminal.ansiBrightWhite#e0f0f0
- terminal.ansiBrightYellow#da81aa
- terminal.ansiCyan#d7a275
- terminal.ansiGreen#75a6eb
- terminal.ansiMagenta#4fa190
- terminal.ansiRed#a3cbd2
- terminal.ansiWhite#e0f0f0
- terminal.ansiYellow#da81aa
- terminal.dropBackground#817c9c26
- terminal.foreground#e0f0f0
- terminal.selectionBackground#817c9c26
- terminal.tab.activeBorder#e0f0f0
- terminalCursor.background#e0f0f0
- terminalCursor.foreground#687a87
- textBlockQuote.background#223244
- textBlockQuote.border#817c9c26
- textCodeBlock.background#223244
- textLink.activeForeground#4fa190e6
- textLink.foreground#4fa190
- textPreformat.foreground#da81aa
- textSeparator.foreground#a3cbd2
- titleBar.activeBackground#1d263a
- titleBar.activeForeground#a3cbd2
- titleBar.inactiveBackground#223244
- titleBar.inactiveForeground#a3cbd2
- toolbar.activeBackground#817c9c4d
- toolbar.hoverBackground#817c9c26
- tree.indentGuidesStroke#a3cbd2
- walkThrough.embeddedEditorBackground#1d263a
- welcomePage.background#1d263a
- widget.shadow#2232444d
- window.activeBorder#223244
- window.inactiveBorder#223244
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #687a87 | italic |
| constant | #75a6eb | — |
| constant.numeric, constant.language | #d7a275 | — |
| entity.name | #d7a275 | — |
| entity.name.section, entity.name.tag, entity.name.namespace, entity.name.type | #dfdf90 | — |
| entity.other.attribute-name, entity.other.inherited-class | #4fa190 | italic |
| invalid | #a3cbd2 | — |
| invalid.deprecated | #a3cbd2 | — |
| keyword, variable.language.this | #75a6eb | — |
| markup.inserted.diff | #dfdf90 | — |
| markup.deleted.diff | #a3cbd2 | — |
| markup.heading | — | bold |
| markup.bold.markdown | — | bold |
| markup.italic.markdown | — | italic |
| meta.diff.range | #4fa190 | — |
| meta.tag, meta.brace | #e0f0f0 | — |
| meta.import, meta.export | #75a6eb | — |
| meta.directive.vue | #4fa190 | italic |
| meta.property-name.css | #dfdf90 | — |
| meta.property-value.css | #da81aa | — |
| meta.tag.other.html | #a3cbd2 | — |
| punctuation | #a3cbd2 | — |
| punctuation.accessor | #75a6eb | — |
| punctuation.definition.string | #da81aa | — |
| punctuation.definition.tag | #687a87 | — |
| storage.type, storage.modifier | #75a6eb | — |
| string | #da81aa | — |
| support | #dfdf90 | — |
| support.constant | #da81aa | — |
| support.function | #a3cbd2 | italic |
| variable | #d7a275 | italic |
| variable.other, variable.language, variable.function, variable.argument | #e0f0f0 | — |
| variable.parameter | #4fa190 | — |