Tech49 Theme
Publisher: Tim DangThemes in package: 3
Dark color theme for Visual Studio Code inspired by the movie Oblivion.
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.
- //===== Base / contrast =====
- //activityBar===== Activity bar =====
- //breadcrumb===== Breadcrumbs =====
- //diff===== Diff editor =====
- //editor===== Editor =====
- //editorGroup===== Editor groups & tabs =====
- //git===== Git decorations =====
- //list===== Lists & trees =====
- //menu===== Menus & command palette =====
- //minimap===== Minimap =====
- //misc===== Misc =====
- //notifications===== Notifications =====
- //panel===== Panel (terminal, problems, output) =====
- //scrollbar===== Scrollbar =====
- //sideBar===== Side bar =====
- //statusBar===== Status bar =====
- //terminal===== Integrated terminal =====
- //titleBar===== Title bar =====
- //widget===== Inputs, dropdowns, buttons =====
- //widgets===== Editor widgets (suggest, hover, find) =====
- activityBar.activeBackground#0d1314
- activityBar.activeBorder#ff815c
- activityBar.background#000000
- activityBar.border#2d3a3c
- activityBar.foreground#accecb
- activityBar.inactiveForeground#396269
- activityBarBadge.background#ff815c
- activityBarBadge.foreground#000000
- badge.background#ff815c
- badge.foreground#000000
- breadcrumb.activeSelectionForeground#ff815c
- breadcrumb.background#000000
- breadcrumb.focusForeground#accecb
- breadcrumb.foreground#396269
- breadcrumbPicker.background#030303
- button.background#ff815c
- button.foreground#000000
- button.hoverBackground#fc674e
- button.secondaryBackground#2d3a3c
- button.secondaryForeground#accecb
- button.secondaryHoverBackground#3f5459
- charts.blue#78cfde
- charts.foreground#accecb
- charts.green#d1dbaf
- charts.orange#ff815c
- charts.purple#b267e6
- charts.red#fc674e
- charts.yellow#fcffc7
- checkbox.background#030303
- checkbox.border#3f5459
- checkbox.foreground#accecb
- debugConsole.errorForeground#fc674e
- debugConsole.infoForeground#78cfde
- debugConsole.sourceForeground#9ea485
- debugConsole.warningForeground#ff815c
- debugIcon.breakpointForeground#fc674e
- debugToolBar.background#030303
- debugToolBar.border#2d3a3c
- descriptionForeground#5997a3
- diffEditor.diagonalFill#2d3a3c
- diffEditor.insertedLineBackground#76cddc18
- diffEditor.insertedTextBackground#76cddc23
- diffEditor.removedLineBackground#ff3a2820
- diffEditor.removedTextBackground#ff3a2833
- dropdown.background#030303
- dropdown.border#3f5459
- dropdown.foreground#accecb
- dropdown.listBackground#000000
- editor.background#000000
- editor.findMatchBackground#ff815c50
- editor.findMatchHighlightBackground#2d3a3caa
- editor.findRangeHighlightBackground#2d3a3c66
- editor.foreground#accecb
- editor.hoverHighlightBackground#2d3a3c66
- editor.inactiveSelectionBackground#a1e4f225
- editor.lineHighlightBackground#0d1314
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#2d3a3c66
- editor.selectionBackground#a1e4f250
- editor.selectionHighlightBackground#76cddc23
- editor.wordHighlightBackground#78cfde30
- editor.wordHighlightStrongBackground#a1e4f230
- editorBracketHighlight.foreground1#ff815c
- editorBracketHighlight.foreground2#78cfde
- editorBracketHighlight.foreground3#d1dbaf
- editorBracketHighlight.foreground4#fcffc7
- editorBracketHighlight.foreground5#a1e4f2
- editorBracketHighlight.foreground6#9ea485
- editorBracketHighlight.unexpectedBracket.foreground#fc674e
- editorBracketMatch.background#78cfde30
- editorBracketMatch.border#78cfde
- editorCodeLens.foreground#396269
- editorCursor.foreground#a1e4f2
- editorError.foreground#fc674e
- editorGhostText.foreground#396269
- editorGroup.border#2d3a3c
- editorGroup.dropBackground#2d3a3c80
- editorGroupHeader.noTabsBackground#000000
- editorGroupHeader.tabsBackground#000000
- editorGroupHeader.tabsBorder#2d3a3c
- editorGutter.addedBackground#a1e4f2
- editorGutter.background#000000
- editorGutter.deletedBackground#fc674e
- editorGutter.modifiedBackground#fefedb
- editorHint.foreground#9ea485
- editorHoverWidget.background#030303
- editorHoverWidget.border#2d3a3c
- editorHoverWidget.foreground#accecb
- editorIndentGuide.activeBackground1#3f5459
- editorIndentGuide.background1#1a2123
- editorInfo.foreground#78cfde
- editorInlayHint.background#0d1314
- editorInlayHint.foreground#5997a3
- editorLineNumber.activeForeground#78cfde
- editorLineNumber.foreground#2d3a3c
- editorLink.activeForeground#a1e4f2
- editorOverviewRuler.addedForeground#a1e4f2
- editorOverviewRuler.border#00000000
- editorOverviewRuler.deletedForeground#ff815c
- editorOverviewRuler.errorForeground#fc674e
- editorOverviewRuler.findMatchForeground#ff815c80
- editorOverviewRuler.modifiedForeground#fefedb
- editorOverviewRuler.selectionHighlightForeground#78cfde80
- editorOverviewRuler.warningForeground#ff815c
- editorPane.background#000000
- editorRuler.foreground#1a2123
- editorSuggestWidget.background#030303
- editorSuggestWidget.border#2d3a3c
- editorSuggestWidget.foreground#accecb
- editorSuggestWidget.highlightForeground#ff815c
- editorSuggestWidget.selectedBackground#2d3a3c
- editorWarning.foreground#ff815c
- editorWhitespace.foreground#1a2123
- editorWidget.background#030303
- editorWidget.border#2d3a3c
- editorWidget.foreground#accecb
- errorForeground#fc674e
- extensionBadge.remoteBackground#ff815c
- extensionBadge.remoteForeground#000000
- extensionButton.prominentBackground#ff815c
- extensionButton.prominentForeground#000000
- extensionButton.prominentHoverBackground#fc674e
- focusBorder#ff815c
- foreground#accecb
- gitDecoration.conflictingResourceForeground#ff815c
- gitDecoration.deletedResourceForeground#fc674e
- gitDecoration.ignoredResourceForeground#396269
- gitDecoration.modifiedResourceForeground#d1dbaf
- gitDecoration.stageDeletedResourceForeground#fc674e
- gitDecoration.stageModifiedResourceForeground#fcffc7
- gitDecoration.submoduleResourceForeground#9ea485
- gitDecoration.untrackedResourceForeground#78cfde
- icon.foreground#78cfde
- input.background#030303
- input.border#3f5459
- input.foreground#accecb
- input.placeholderForeground#396269
- inputOption.activeBackground#ff815c40
- inputOption.activeBorder#ff815c
- inputOption.activeForeground#accecb
- inputValidation.errorBackground#8a291b
- inputValidation.errorBorder#fc674e
- inputValidation.errorForeground#ffffff
- inputValidation.infoBackground#2d3a3c
- inputValidation.infoBorder#78cfde
- inputValidation.warningBackground#3f5459
- inputValidation.warningBorder#ff815c
- keybindingLabel.background#2d3a3c
- keybindingLabel.border#3f5459
- keybindingLabel.bottomBorder#3f5459
- keybindingLabel.foreground#accecb
- list.activeSelectionBackground#2d3a3c
- list.activeSelectionForeground#d9fefd
- list.dropBackground#2d3a3c80
- list.errorForeground#fc674e
- list.focusBackground#2d3a3c
- list.focusForeground#d9fefd
- list.focusHighlightForeground#fc674e
- list.highlightForeground#ff815c
- list.hoverBackground#13191a
- list.hoverForeground#d9fefd
- list.inactiveSelectionBackground#1a2123
- list.inactiveSelectionForeground#accecb
- list.invalidItemForeground#fc674e
- list.warningForeground#ff815c
- listFilterWidget.background#030303
- listFilterWidget.noMatchesOutline#fc674e
- listFilterWidget.outline#ff815c
- menu.background#030303
- menu.border#2d3a3c
- menu.foreground#accecb
- menu.selectionBackground#2d3a3c
- menu.selectionForeground#d9fefd
- menu.separatorBackground#2d3a3c
- menubar.selectionBackground#2d3a3c
- menubar.selectionForeground#d9fefd
- minimap.background#000000
- minimap.errorHighlight#fc674e
- minimap.findMatchHighlight#ff815c80
- minimap.selectionHighlight#a1e4f250
- minimap.warningHighlight#ff815c
- minimapGutter.addedBackground#a1e4f2
- minimapGutter.deletedBackground#fc674e
- minimapGutter.modifiedBackground#fefedb
- notificationCenter.border#2d3a3c
- notificationCenterHeader.background#030303
- notificationCenterHeader.foreground#d9fefd
- notificationLink.foreground#a1e4f2
- notifications.background#030303
- notifications.border#2d3a3c
- notifications.foreground#accecb
- notificationsErrorIcon.foreground#fc674e
- notificationsInfoIcon.foreground#78cfde
- notificationsWarningIcon.foreground#ff815c
- panel.background#000000
- panel.border#2d3a3c
- panelSection.border#2d3a3c
- panelSectionHeader.background#000000
- panelSectionHeader.foreground#78cfde
- panelTitle.activeBorder#ff815c
- panelTitle.activeForeground#d9fefd
- panelTitle.inactiveForeground#396269
- peekView.border#ff815c
- peekViewEditor.background#0d1314
- peekViewEditor.matchHighlightBackground#ff815c50
- peekViewResult.background#030303
- peekViewResult.fileForeground#fcffc7
- peekViewResult.foreground#accecb
- peekViewResult.lineForeground#accecb
- peekViewResult.matchHighlightBackground#ff815c50
- peekViewResult.selectionBackground#2d3a3c
- peekViewResult.selectionForeground#d9fefd
- peekViewTitle.background#030303
- peekViewTitleDescription.foreground#5997a3
- peekViewTitleLabel.foreground#d9fefd
- pickerGroup.border#2d3a3c
- pickerGroup.foreground#78cfde
- progressBar.background#ff815c
- quickInput.background#030303
- quickInput.foreground#accecb
- quickInputTitle.background#000000
- sash.hoverBorder#ff815c
- scrollbar.shadow#00000080
- scrollbarSlider.activeBackground#78cfdecc
- scrollbarSlider.background#3f545980
- scrollbarSlider.hoverBackground#3f5459cc
- selection.background#a1e4f250
- settings.headerForeground#d9fefd
- settings.modifiedItemIndicator#ff815c
- sideBar.background#000000
- sideBar.border#2d3a3c
- sideBar.dropBackground#2d3a3c80
- sideBar.foreground#accecb
- sideBarSectionHeader.background#000000
- sideBarSectionHeader.border#2d3a3c
- sideBarSectionHeader.foreground#78cfde
- sideBarTitle.foreground#d1dbaf
- statusBar.background#000000
- statusBar.border#2d3a3c
- statusBar.debuggingBackground#ff815c
- statusBar.debuggingForeground#000000
- statusBar.foreground#396269
- statusBar.noFolderBackground#000000
- statusBar.noFolderForeground#396269
- statusBarItem.activeBackground#3f5459
- statusBarItem.errorBackground#8a291b
- statusBarItem.errorForeground#ffffff
- statusBarItem.hoverBackground#2d3a3c
- statusBarItem.prominentBackground#2d3a3c
- statusBarItem.prominentHoverBackground#3f5459
- statusBarItem.remoteBackground#ff815c
- statusBarItem.remoteForeground#000000
- statusBarItem.warningBackground#3f5459
- statusBarItem.warningForeground#accecb
- tab.activeBackground#0d1314
- tab.activeBorder#0d1314
- tab.activeBorderTop#ff815c
- tab.activeForeground#d9fefd
- tab.activeModifiedBorder#fefedb
- tab.border#2d3a3c
- tab.hoverBackground#13191a
- tab.hoverForeground#accecb
- tab.inactiveBackground#000000
- tab.inactiveForeground#396269
- tab.lastPinnedBorder#3f5459
- tab.unfocusedActiveForeground#5997a3
- tab.unfocusedInactiveForeground#2d3a3c
- terminal.ansiBlack#000000
- terminal.ansiBlue#78cfde
- terminal.ansiBrightBlack#396269
- terminal.ansiBrightBlue#a1e4f2
- terminal.ansiBrightCyan#d9fefd
- terminal.ansiBrightGreen#9ea485
- terminal.ansiBrightMagenta#c99af2
- terminal.ansiBrightRed#fc674e
- terminal.ansiBrightWhite#d9fefd
- terminal.ansiBrightYellow#fcffc7
- terminal.ansiCyan#76cddc
- terminal.ansiGreen#d1dbaf
- terminal.ansiMagenta#b267e6
- terminal.ansiRed#ff815c
- terminal.ansiWhite#accecb
- terminal.ansiYellow#fefedb
- terminal.background#000000
- terminal.border#2d3a3c
- terminal.foreground#accecb
- terminal.selectionBackground#a1e4f250
- terminalCursor.background#000000
- terminalCursor.foreground#a1e4f2
- textBlockQuote.background#030303
- textBlockQuote.border#ff815c
- textCodeBlock.background#030303
- textLink.activeForeground#a1e4f2
- textLink.foreground#78cfde
- textPreformat.foreground#fcffc7
- textSeparator.foreground#2d3a3c
- titleBar.activeBackground#000000
- titleBar.activeForeground#accecb
- titleBar.border#2d3a3c
- titleBar.inactiveBackground#000000
- titleBar.inactiveForeground#396269
- tree.indentGuidesStroke#2d3a3c
- walkThrough.embeddedEditorBackground#030303
- welcomePage.progress.foreground#ff815c
- welcomePage.tileBackground#030303
- welcomePage.tileHoverBackground#2d3a3c
- widget.border#2d3a3c
- widget.shadow#00000080
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #accecbff | — |
| comment | #396269 | — |
| keyword.operator.class, constant.other, source.php.embedded.line | #76cddc | |
| variable, support.other.variable, string.other.link, string.regexp, entity.other.attribute-name | #fefedb | |
| variable.language | #accecb | — |
| constant.numeric, entity.name.tag, meta.tag, declaration.tag, constant.language, support.constant, constant.character, variable.parameter, punctuation.section.embedded, keyword.other.unit | #ff815c | |
| meta.tag | #accecb | |
| entity.name.class, entity.name.type.class, support.type, support.class | #d9fefd | normal |
| string, constant.other.symbol, entity.other.inherited-class, markup.heading | #9ea485 | |
| keyword.operator, constant.other.color | #78cfde | — |
| entity.name.function, meta.function-call, support.function, keyword.other.special-method, meta.block-level | #78cfde | italic |
| keyword, entity.name.tag.css | #d1dbaf | |
| storage | #d1dbaf | |
| storage.type | #78cfde | italic |
| invalid | #8a291b | |
| meta.separator | #9fa586 | — |
| invalid.deprecated | #8a291b | |
| meta.structure.dictionary.json string.quoted.double.json | #fefedb | — |
| meta.diff, meta.diff.header | #396269 | — |
| markup.deleted | #ff815a | — |
| markup.inserted | #c4fefd | — |
| markup.changed | #fcffc7 | — |
| constant.numeric.line-number.find-in-files | #5997a3 | — |
| constant.numeric.line-number.match.find-in-files | #000000 | bold |
| entity.name.filename.find-in-files | #fcffc7 | — |
| text.html.markdown | #9dc3bf | — |
| text.html.markdown markup.raw.inline | #77c9d9 | italic |
| text.html.markdown markup.raw.inline punctuation.definition.raw.markdown | #c4fefd | — |
| text.html.markdown meta.dummy.line-break | #d1fefc | — |
| markdown.heading, markup.heading | markup.heading entity.name | #fcffc7 | bold |
| markup.heading.markdown punctuation.definition.heading.markdown | #396269 | normal |
| markup.italic | — | italic |
| markup.bold | — | bold |
| markup.underline | — | underline |
| markup.quote, punctuation.definition.blockquote.markdown | #c5cf8d | italic |
| markup.quote | #8b9474 | italic |
| markup.underline.link.markdown,string.other.link.markdown,markup.underline.link.image.markdown | #8b9474 | underline |
| punctuation.definition.string.begin.markdown,punctuation.definition.string.end.markdown | #fc674e | bold |
| meta.image.inline.markdown | #fcffc7 | normal |
| string.other.link.title.markdown | #b3bd93 | underline |
| markup.raw.block | #d1fefc | — |
| punctuation.definition.list_item.markdown | #fc674e | — |
| markup.raw.block.fenced.markdown | #ffffff | — |
| punctuation.definition.fenced.markdown, variable.language.fenced.markdown | #263f45 | — |
| variable.language.fenced.markdown | #d1fefc | italic |
| meta.separator | #fcffc7 | bold |
| markup.table | #b42a1d | — |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |