Tilt Theme for VS Code
Publisher: Tilt FinanceThemes in package: 2
High-contrast dark and light themes inspired by Tilt's brand colors - designed for accessibility and color blindness
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#E8E6DA
- activityBar.border#D0CEBC
- activityBar.foreground#100F0F
- activityBar.inactiveForeground#706E60
- activityBarBadge.background#5C5400
- activityBarBadge.foreground#FFFDF6
- badge.background#5C5400
- badge.foreground#FFFDF6
- breadcrumb.activeSelectionForeground#5C5400
- breadcrumb.focusForeground#100F0F
- breadcrumb.foreground#64635C
- breadcrumbPicker.background#FFFFFF
- button.background#5C5400
- button.foreground#FFFDF6
- button.hoverBackground#6C6400
- button.secondaryBackground#E0DECE
- button.secondaryForeground#100F0F
- button.secondaryHoverBackground#D8D6C8
- charts.blue#2850A0
- charts.foreground#100F0F
- charts.green#1D7A55
- charts.lines#8A8980
- charts.orange#B06020
- charts.purple#8050A0
- charts.red#C04030
- charts.yellow#5C5400
- debugConsole.errorForeground#C04030
- debugConsole.infoForeground#2850A0
- debugConsole.sourceForeground#64635C
- debugConsole.warningForeground#8A7A00
- debugConsoleInputIcon.foreground#5C5400
- debugExceptionWidget.background#FDE8E8
- debugExceptionWidget.border#C04030
- debugToolBar.background#F0EEE4
- debugToolBar.border#5C5400
- descriptionForeground#64635C
- diffEditor.diagonalFill#E8E6DC
- diffEditor.insertedLineBackground#1D7A5515
- diffEditor.insertedTextBackground#1D7A5520
- diffEditor.removedLineBackground#C0403015
- diffEditor.removedTextBackground#C0403020
- diffEditorGutter.insertedLineBackground#1D7A55
- diffEditorGutter.removedLineBackground#C04030
- dropdown.background#FFFFFF
- dropdown.border#D0CEBC
- dropdown.foreground#100F0F
- dropdown.listBackground#FFFFFF
- editor.background#FFFDF6
- editor.findMatchBackground#D4D24090
- editor.findMatchHighlightBackground#D4D24060
- editor.foreground#100F0F
- editor.hoverHighlightBackground#E8E6DA80
- editor.lineHighlightBackground#F5F3EA
- editor.selectionBackground#D4D24080
- editor.selectionHighlightBackground#D4D24050
- editor.wordHighlightBackground#D4D24050
- editor.wordHighlightStrongBackground#D4D24070
- editorBracketHighlight.foreground1#5C5400
- editorBracketHighlight.foreground2#2850A0
- editorBracketHighlight.foreground3#8050A0
- editorBracketHighlight.foreground4#1D7A55
- editorBracketHighlight.foreground5#B06020
- editorBracketHighlight.foreground6#C04030
- editorBracketHighlight.unexpectedBracket.foreground#C04030
- editorBracketMatch.background#D4D24070
- editorBracketMatch.border#5C5400
- editorBracketPairGuide.activeBackground1#5C540050
- editorBracketPairGuide.activeBackground2#2850A050
- editorBracketPairGuide.activeBackground3#8050A050
- editorBracketPairGuide.activeBackground4#1D7A5550
- editorBracketPairGuide.activeBackground5#B0602050
- editorBracketPairGuide.activeBackground6#C0403050
- editorCursor.foreground#9A8F00
- editorError.foreground#C04030
- editorGroup.border#D0CEBC
- editorGroupHeader.tabsBackground#E8E6DA
- editorGroupHeader.tabsBorder#D0CEBC
- editorGutter.addedBackground#1D7A55
- editorGutter.background#FFFDF6
- editorGutter.deletedBackground#C04030
- editorGutter.modifiedBackground#2850A0
- editorHint.foreground#1D7A55
- editorHoverWidget.background#FFFFFF
- editorHoverWidget.border#D0CEBC
- editorHoverWidget.foreground#100F0F
- editorIndentGuide.activeBackground1#C0BEA8
- editorIndentGuide.background1#E0DECE
- editorInfo.foreground#2850A0
- editorLineNumber.activeForeground#5C5400
- editorLineNumber.foreground#9A9890
- editorSuggestWidget.background#FFFFFF
- editorSuggestWidget.border#D0CEBC
- editorSuggestWidget.focusHighlightForeground#5C5400
- editorSuggestWidget.foreground#2A2920
- editorSuggestWidget.highlightForeground#5C5400
- editorSuggestWidget.selectedBackground#E0DECE
- editorSuggestWidget.selectedForeground#100F0F
- editorWarning.foreground#8A7A00
- editorWhitespace.foreground#D0CEBC
- editorWidget.background#FFFFFF
- editorWidget.border#D0CEBC
- editorWidget.foreground#100F0F
- errorForeground#C04030
- extensionBadge.remoteBackground#5C5400
- extensionBadge.remoteForeground#FFFDF6
- extensionButton.prominentBackground#5C5400
- extensionButton.prominentForeground#FFFDF6
- extensionButton.prominentHoverBackground#6C6400
- focusBorder#5C540080
- foreground#100F0F
- gitDecoration.addedResourceForeground#1D7A55
- gitDecoration.conflictingResourceForeground#8050A0
- gitDecoration.deletedResourceForeground#C04030
- gitDecoration.ignoredResourceForeground#8A8980
- gitDecoration.modifiedResourceForeground#5C5400
- gitDecoration.renamedResourceForeground#2850A0
- gitDecoration.stageDeletedResourceForeground#C04030
- gitDecoration.stageModifiedResourceForeground#5C5400
- gitDecoration.submoduleResourceForeground#2850A0
- gitDecoration.untrackedResourceForeground#1D7A55
- icon.foreground#64635C
- input.background#FFFFFF
- input.border#D0CEBC
- input.foreground#100F0F
- input.placeholderForeground#8A8980
- inputOption.activeBackground#D4D24060
- inputOption.activeBorder#5C5400
- inputOption.activeForeground#100F0F
- inputValidation.errorBackground#FDE8E8
- inputValidation.errorBorder#C04030
- inputValidation.infoBackground#E8F0FD
- inputValidation.infoBorder#2850A0
- inputValidation.warningBackground#FDF8E8
- inputValidation.warningBorder#8A7A00
- keybindingLabel.background#E0DECE
- keybindingLabel.border#D0CEBC
- keybindingLabel.bottomBorder#D0CEBC
- keybindingLabel.foreground#100F0F
- list.activeSelectionBackground#D4D24060
- list.activeSelectionForeground#100F0F
- list.errorForeground#C04030
- list.focusBackground#D4D24050
- list.focusForeground#100F0F
- list.highlightForeground#5C5400
- list.hoverBackground#E8E6DA
- list.hoverForeground#100F0F
- list.inactiveSelectionBackground#E0DECE
- list.inactiveSelectionForeground#2A2920
- list.warningForeground#8A7A00
- menu.background#FFFFFF
- menu.foreground#100F0F
- menu.selectionBackground#E0DECE
- menu.selectionForeground#100F0F
- menu.separatorBackground#D0CEBC
- menubar.selectionBackground#E0DECE
- menubar.selectionForeground#100F0F
- merge.border#5C5400
- merge.currentContentBackground#1D7A5520
- merge.currentHeaderBackground#1D7A5540
- merge.incomingContentBackground#2850A020
- merge.incomingHeaderBackground#2850A040
- minimap.background#FFFDF6
- minimap.findMatchHighlight#5C540080
- minimap.selectionHighlight#D4D24090
- minimapSlider.activeBackground#C0BEA880
- minimapSlider.background#C0BEA840
- minimapSlider.hoverBackground#C0BEA860
- notebook.cellBorderColor#D0CEBC
- notebook.cellHoverBackground#E8E6DA
- notebook.cellInsertionIndicator#5C5400
- notebook.focusedCellBorder#5C5400
- notebook.focusedEditorBorder#5C5400
- notificationCenter.border#D0CEBC
- notificationCenterHeader.background#F0EEE4
- notificationCenterHeader.foreground#100F0F
- notificationLink.foreground#5C5400
- notifications.background#FFFFFF
- notifications.border#D0CEBC
- notifications.foreground#100F0F
- notificationsErrorIcon.foreground#C04030
- notificationsInfoIcon.foreground#2850A0
- notificationsWarningIcon.foreground#8A7A00
- panel.background#F0EEE4
- panel.border#D0CEBC
- panelTitle.activeBorder#5C5400
- panelTitle.activeForeground#100F0F
- panelTitle.inactiveForeground#706E60
- peekView.border#5C5400
- peekViewEditor.background#FFFFFF
- peekViewEditor.matchHighlightBackground#D4D24070
- peekViewResult.background#F0EEE4
- peekViewResult.fileForeground#100F0F
- peekViewResult.lineForeground#64635C
- peekViewResult.matchHighlightBackground#D4D24070
- peekViewResult.selectionBackground#E0DECE
- peekViewResult.selectionForeground#100F0F
- peekViewTitle.background#E0DECE
- peekViewTitleDescription.foreground#64635C
- peekViewTitleLabel.foreground#100F0F
- pickerGroup.border#D0CEBC
- pickerGroup.foreground#5C5400
- progressBar.background#5C5400
- quickInput.background#FFFFFF
- quickInput.foreground#100F0F
- quickInputList.focusBackground#E0DECE
- quickInputList.focusForeground#100F0F
- quickInputList.focusIconForeground#5C5400
- quickInputTitle.background#F0EEE4
- scrollbar.shadow#00000015
- scrollbarSlider.activeBackground#909080
- scrollbarSlider.background#C0BEA860
- scrollbarSlider.hoverBackground#A8A69080
- selection.background#D4D24060
- settings.checkboxBackground#FFFFFF
- settings.checkboxBorder#D0CEBC
- settings.checkboxForeground#100F0F
- settings.dropdownBackground#FFFFFF
- settings.dropdownBorder#D0CEBC
- settings.dropdownForeground#100F0F
- settings.headerForeground#100F0F
- settings.modifiedItemIndicator#5C5400
- settings.numberInputBackground#FFFFFF
- settings.numberInputBorder#D0CEBC
- settings.numberInputForeground#100F0F
- settings.textInputBackground#FFFFFF
- settings.textInputBorder#D0CEBC
- settings.textInputForeground#100F0F
- sideBar.background#F0EEE4
- sideBar.border#D0CEBC
- sideBar.foreground#2A2920
- sideBarSectionHeader.background#E0DECE
- sideBarSectionHeader.border#D0CEBC
- sideBarSectionHeader.foreground#100F0F
- sideBarTitle.foreground#100F0F
- statusBar.background#E8E6DA
- statusBar.border#D0CEBC
- statusBar.debuggingBackground#5C5400
- statusBar.debuggingForeground#FFFDF6
- statusBar.foreground#2A2920
- statusBar.noFolderBackground#E0DECE
- statusBar.noFolderForeground#2A2920
- statusBarItem.activeBackground#D4D24060
- statusBarItem.errorBackground#C04030
- statusBarItem.errorForeground#FFFDF6
- statusBarItem.hoverBackground#D8D6C8
- statusBarItem.prominentBackground#5C5400
- statusBarItem.prominentForeground#FFFDF6
- statusBarItem.prominentHoverBackground#6C6400
- statusBarItem.warningBackground#8A7A00
- statusBarItem.warningForeground#FFFDF6
- symbolIcon.arrayForeground#64635C
- symbolIcon.booleanForeground#B06020
- symbolIcon.classForeground#5A5500
- symbolIcon.colorForeground#8050A0
- symbolIcon.constantForeground#B06020
- symbolIcon.constructorForeground#2850A0
- symbolIcon.enumeratorForeground#5A5500
- symbolIcon.enumeratorMemberForeground#B06020
- symbolIcon.eventForeground#5C5400
- symbolIcon.fieldForeground#64635C
- symbolIcon.fileForeground#64635C
- symbolIcon.folderForeground#64635C
- symbolIcon.functionForeground#2850A0
- symbolIcon.interfaceForeground#5A5500
- symbolIcon.keyForeground#2850A0
- symbolIcon.keywordForeground#5C5400
- symbolIcon.methodForeground#2850A0
- symbolIcon.moduleForeground#5A5500
- symbolIcon.namespaceForeground#5A5500
- symbolIcon.nullForeground#C04030
- symbolIcon.numberForeground#B06020
- symbolIcon.objectForeground#64635C
- symbolIcon.operatorForeground#64635C
- symbolIcon.packageForeground#5A5500
- symbolIcon.propertyForeground#64635C
- symbolIcon.referenceForeground#2850A0
- symbolIcon.snippetForeground#1D7A55
- symbolIcon.stringForeground#1D7A55
- symbolIcon.structForeground#5A5500
- symbolIcon.textForeground#100F0F
- symbolIcon.typeParameterForeground#8050A0
- symbolIcon.unitForeground#B06020
- symbolIcon.variableForeground#100F0F
- tab.activeBackground#FFFDF6
- tab.activeBorder#5C5400
- tab.activeBorderTop#5C5400
- tab.activeForeground#100F0F
- tab.border#D0CEBC
- tab.hoverBackground#F0EEE4
- tab.hoverForeground#100F0F
- tab.inactiveBackground#E8E6DA
- tab.inactiveForeground#706E60
- terminal.ansiBlack#100F0F
- terminal.ansiBlue#2850A0
- terminal.ansiBrightBlack#64635C
- terminal.ansiBrightBlue#3860C0
- terminal.ansiBrightCyan#2A9A9A
- terminal.ansiBrightGreen#2A9A70
- terminal.ansiBrightMagenta#9A60C0
- terminal.ansiBrightRed#E05040
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#9A9200
- terminal.ansiCyan#1D7A7A
- terminal.ansiGreen#1D7A55
- terminal.ansiMagenta#8050A0
- terminal.ansiRed#C04030
- terminal.ansiWhite#FFFDF6
- terminal.ansiYellow#5C5400
- terminal.background#FFFDF6
- terminal.foreground#100F0F
- terminalCursor.foreground#5C5400
- textBlockQuote.background#F0EEE4
- textBlockQuote.border#5C5400
- textCodeBlock.background#F0EEE4
- textLink.activeForeground#4A4400
- textLink.foreground#5C5400
- textPreformat.foreground#5C5400
- textSeparator.foreground#D0CEBC
- titleBar.activeBackground#E8E6DA
- titleBar.activeForeground#100F0F
- titleBar.border#D0CEBC
- titleBar.inactiveBackground#F0EEE4
- titleBar.inactiveForeground#706E60
- walkThrough.embeddedEditorBackground#FFFFFF
- welcomePage.background#FFFDF6
- welcomePage.progress.foreground#5C5400
- welcomePage.tileBackground#F0EEE4
- welcomePage.tileHoverBackground#E0DECE
- widget.shadow#00000020
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8A8980 | italic |
| string, string.quoted, string.template | #1D7A55 | — |
| constant.character.escape | #2A9A70 | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex | #B06020 | — |
| constant, constant.language, constant.language.boolean | #B06020 | — |
| keyword, keyword.control, keyword.operator.expression | #5C5400 | — |
| keyword.control.flow, keyword.control.conditional, keyword.control.loop | #5C5400 | bold |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.logical | #64635C | — |
| storage, storage.type, storage.modifier | #5C5400 | — |
| entity.name.function, meta.function-call, support.function | #2850A0 | — |
| variable.parameter, meta.parameter | #3A3930 | italic |
| entity.name.class, entity.name.type, support.class, support.type | #5A5500 | — |
| entity.name.type.interface | #5A5500 | italic |
| entity.name.type.parameter | #8050A0 | — |
| variable, variable.other | #100F0F | — |
| variable.other.property, variable.other.object.property | #3A3930 | — |
| variable.language | #5C5400 | italic |
| punctuation, punctuation.definition, punctuation.separator, punctuation.terminator | #64635C | — |
| punctuation.definition.block, punctuation.brackets, meta.brace | #64635C | — |
| entity.name.tag, punctuation.definition.tag | #5C5400 | — |
| entity.other.attribute-name | #2850A0 | italic |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #5A5500 | — |
| support.type.property-name.css | #2850A0 | — |
| support.constant.property-value.css | #1D7A55 | — |
| keyword.other.unit.css | #B06020 | — |
| string.regexp | #8050A0 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #5C5400 | — |
| meta.embedded, source.embedded | #100F0F | — |
| support.type.property-name.json | #2850A0 | — |
| heading.1.markdown, heading.2.markdown, heading.3.markdown, heading.4.markdown, heading.5.markdown, heading.6.markdown, markup.heading | #5C5400 | bold |
| markup.bold | #B06020 | bold |
| markup.italic | #8050A0 | italic |
| markup.underline.link, string.other.link | #2850A0 | — |
| markup.inline.raw, markup.fenced_code.block | #1D7A55 | — |
| markup.quote | #8A8980 | italic |
| markup.list, punctuation.definition.list | #64635C | — |
| keyword.control.import, keyword.control.export, keyword.control.from | #5C5400 | — |
| entity.name.type.module, entity.name.namespace | #5A5500 | — |
| meta.decorator, punctuation.decorator | #8050A0 | — |
| invalid, invalid.illegal | #C04030 | underline |
| invalid.deprecated | #B06020 | strikethrough |
| markup.inserted, punctuation.definition.inserted | #1D7A55 | — |
| markup.deleted, punctuation.definition.deleted | #C04030 | — |
| markup.changed, punctuation.definition.changed | #5C5400 | — |
| entity.name.tag.yaml | #2850A0 | — |
| keyword.key.toml | #2850A0 | — |
| keyword.other.sql, keyword.other.DML.sql | #5C5400 | — |
| variable.other.normal.shell, variable.other.positional.shell | #B06020 | — |
| support.function.builtin.shell | #2850A0 | — |
| variable.parameter.function.language.special.self.python | #5C5400 | italic |
| support.function.magic.python | #8050A0 | — |
| entity.name.package.go | #5A5500 | — |
| storage.modifier.lifetime.rust | #8050A0 | italic |
| entity.name.function.macro.rust | #8050A0 | — |
| meta.preprocessor.cs | #8A8980 | — |
| support.class.component.tsx, support.class.component.jsx | #5A5500 | — |
| meta.type.annotation.ts, meta.type.annotation.tsx | #5A5500 | — |
| comment.block.documentation, comment.block.javadoc | #7A796F | italic |
| storage.type.class.jsdoc, punctuation.definition.block.tag.jsdoc | #5C5400 | — |
| variable.other.jsdoc | #2850A0 | italic |