Skip to main content
Coding Theme

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.activeBorder#3574f0
  • activityBar.background#2b2d30
  • activityBar.border#3a3c3f
  • activityBar.foreground#c9ccd2
  • activityBar.inactiveForeground#7c818a
  • activityBarBadge.background#4e8df6
  • activityBarBadge.foreground#ffffff
  • badge.background#4e8df6
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#cfd2d8
  • breadcrumb.background#1f2023
  • breadcrumb.focusForeground#cfd2d8
  • breadcrumb.foreground#80858d
  • button.background#4e8df6
  • button.foreground#ffffff
  • button.hoverBackground#6ea4ff
  • button.secondaryBackground#3a3d42
  • button.secondaryForeground#d7dae0
  • button.secondaryHoverBackground#45484d
  • contrastActiveBorder#00000000
  • contrastBorder#00000000
  • dropdown.background#2b2d30
  • dropdown.border#4b4f55
  • dropdown.foreground#ced0d6
  • editor.background#1e1f22
  • editor.findMatchBackground#355d94
  • editor.findMatchBorder#5f93e6
  • editor.findMatchHighlightBackground#2d394d
  • editor.findMatchHighlightBorder#3d587d
  • editor.foreground#bcbec4
  • editor.inactiveSelectionBackground#43454a
  • editor.lineHighlightBackground#23252a
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#214283
  • editor.selectionHighlightBackground#31353d
  • editor.wordHighlightBackground#31353d
  • editor.wordHighlightStrongBackground#21428355
  • editorBracketMatch.background#2f3540
  • editorBracketMatch.border#5f6670
  • editorCodeLens.foreground#7b8088
  • editorCursor.foreground#c9ccd2
  • editorError.foreground#db5c5c
  • editorGroup.border#3a3c3f
  • editorGroupHeader.noTabsBackground#2b2d30
  • editorGroupHeader.tabsBackground#2b2d30
  • editorGroupHeader.tabsBorder#3a3c3f
  • editorGutter.background#1f2023
  • editorHint.foreground#6aab73
  • editorHoverWidget.background#2b2d30
  • editorHoverWidget.border#45484d
  • editorIndentGuide.activeBackground1#4d525b
  • editorIndentGuide.background1#2c3035
  • editorInfo.foreground#4f9eed
  • editorInlayHint.background#00000000
  • editorInlayHint.foreground#7f848e
  • editorInlayHint.parameterBackground#00000000
  • editorInlayHint.parameterForeground#7f848e
  • editorInlayHint.typeBackground#00000000
  • editorInlayHint.typeForeground#7f848e
  • editorLightBulb.foreground#ffd866
  • editorLightBulbAutoFix.foreground#6aab73
  • editorLineNumber.activeForeground#868b94
  • editorLineNumber.foreground#4a505a
  • editorLink.activeForeground#589df6
  • editorOverviewRuler.border#00000000
  • editorOverviewRuler.errorForeground#db5c5c
  • editorOverviewRuler.findMatchForeground#5f93e6
  • editorOverviewRuler.infoForeground#4f9eed
  • editorOverviewRuler.warningForeground#d6b85a
  • editorStickyScroll.background#1f2023
  • editorStickyScrollHover.background#26282e
  • editorSuggestWidget.background#2b2d30
  • editorSuggestWidget.foreground#c7cad1
  • editorSuggestWidget.highlightForeground#64a3df
  • editorSuggestWidget.selectedBackground#4b4d52
  • editorWarning.foreground#d6b85a
  • editorWhitespace.foreground#2f3338
  • editorWidget.background#2b2d30
  • editorWidget.border#45484d
  • focusBorder#00000000
  • foreground#bcbec4
  • gitDecoration.addedResourceForeground#cfd2d8
  • gitDecoration.deletedResourceForeground#db5c5c
  • gitDecoration.ignoredResourceForeground#7b8088
  • gitDecoration.modifiedResourceForeground#cfd2d8
  • gitDecoration.renamedResourceForeground#cfd2d8
  • gitDecoration.stageModifiedResourceForeground#cfd2d8
  • gitDecoration.untrackedResourceForeground#cfd2d8
  • input.background#3a3d42
  • input.border#4b4f55
  • input.foreground#d7dae0
  • input.placeholderForeground#7e838c
  • list.activeSelectionBackground#5a5d66
  • list.activeSelectionForeground#f1f3f5
  • list.dropBackground#474b52
  • list.focusBackground#5a5d66
  • list.focusForeground#f1f3f5
  • list.highlightForeground#f1f3f5
  • list.hoverBackground#404348
  • list.hoverForeground#f1f3f5
  • list.inactiveSelectionBackground#555860
  • list.inactiveSelectionForeground#eef1f4
  • menu.background#2b2d30
  • menu.foreground#ced0d6
  • menu.selectionBackground#43454a
  • menu.selectionForeground#f1f3f5
  • menu.separatorBackground#45484d
  • minimap.background#1f2023
  • minimap.errorHighlight#db5c5c
  • minimap.findMatchHighlight#5f93e6
  • minimap.selectionHighlight#21428355
  • minimap.warningHighlight#d6b85a
  • panel.background#2b2d30
  • panel.border#3a3c3f
  • panelTitle.activeBorder#4e8df6
  • panelTitle.activeForeground#eceef2
  • panelTitle.inactiveForeground#9ba0a8
  • progressBar.background#4e8df6
  • scrollbar.shadow#00000055
  • scrollbarSlider.activeBackground#ffffff30
  • scrollbarSlider.background#ffffff14
  • scrollbarSlider.hoverBackground#ffffff22
  • sideBar.background#2b2d30
  • sideBar.border#3a3c3f
  • sideBar.foreground#cfd2d8
  • sideBarSectionHeader.background#2b2d30
  • sideBarSectionHeader.border#3a3c3f
  • sideBarSectionHeader.foreground#f1f3f5
  • sideBarTitle.foreground#f1f3f5
  • statusBar.background#2b2d30
  • statusBar.border#3a3c3f
  • statusBar.foreground#9da2ab
  • statusBar.noFolderBackground#2b2d30
  • statusBar.noFolderBorder#3a3c3f
  • statusBarItem.activeBackground#43454a
  • statusBarItem.hoverBackground#393b40
  • statusBarItem.prominentBackground#393b40
  • statusBarItem.prominentHoverBackground#43454a
  • symbolIcon.classForeground#cfd2d8
  • symbolIcon.functionForeground#cfd2d8
  • symbolIcon.interfaceForeground#cfd2d8
  • symbolIcon.methodForeground#cfd2d8
  • symbolIcon.moduleForeground#cfd2d8
  • symbolIcon.namespaceForeground#cfd2d8
  • symbolIcon.packageForeground#cfd2d8
  • symbolIcon.structForeground#cfd2d8
  • symbolIcon.variableForeground#bcbec4
  • tab.activeBackground#2b2d30
  • tab.activeBorderTop#4e8df6
  • tab.activeForeground#e3e5e8
  • tab.border#3a3c3f
  • tab.hoverBackground#313338
  • tab.hoverForeground#eceef2
  • tab.inactiveBackground#1f2023
  • tab.inactiveForeground#9ea3ab
  • tab.unfocusedActiveForeground#c7cad0
  • tab.unfocusedInactiveForeground#8e9299
  • terminal.ansiBlack#1f2023
  • terminal.ansiBlue#589df6
  • terminal.ansiBrightBlack#6f747c
  • terminal.ansiBrightBlue#7cb7ff
  • terminal.ansiBrightCyan#7ad0f7
  • terminal.ansiBrightGreen#89d185
  • terminal.ansiBrightMagenta#d7a6ff
  • terminal.ansiBrightRed#ff7b72
  • terminal.ansiBrightWhite#f1f3f5
  • terminal.ansiBrightYellow#f2d06b
  • terminal.ansiCyan#56b6c2
  • terminal.ansiGreen#6aab73
  • terminal.ansiMagenta#b78cff
  • terminal.ansiRed#db5c5c
  • terminal.ansiWhite#bcbec4
  • terminal.ansiYellow#d9c97c
  • terminal.background#1f2023
  • terminal.foreground#bcbec4
  • testing.iconFailed#db5c5c
  • testing.iconPassed#6aab73
  • testing.iconQueued#d6b85a
  • testing.iconUnset#7b8088
  • testing.runAction#6aab73
  • titleBar.activeBackground#2b2d30
  • titleBar.activeForeground#d0d2d6
  • titleBar.border#3a3c3f
  • titleBar.inactiveBackground#2b2d30
  • titleBar.inactiveForeground#91959d
  • tree.indentGuidesStroke#3b3e43

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
source, text#bcbec4
comment, punctuation.definition.comment#7a7e85
keyword, storage, storage.type, keyword.control, keyword.operator.word, keyword.other.package.go#cf8e6d
entity.name.function, support.function, meta.function-call, variable.function, meta.function-call entity.name.function, meta.function-call support.function, meta.function-call variable.function#bea663
meta.function entity.name.function, meta.function.declaration entity.name.function, entity.name.function.definition, entity.name.function.go, meta.function.parameters entity.name.function#5b9ede
entity.name.type, entity.name.class, support.type, support.class, storage.type.go, entity.name.type.module.go, support.class.go, entity.name.struct.go#79b2c8
string, string.quoted, string.template#6aab73
meta.import string.quoted, meta.import string.quoted.double, meta.import.go string.quoted, meta.import.go string.quoted.double#6aab73
constant.numeric, constant.language, constant.character.escape#b5cea8
entity.name.constant, entity.name.constant.go, variable.other.constant, variable.other.constant.go, support.constant, support.constant.go, meta.const.go entity.name.constant, meta.const.go entity.name.constant.go, meta.const.go variable.other.constant, meta.const.go variable.other.constant.go, meta.const.go support.constant, meta.const.go support.constant.go#c189b7
variable.parameter, variable, meta.definition.variable#bcbec4
variable.language, variable.language.this, variable.other.object, variable.other.readwrite, support.variable, variable.other.property, variable.object.property#bcbec4
variable.parameter, meta.parameter variable.parameter#bcbec4
meta.function.parameters.go variable.parameter, meta.function.arguments.go variable.parameter#bcbec4
entity.name.type.package.go, meta.package.go entity.name.package, meta.package.go entity.name.package.go, meta.package.go entity.name.type.package.go, meta.package.go support.type.package.go, meta.package.go entity.name.namespace, meta.package.go entity.name.module#a7ac68
entity.name.namespace, entity.name.module, support.type.package.go, meta.path.go, entity.name.package.go, variable.other.package.go, storage.modifier.import.go#98ab74
meta.method.receiver.go variable.parameter, meta.function.receiver.go variable.parameter, meta.receiver.go variable.parameter#64a3df
meta.function-call object, meta.function-call variable.object#bcbec4
meta.function-call entity.name.namespace, meta.function-call entity.name.module, meta.function-call.go entity.name.namespace, meta.function-call.go entity.name.module, meta.function-call.method.go entity.name.namespace, meta.function-call.method.go entity.name.module, meta.function-call.go variable.other.package.go, meta.function-call.method.go variable.other.package.go#98ab74
meta.function-call.go, meta.function-call.method.go, meta.function-call support.function.go#bea663
meta.definition.function.go entity.name.function, meta.definition.method.go entity.name.function#64a3df
meta.function-call.go variable.other.member, meta.function-call.go variable.other.property, meta.function-call.go support.variable, meta.function-call.go meta.property-access entity.name.function#64a3df
entity.other.attribute-name, entity.name.label#bcbec4
punctuation, meta.brace, meta.delimiter#bcbec4
GoLand Exact Theme by sagaryadaviitk - VS Code Theme