Tunc Light Theme
Publisher: Hüseyin TunçThemes in package: 2
LinkedIn-inspired light theme with clean blue accents for VS Code
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#0A66C2
- activityBar.border#0856a1
- activityBar.foreground#ffffff
- activityBar.inactiveForeground#ffffffaa
- activityBarBadge.background#0A66C2
- activityBarBadge.foreground#ffffff
- badge.background#0A66C2
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#ffffff
- breadcrumb.focusForeground#d9d9d9
- breadcrumb.foreground#888888
- breadcrumbPicker.background#111111
- button.background#0A66C2
- button.foreground#ffffff
- button.hoverBackground#378fe9
- button.secondaryBackground#2a2a2a
- button.secondaryForeground#d9d9d9
- button.secondaryHoverBackground#3a3a3a
- dropdown.background#111111
- dropdown.border#0A66C240
- dropdown.foreground#d9d9d9
- editor.background#0a0a0a
- editor.findMatchBackground#0A66C240
- editor.findMatchHighlightBackground#0A66C225
- editor.foreground#d9d9d9
- editor.lineHighlightBackground#141414
- editor.selectionBackground#0A66C250
- editor.selectionHighlightBackground#0A66C230
- editor.wordHighlightBackground#0A66C220
- editor.wordHighlightStrongBackground#0A66C240
- editorBracketMatch.background#0A66C230
- editorBracketMatch.border#70b5f9
- editorCursor.foreground#70b5f9
- editorError.foreground#e04448
- editorGutter.addedBackground#44b36a
- editorGutter.deletedBackground#e04448
- editorGutter.modifiedBackground#70b5f9
- editorHoverWidget.background#111111
- editorHoverWidget.border#0A66C240
- editorIndentGuide.activeBackground1#333333
- editorIndentGuide.background1#1e1e1e
- editorInfo.foreground#70b5f9
- editorLineNumber.activeForeground#70b5f9
- editorLineNumber.foreground#3a3a3a
- editorOverviewRuler.addedForeground#44b36a
- editorOverviewRuler.deletedForeground#e04448
- editorOverviewRuler.modifiedForeground#70b5f9
- editorSuggestWidget.background#111111
- editorSuggestWidget.border#0A66C240
- editorSuggestWidget.highlightForeground#70b5f9
- editorSuggestWidget.selectedBackground#0A66C230
- editorWarning.foreground#d4852a
- editorWhitespace.foreground#1e1e1e
- editorWidget.background#111111
- editorWidget.border#0A66C240
- focusBorder#0A66C2
- gitDecoration.conflictingResourceForeground#d4852a
- gitDecoration.deletedResourceForeground#e04448
- gitDecoration.ignoredResourceForeground#3a3a3a
- gitDecoration.modifiedResourceForeground#70b5f9
- gitDecoration.untrackedResourceForeground#44b36a
- input.background#111111
- input.border#0A66C240
- input.foreground#d9d9d9
- input.placeholderForeground#555555
- inputOption.activeBackground#0A66C230
- inputOption.activeBorder#0A66C2
- list.activeSelectionBackground#0A66C235
- list.activeSelectionForeground#ffffff
- list.errorForeground#e04448
- list.focusBackground#0A66C235
- list.highlightForeground#70b5f9
- list.hoverBackground#151515
- list.hoverForeground#d9d9d9
- list.inactiveSelectionBackground#1a1a1a
- list.inactiveSelectionForeground#d9d9d9
- list.warningForeground#d4852a
- minimap.findMatchHighlight#0A66C260
- minimap.selectionHighlight#0A66C240
- minimapGutter.addedBackground#44b36a
- minimapGutter.deletedBackground#e04448
- minimapGutter.modifiedBackground#70b5f9
- notificationCenter.border#0A66C240
- notifications.background#111111
- notifications.border#0A66C240
- notifications.foreground#d9d9d9
- panel.background#0a0a0a
- panel.border#0A66C230
- panelTitle.activeBorder#0A66C2
- panelTitle.activeForeground#d9d9d9
- panelTitle.inactiveForeground#666666
- peekView.border#0A66C2
- peekViewEditor.background#0e0e0e
- peekViewResult.background#0a0a0a
- peekViewResult.selectionBackground#0A66C235
- peekViewTitle.background#0e0e0e
- peekViewTitleDescription.foreground#888888
- peekViewTitleLabel.foreground#d9d9d9
- quickInput.background#111111
- quickInput.foreground#d9d9d9
- quickInputList.focusBackground#0A66C235
- scrollbar.shadow#00000050
- scrollbarSlider.activeBackground#4a4a4a90
- scrollbarSlider.background#2a2a2a60
- scrollbarSlider.hoverBackground#3a3a3a80
- sideBar.background#0e0e0e
- sideBar.border#0A66C230
- sideBar.foreground#b0b0b0
- sideBarSectionHeader.background#0e0e0e
- sideBarSectionHeader.foreground#70b5f9
- sideBarTitle.foreground#d9d9d9
- statusBar.background#0A66C2
- statusBar.border#0856a1
- statusBar.debuggingBackground#44b36a
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#333333
- statusBarItem.hoverBackground#0856a1
- statusBarItem.remoteBackground#44b36a
- statusBarItem.remoteForeground#ffffff
- tab.activeBackground#0a0a0a
- tab.activeBorderTop#0A66C2
- tab.activeForeground#ffffff
- tab.border#0A66C220
- tab.inactiveBackground#070707
- tab.inactiveForeground#666666
- tab.unfocusedActiveBorderTop#0A66C260
- terminal.ansiBlack#1a1a1a
- terminal.ansiBlue#70b5f9
- terminal.ansiBrightBlack#666666
- terminal.ansiBrightBlue#a0d0ff
- terminal.ansiBrightCyan#40c4cc
- terminal.ansiBrightGreen#6dd48a
- terminal.ansiBrightMagenta#c99ae0
- terminal.ansiBrightRed#f06a6e
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#eaa050
- terminal.ansiCyan#1a9aa3
- terminal.ansiGreen#44b36a
- terminal.ansiMagenta#a66cc8
- terminal.ansiRed#e04448
- terminal.ansiWhite#d9d9d9
- terminal.ansiYellow#d4852a
- terminal.background#0a0a0a
- terminal.foreground#d9d9d9
- titleBar.activeBackground#070707
- titleBar.activeForeground#d9d9d9
- titleBar.border#0A66C230
- titleBar.inactiveBackground#070707
- titleBar.inactiveForeground#666666
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #555555 | italic |
| keyword, keyword.control, keyword.operator.new, keyword.operator.delete, keyword.operator.expression, storage.type, storage.modifier | #70b5f9 | bold |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.comparison | #d9d9d9 | — |
| string, string.quoted, string.template | #44b36a | — |
| constant.character.escape | #70b5f9 | bold |
| constant.numeric | #a66cc8 | — |
| constant.language, support.constant | #70b5f9 | italic |
| variable, variable.other, variable.other.readwrite | #d9d9d9 | — |
| variable.parameter, meta.parameter | #cccccc | italic |
| variable.other.property, variable.other.object.property, support.variable.property, meta.object-literal.key | #a66cc8 | — |
| entity.name.function, meta.function-call, support.function | #d4852a | — |
| entity.name.function.definition, meta.definition.function entity.name.function | #d4852a | — |
| entity.name.type.class, entity.other.inherited-class, support.class, entity.name.type | #378fe9 | — |
| entity.name.type.interface, entity.name.type.alias, entity.name.type.enum | #378fe9 | italic |
| entity.name.type.parameter | #378fe9 | italic |
| meta.decorator, meta.decorator entity.name.function, punctuation.decorator | #a66cc8 | — |
| entity.name.tag, punctuation.definition.tag | #70b5f9 | — |
| entity.other.attribute-name | #d4852a | italic |
| support.type.property-name.css, meta.property-name | #70b5f9 | — |
| support.constant.property-value, meta.property-value | #44b36a | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #d4852a | — |
| string.regexp | #1a9aa3 | — |
| heading.1.markdown, heading.2.markdown, heading.3.markdown, heading.4.markdown, heading.5.markdown, heading.6.markdown, markup.heading | #378fe9 | bold |
| markup.bold | #d9d9d9 | bold |
| markup.italic | #d9d9d9 | italic |
| markup.underline.link | #70b5f9 | — |
| markup.inline.raw, markup.fenced_code | #44b36a | — |
| support.type.property-name.json | #70b5f9 | — |
| entity.name.tag.yaml | #70b5f9 | — |
| punctuation, meta.brace, punctuation.definition.block, punctuation.separator, punctuation.terminator | #888888 | — |
| variable.language.this, variable.language.self, variable.language.special.self | #70b5f9 | italic |
| entity.name.namespace, entity.name.module | #d9d9d9 | — |
| string.quoted.module | #44b36a | — |