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#cc1016
- activityBarBadge.foreground#ffffff
- badge.background#cc1016
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#191919
- breadcrumb.focusForeground#191919
- breadcrumb.foreground#666666
- breadcrumbPicker.background#ffffff
- button.background#0A66C2
- button.foreground#ffffff
- button.hoverBackground#004182
- button.secondaryBackground#e8e7e4
- button.secondaryForeground#191919
- button.secondaryHoverBackground#d0d0d0
- dropdown.background#ffffff
- dropdown.border#c7c5c0
- dropdown.foreground#191919
- editor.background#ffffff
- editor.findMatchBackground#d0e8ff
- editor.findMatchHighlightBackground#d0e8ff60
- editor.foreground#191919
- editor.lineHighlightBackground#f3f2ef
- editor.selectionBackground#d0e8ff
- editor.selectionHighlightBackground#d0e8ff80
- editor.wordHighlightBackground#d0e8ff50
- editor.wordHighlightStrongBackground#d0e8ff80
- editorBracketMatch.background#d0e8ff60
- editorBracketMatch.border#0A66C2
- editorCursor.foreground#0A66C2
- editorError.foreground#cc1016
- editorGutter.addedBackground#057642
- editorGutter.deletedBackground#cc1016
- editorGutter.modifiedBackground#0A66C2
- editorHoverWidget.background#ffffff
- editorHoverWidget.border#d0d0d0
- editorIndentGuide.activeBackground1#c7c5c0
- editorIndentGuide.background1#e8e7e4
- editorInfo.foreground#0A66C2
- editorLineNumber.activeForeground#666666
- editorLineNumber.foreground#b0b0b0
- editorOverviewRuler.addedForeground#057642
- editorOverviewRuler.deletedForeground#cc1016
- editorOverviewRuler.modifiedForeground#0A66C2
- editorSuggestWidget.background#ffffff
- editorSuggestWidget.border#d0d0d0
- editorSuggestWidget.highlightForeground#0A66C2
- editorSuggestWidget.selectedBackground#d0e8ff
- editorWarning.foreground#b24020
- editorWhitespace.foreground#e0e0e0
- editorWidget.background#ffffff
- editorWidget.border#d0d0d0
- focusBorder#0A66C2
- gitDecoration.conflictingResourceForeground#b24020
- gitDecoration.deletedResourceForeground#cc1016
- gitDecoration.ignoredResourceForeground#b0b0b0
- gitDecoration.modifiedResourceForeground#0A66C2
- gitDecoration.untrackedResourceForeground#057642
- input.background#ffffff
- input.border#c7c5c0
- input.foreground#191919
- input.placeholderForeground#999999
- inputOption.activeBackground#d0e8ff
- inputOption.activeBorder#0A66C2
- list.activeSelectionBackground#d0e8ff
- list.activeSelectionForeground#191919
- list.errorForeground#cc1016
- list.focusBackground#d0e8ff
- list.highlightForeground#0A66C2
- list.hoverBackground#eae9e5
- list.hoverForeground#191919
- list.inactiveSelectionBackground#e8e7e4
- list.inactiveSelectionForeground#191919
- list.warningForeground#b24020
- minimap.findMatchHighlight#d0e8ff
- minimap.selectionHighlight#d0e8ff80
- minimapGutter.addedBackground#057642
- minimapGutter.deletedBackground#cc1016
- minimapGutter.modifiedBackground#0A66C2
- notificationCenter.border#e0e0e0
- notifications.background#ffffff
- notifications.border#e0e0e0
- notifications.foreground#191919
- panel.background#ffffff
- panel.border#e0e0e0
- panelTitle.activeBorder#0A66C2
- panelTitle.activeForeground#191919
- panelTitle.inactiveForeground#666666
- peekView.border#0A66C2
- peekViewEditor.background#ffffff
- peekViewResult.background#f3f2ef
- peekViewResult.selectionBackground#d0e8ff
- peekViewTitle.background#f3f2ef
- peekViewTitleDescription.foreground#666666
- peekViewTitleLabel.foreground#191919
- quickInput.background#ffffff
- quickInput.foreground#191919
- quickInputList.focusBackground#d0e8ff
- scrollbar.shadow#00000010
- scrollbarSlider.activeBackground#99999980
- scrollbarSlider.background#c7c5c040
- scrollbarSlider.hoverBackground#b0b0b060
- sideBar.background#f3f2ef
- sideBar.border#e0e0e0
- sideBar.foreground#191919
- sideBarSectionHeader.background#f3f2ef
- sideBarSectionHeader.foreground#666666
- sideBarTitle.foreground#191919
- statusBar.background#0A66C2
- statusBar.border#0856a1
- statusBar.debuggingBackground#057642
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#666666
- statusBarItem.hoverBackground#0856a1
- statusBarItem.remoteBackground#057642
- statusBarItem.remoteForeground#ffffff
- tab.activeBackground#ffffff
- tab.activeBorderTop#0A66C2
- tab.activeForeground#191919
- tab.border#e0e0e0
- tab.inactiveBackground#f3f2ef
- tab.inactiveForeground#666666
- tab.unfocusedActiveBorderTop#70b5f9
- terminal.ansiBlack#191919
- terminal.ansiBlue#0A66C2
- terminal.ansiBrightBlack#666666
- terminal.ansiBrightBlue#378fe9
- terminal.ansiBrightCyan#1a9aa3
- terminal.ansiBrightGreen#2e8b57
- terminal.ansiBrightMagenta#a66cc8
- terminal.ansiBrightRed#e04448
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#d4652a
- terminal.ansiCyan#0e7c86
- terminal.ansiGreen#057642
- terminal.ansiMagenta#8344a5
- terminal.ansiRed#cc1016
- terminal.ansiWhite#f3f2ef
- terminal.ansiYellow#b24020
- terminal.background#ffffff
- terminal.foreground#191919
- titleBar.activeBackground#ffffff
- titleBar.activeForeground#191919
- titleBar.border#e0e0e0
- titleBar.inactiveBackground#f3f2ef
- titleBar.inactiveForeground#666666
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #999999 | italic |
| keyword, keyword.control, keyword.operator.new, keyword.operator.delete, keyword.operator.expression, storage.type, storage.modifier | #0A66C2 | bold |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.comparison | #191919 | — |
| string, string.quoted, string.template | #057642 | — |
| constant.character.escape | #0A66C2 | bold |
| constant.numeric | #8344a5 | — |
| constant.language, support.constant | #0A66C2 | italic |
| variable, variable.other, variable.other.readwrite | #191919 | — |
| variable.parameter, meta.parameter | #333333 | italic |
| variable.other.property, variable.other.object.property, support.variable.property, meta.object-literal.key | #8344a5 | — |
| entity.name.function, meta.function-call, support.function | #b24020 | — |
| entity.name.function.definition, meta.definition.function entity.name.function | #b24020 | — |
| entity.name.type.class, entity.other.inherited-class, support.class, entity.name.type | #004182 | — |
| entity.name.type.interface, entity.name.type.alias, entity.name.type.enum | #004182 | italic |
| entity.name.type.parameter | #004182 | italic |
| meta.decorator, meta.decorator entity.name.function, punctuation.decorator | #8344a5 | — |
| entity.name.tag, punctuation.definition.tag | #0A66C2 | — |
| entity.other.attribute-name | #b24020 | italic |
| support.type.property-name.css, meta.property-name | #0A66C2 | — |
| support.constant.property-value, meta.property-value | #057642 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #b24020 | — |
| string.regexp | #0e7c86 | — |
| heading.1.markdown, heading.2.markdown, heading.3.markdown, heading.4.markdown, heading.5.markdown, heading.6.markdown, markup.heading | #004182 | bold |
| markup.bold | #191919 | bold |
| markup.italic | #191919 | italic |
| markup.underline.link | #0A66C2 | — |
| markup.inline.raw, markup.fenced_code | #057642 | — |
| support.type.property-name.json | #0A66C2 | — |
| entity.name.tag.yaml | #0A66C2 | — |
| punctuation, meta.brace, punctuation.definition.block, punctuation.separator, punctuation.terminator | #333333 | — |
| variable.language.this, variable.language.self, variable.language.special.self | #0A66C2 | italic |
| entity.name.namespace, entity.name.module | #191919 | — |
| string.quoted.module | #057642 | — |