Toutl Theme

Name: Toutl Theme
Author: Toutl Theme

Publisher: Toutl ThemeThemes in package: 1

Grounded. Minimalist. Opaque.

Open in VS Code GitHub

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Toutl Theme — Toutl

fetchUser.ts

index.ts

README.md

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

actionBar.toggledBackground#282828
activityBar.activeBackground#181818
activityBar.activeBorder#B4B4B4
activityBar.activeFocusBorder#F96E78
activityBar.background#181818
activityBar.border#181818
activityBar.dropBorder#F96E78
activityBar.foreground#B4B4B4
activityBar.inactiveForeground#484848
activityBarBadge.background#B4B4B4
activityBarBadge.foreground#181818
activityBarTop.activeBackground#181818
activityBarTop.activeBorder#B4B4B4
activityBarTop.background#181818
activityBarTop.dropBorder#F96E78
activityBarTop.foreground#B4B4B4
activityBarTop.inactiveForeground#484848
button.background#484848
chart.axis#ff00f0
chart.guide#ff00f0
chart.line#ff00f0
charts.blue#8FAEDD
charts.foreground#ff00f0
charts.green#B6CB66
charts.lines#ff00f0
charts.orange#FAB277
charts.purple#C39AC9
charts.red#F96E78
charts.yellow#F2CC6D
editor.background#181818
editor.compositionBorder#484848
editor.findMatchBackground#B4B4B4
editor.findMatchBorderdefault
editor.findMatchForegrounddefault
editor.findMatchHighlightBackground#484848FE
editor.findMatchHighlightBorderdefault
editor.findMatchHighlightForeground#282828FE
editor.findRangeHighlightBackground#484848FE
editor.findRangeHighlightBorderdefault
editor.focusedStackFrameHighlightBackground#B4B4B480
editor.foldBackground#28282860
editor.foldPlaceholderForeground#B4B4B4A0
editor.foreground#E4E4EF
editor.hoverHighlightBackground#48484860
editor.inactiveLineHighlightBackground#181818
editor.inactiveSelectionBackground#484848FE
editor.inlineValuesBackground#282828
editor.inlineValuesForeground#B4B4B4
editor.lineHighlightBackground#181818
editor.lineHighlightBorderdefault
editor.linkedEditingBackground#484848
editor.placeholder.foreground#484848
editor.rangeHighlightBackground#48484860
editor.rangeHighlightBorderdefault
editor.selectionBackground#484848
editor.selectionForegrounddefault
editor.selectionHighlightBackground#B4B4B4A0
editor.selectionHighlightBorderdefault
editor.snippetFinalTabstopHighlightBackgrounddefault
editor.snippetFinalTabstopHighlightBorder#FAB277
editor.snippetTabstopHighlightBackground#484848A0
editor.snippetTabstopHighlightBorderdefault
editor.stackFrameHighlightBackground#484848A0
editor.symbolHighlightBackground#484848A0
editor.symbolHighlightBorderdefault
editor.wordHighlightBackground#484848A0
editor.wordHighlightBorderdefault
editor.wordHighlightStrongBackground#484848A0
editor.wordHighlightStrongBorderdefault
editor.wordHighlightTextBackground#484848A0
editor.wordHighlightTextBorderdefault
editorActionList.background#181818
editorActionList.focusBackground#181818
editorActionList.focusForeground#F96E78
editorActionList.foreground#E4E4EF
editorBracketHighlight.foreground1#E4E4EF
editorBracketHighlight.foreground2#E4E4EF
editorBracketHighlight.foreground3#E4E4EF
editorBracketHighlight.foreground4#E4E4EF
editorBracketHighlight.foreground5#E4E4EF
editorBracketHighlight.foreground6#E4E4EF
editorBracketHighlight.unexpectedBracket.foreground#FAB277
editorBracketMatch.background#181818
editorBracketMatch.border#F96E78
editorBracketPairGuide.activeBackground1#FAB277
editorBracketPairGuide.activeBackground2#F96E78
editorBracketPairGuide.activeBackground3#DE83A0
editorBracketPairGuide.activeBackground4#C39AC9
editorBracketPairGuide.activeBackground5#8FAEDD
editorBracketPairGuide.activeBackground6#9CC6C4
editorBracketPairGuide.background1#181818
editorBracketPairGuide.background2#181818
editorBracketPairGuide.background3#181818
editorBracketPairGuide.background4#181818
editorBracketPairGuide.background5#181818
editorBracketPairGuide.background6#181818
editorCodeLens.foreground#B4B4B4
editorCursor.background#181818
editorCursor.foreground#F96E78
editorGroup.border#181818
editorGroup.dropBackground#28282880
editorGroup.dropIntoPromptBackground#282828
editorGroup.dropIntoPromptBorder#282828
editorGroup.dropIntoPromptForeground#B4B4B4
editorGroup.emptyBackground#282828
editorGroup.focusedEmptyBorder#282828
editorGroupHeader.border#181818
editorGroupHeader.noTabsBackground#181818
editorGroupHeader.tabsBackground#181818
editorGroupHeader.tabsBorder#181818
editorGutter.addedBackground#F2CC6D
editorGutter.deletedBackground#F96E78
editorGutter.modifiedBackground#B6CB66
editorLineNumber.activeForeground#F96E78
editorLineNumber.foreground#484848
focusBorder#F96E78
git.blame.editorDecorationForeground#ff00f0
gitDecoration.addedResourceForeground#B6CB66
gitDecoration.conflictingResourceForeground#ff00f0
gitDecoration.deletedResourceForeground#F96E78
gitDecoration.ignoredResourceForeground#484848
gitDecoration.modifiedResourceForeground#F2CC6D
gitDecoration.renamedResourceForeground#9CC6C4
gitDecoration.stageDeletedResourceForeground#F96E78
gitDecoration.stageModifiedResourceForeground#F2CC6D
gitDecoration.submoduleResourceForeground#ff00f0
gitDecoration.untrackedResourceForeground#B4B4B4
input.background#282828
list.activeSelectionBackground#282828
list.errorForeground#F96E78
list.focusAndSelectionOutline#00000000
list.focusOutline#F96E78
list.inactiveFocusOutline#333333
list.warningForeground#F2CC6D
notebook.focusedCellBorder#F96E78A0
panel.background#181818
panel.border#484848
panel.dropBorder#F96E78
panelInput.border#181818
panelSection.border#484848
panelSection.dropBackground#282828
panelSectionHeader.background#181818
panelSectionHeader.border#FF0000
panelSectionHeader.foreground#B4B4B4
panelStickyScroll.background#00FF00
panelStickyScroll.border#00FF00
panelStickyScroll.shadow#00FF00
panelTitle.activeBorder#B4B4B4
panelTitle.activeForeground#B4B4B4
panelTitle.border#484848
panelTitle.inactiveForeground#484848
panelTitleBadge.background#B4B4B4
panelTitleBadge.foreground#181818
peekViewEditor.matchHighlightBorder#F2CC6D
scmGraph.foreground1#F96E78
scmGraph.foreground2#FAB277
scmGraph.foreground3#B6CB66
scmGraph.foreground4#8FAEDD
scmGraph.foreground5#8E9AA4
scmGraph.historyItemBaseRefColor#ff0080
scmGraph.historyItemHoverAdditionsForeground#B6CB66
scmGraph.historyItemHoverDefaultLabelBackground#888
scmGraph.historyItemHoverDefaultLabelForeground#181818
scmGraph.historyItemHoverDeletionsForeground#F96E78
scmGraph.historyItemHoverLabelForeground#181818
scmGraph.historyItemRefColor#C39AC9
scmGraph.historyItemRemoteRefColor#9CC6C4
sideBar.background#181818
sideBar.border#181818
sideBar.dropBackground#28282880
sideBar.foreground#B4B4B4
sideBarActivityBarTop.border#181818
sideBarSectionHeader.background#181818
sideBarSectionHeader.border#181818
sideBarSectionHeader.foreground#484848
sideBarStickyScroll.background#181818
sideBarStickyScroll.border#484848
sideBarStickyScroll.shadow#00000000
sideBarTitle.background#181818
sideBarTitle.border#181818
sideBarTitle.foreground#484848
statusBar.background#181818
statusBar.foreground#B4B4B4
statusBar.noFolderBackground#282828
statusBar.noFolderForeground#B4B4B4
statusBarItem.hoverBackground#282828
statusBarItem.hoverForeground#F96E78
tab.activeBackground#181818
tab.activeBorder#B4B4B4
tab.activeBorderTop#181818
tab.activeForeground#B4B4B4
tab.activeModifiedBorder#F000F0
tab.border#181818
tab.dragAndDropBorder#F96E78
tab.hoverBackground#181818
tab.hoverBorder#484848
tab.hoverForeground#B4B4B4
tab.inactiveBackground#181818
tab.inactiveForeground#484848
tab.inactiveModifiedBorder#F000F0
tab.lastPinnedBorder#181818
tab.selectedBackground#181818
tab.selectedBorderTop#F96E78
tab.selectedForeground#F96E78
tab.unfocusedActiveBackground#181818
tab.unfocusedActiveBorder#484848
tab.unfocusedActiveBorderTop#181818
tab.unfocusedActiveForeground#B4B4B4
tab.unfocusedActiveModifiedBorder#F000F0
tab.unfocusedHoverBackground#181818
tab.unfocusedHoverBorder#484848
tab.unfocusedHoverForeground#B4B4B4
tab.unfocusedInactiveBackground#181818
tab.unfocusedInactiveForeground#484848
tab.unfocusedInactiveModifiedBorder#F000F0
terminal.ansiBlack#181818
terminal.ansiBlue#8FAEDD
terminal.ansiBrightBlack#484848
terminal.ansiBrightBlue#8FAEDD
terminal.ansiBrightCyan#8E9AA4
terminal.ansiBrightGreen#B6CB66
terminal.ansiBrightMagenta#DE83A0
terminal.ansiBrightRed#FAB277
terminal.ansiBrightWhite#B4B4B4
terminal.ansiBrightYellow#F2CC6D
terminal.ansiCyan#9CC6C4
terminal.ansiGreen#B6CB66
terminal.ansiMagenta#C39AC9
terminal.ansiRed#F96E78
terminal.ansiWhite#E4E4EF
terminal.ansiYellow#F2CC6D
textLink.activeForeground#F96E78
textLink.foreground#F96E78
titleBar.activeBackground#181818
titleBar.activeForeground#484848
titleBar.border#181818
titleBar.inactiveBackground#181818
titleBar.inactiveForeground#484848

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment, markup.raw.block.markdown, string.other.link.description.markdown, string.other.link.title.markdown, comment.line.number-sign.r	#C39AC9	—
keyword, storage.type, storage.modifier, storage.type.js, storage.type.function, storage.type.class.python, keyword.operator.logical.python, markup.heading.markdown	#F2CC6D	—
string, punctuation.definition.string, keyword.other.unit	#B6CB66	—
variable, entity.name.function, meta.function-call, keyword.operator, storage.type.function.arrow, support.type.property-name	#E4E4EF	—
support.type, support.class, entity.name.type, punctuation.definition.decorator, variable.language.special, storage.type, variable.parameter.function.language.special, variable.other.object.js, punctuation.definition.template-expression, entity.name.tag, entity.other.attribute-name.pseudo-element, punctuation.definition.list.begin.markdown, punctuation.definition.heading.markdown, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.strikethrough.markdown, punctuation.definition.raw.markdown, punctuation.definition.quote.begin.markdown, markup.fenced_code.block.markdown, punctuation.definition.table.markdown, punctuation.separator.table.markdown, markup.underline.link	#8E9AA4	—
constant.language, constant.numeric, entity.name.function.preprocessor, entity.name.tag.wildcard	#9CC6C4	—