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.background#261711
  • activityBarBadge.background#8C6B4F
  • activityBarBadge.foreground#BFA68F
  • badge.background#967A60
  • badge.foreground#261711
  • banner.background#261711
  • banner.foreground#967A60
  • banner.iconForeground#8C6B4F
  • breadcrumb.activeSelectionForeground#BFA68F
  • breadcrumb.background#261711
  • breadcrumb.focusForeground#8C6B4F
  • breadcrumb.foreground#BFA68F99
  • button.background#8C6B4F
  • button.foreground#BFA68F
  • button.hoverBackground#967A60
  • button.secondaryBackground#352720
  • button.secondaryForeground#967A60
  • button.secondaryHoverBackground#5E3B22
  • charts.blue#8C6B4F
  • charts.foreground#BFA68F
  • charts.green#8C6B4F
  • charts.lines#967A6080
  • charts.orange#6A4628
  • charts.purple#733E32
  • charts.red#733E32
  • charts.yellow#6A4628
  • checkbox.background#352720
  • checkbox.border#8C6B4F
  • checkbox.foreground#BFA68F
  • debugConsole.errorForeground#733E32
  • debugConsole.infoForeground#8C6B4F
  • debugConsole.sourceForeground#BFA68F
  • debugConsole.warningForeground#6A4628
  • debugConsoleInputIcon.foreground#967A60
  • debugIcon.continueForeground#8C6B4F
  • debugIcon.disconnectForeground#733E32
  • debugIcon.pauseForeground#6A4628
  • debugIcon.restartForeground#8C6B4F
  • debugIcon.startForeground#8C6B4F
  • debugIcon.stepBackForeground#733E32
  • debugIcon.stepIntoForeground#8C6B4F
  • debugIcon.stepOutForeground#967A60
  • debugIcon.stepOverForeground#967A60
  • debugIcon.stopForeground#733E32
  • debugTokenExpression.boolean#733E32
  • debugTokenExpression.error#733E32
  • debugTokenExpression.name#8C6B4F
  • debugTokenExpression.number#6A4628
  • debugTokenExpression.string#967A60
  • debugTokenExpression.value#BFA68F
  • debugToolBar.background#352720
  • debugToolBar.border#8C6B4F
  • debugView.stateLabelBackground#261711
  • debugView.stateLabelForeground#BFA68F
  • debugView.valueChangedHighlight#8C6B4F
  • diffEditor.insertedTextBackground#8C6B4F20
  • diffEditor.removedTextBackground#733E3220
  • dropdown.background#352720
  • dropdown.border#8C6B4F80
  • dropdown.foreground#BFA68F
  • editor.background#1A120C
  • editor.findMatchBackground#352720
  • editor.findMatchForeground#BFA68F
  • editor.findMatchHighlightBackground#261711CC
  • editor.findMatchHighlightBorder#BFA68F
  • editor.findRangeHighlightBackground#967A6020
  • editor.focusedStackFrameHighlightBackground#BFA68F20
  • editor.foreground#BFA68F
  • editor.lineHighlightBackground#5E3B2260
  • editor.rangeHighlightBackground#5E3B2240
  • editor.selectionBackground#352720
  • editor.selectionForeground#FFF3E0
  • editor.selectionHighlightBackground#1A120CCC
  • editor.selectionHighlightBorder#00000000
  • editor.stackFrameHighlightBackground#967A6020
  • editor.wordHighlightBackground#352720CC
  • editor.wordHighlightBorder#00000000
  • editor.wordHighlightStrongBackground#1A120CCC
  • editor.wordHighlightStrongBorder#00000000
  • editor.wordHighlightTextBackground#1A120CCC
  • editorBracketHighlight.foreground1#967A60
  • editorBracketHighlight.foreground2#967A60cc
  • editorBracketHighlight.foreground3#967A6099
  • editorBracketHighlight.foreground4#8C6B4Fcc
  • editorBracketHighlight.foreground5#8C6B4F99
  • editorBracketHighlight.foreground6#8C6B4F
  • editorBracketMatch.border#967A60
  • editorCursor.background#967A6020
  • editorCursor.foreground#967A60
  • editorError.foreground#733E32
  • editorGroupHeader.tabsBackground#1A120C
  • editorHoverWidget.background#352720
  • editorHoverWidget.border#8C6B4F
  • editorHoverWidget.foreground#BFA68F
  • editorIndentGuide.activeBackground1#967A6090
  • editorIndentGuide.activeBackground2#967A6090
  • editorIndentGuide.activeBackground3#967A6090
  • editorIndentGuide.activeBackground4#967A6090
  • editorIndentGuide.activeBackground5#967A6090
  • editorIndentGuide.activeBackground6#967A6090
  • editorIndentGuide.background1#967A6030
  • editorIndentGuide.background2#967A6030
  • editorIndentGuide.background3#967A6030
  • editorIndentGuide.background4#967A6030
  • editorIndentGuide.background5#967A6030
  • editorIndentGuide.background6#967A6030
  • editorInfo.foreground#8C6B4F
  • editorLineNumber.activeForeground#BFA68F
  • editorLineNumber.foreground#BFA68F50
  • editorOverviewRuler.background#261711
  • editorOverviewRuler.border#8C6B4F80
  • editorSuggestWidget.background#352720
  • editorSuggestWidget.border#8C6B4F
  • editorSuggestWidget.foreground#BFA68F
  • editorSuggestWidget.highlightForeground#8C6B4F
  • editorSuggestWidget.selectedBackground#5E3B2260
  • editorWarning.foreground#6A4628
  • editorWidget.background#352720
  • editorWidget.border#8C6B4F80
  • editorWidget.resizeBorder#8C6B4F
  • gitDecoration.addedResourceForeground#8C6B4F
  • gitDecoration.conflictingResourceForeground#733E32
  • gitDecoration.deletedResourceForeground#733E32
  • gitDecoration.ignoredResourceForeground#967A60
  • gitDecoration.modifiedResourceForeground#967A60
  • gitDecoration.renamedResourceForeground#6A4628
  • gitDecoration.stageDeletedResourceForeground#733E32
  • gitDecoration.stageModifiedResourceForeground#8C6B4F
  • gitDecoration.submoduleResourceForeground#BFA68F
  • gitDecoration.untrackedResourceForeground#593520
  • input.background#261711
  • input.border#8C6B4F
  • input.foreground#FFF3E0
  • input.placeholderForeground#BFA68F80
  • inputOption.activeBackground#8C6B4F40
  • list.activeSelectionBackground#261711
  • list.activeSelectionForeground#FFF3E0
  • list.deemphasizedForeground#967A60
  • list.gitModified#BFA68F
  • list.gitUntracked#8C6B4F
  • list.hoverBackground#352720
  • list.hoverForeground#FFF3E0
  • list.inactiveSelectionBackground#261711
  • list.inactiveSelectionForeground#FFF3E0
  • minimap.findMatchHighlight#BFA68F80
  • minimap.selectionHighlight#8C6B4F40
  • minimapGutter.addedBackground#8C6B4F
  • minimapGutter.deletedBackground#733E32
  • minimapGutter.modifiedBackground#967A60
  • notificationLink.foreground#8C6B4F
  • notifications.background#352720
  • notifications.border#8C6B4F
  • notificationsErrorIcon.foreground#733E32
  • notificationsInfoIcon.foreground#8C6B4F
  • notificationsWarningIcon.foreground#6A4628
  • panel.background#1A120C
  • panel.border#8C6B4F
  • panelInput.border#8C6B4F
  • panelSectionHeader.background#261711
  • panelSectionHeader.border#8C6B4F
  • panelSectionHeader.foreground#967A60
  • panelTitle.activeBorder#967A60
  • panelTitle.activeForeground#967A60
  • panelTitle.inactiveForeground#BFA68F80
  • peekView.border#8C6B4F
  • peekViewEditor.background#261711
  • peekViewEditorGutter.background#261711
  • peekViewResult.background#352720
  • peekViewTitle.background#261711
  • peekViewTitleDescription.foreground#BFA68F80
  • problemsErrorIcon.foreground#733E32
  • problemsInfoIcon.foreground#8C6B4F
  • problemsWarningIcon.foreground#6A4628
  • quickInput.background#261711
  • quickInput.foreground#FFF3E0
  • quickInputTitle.background#261711
  • scrollbar.shadow#26171100
  • scrollbarSlider.activeBackground#967A6070
  • scrollbarSlider.background#967A6030
  • scrollbarSlider.hoverBackground#967A6050
  • settings.checkboxBackground#352720
  • settings.checkboxBorder#8C6B4F
  • settings.checkboxForeground#BFA68F
  • settings.dropdownBackground#352720
  • settings.dropdownBorder#8C6B4F
  • settings.dropdownForeground#BFA68F
  • settings.headerForeground#967A60
  • settings.modifiedItemIndicator#967A60
  • sideBar.background#1A120C
  • sideBar.foreground#FFF3E0
  • sideBarSectionHeader.background#261711
  • sideBarSectionHeader.foreground#FFF3E0
  • sideBarTitle.foreground#BFA68F
  • statusBar.background#261711
  • statusBar.border#8C6B4F
  • statusBar.foreground#967A60
  • statusBar.noFolderBackground#261711
  • statusBar.noFolderBorder#8C6B4F
  • statusBar.noFolderForeground#967A60
  • statusBarItem.prominentBackground#261711
  • statusBarItem.prominentForeground#967A60
  • statusBarItem.prominentHoverBackground#5E3B22
  • statusBarItem.prominentHoverForeground#967A60
  • statusBarItem.remoteBackground#8C6B4F
  • statusBarItem.remoteForeground#261711
  • statusBarItem.remoteHoverBackground#5E3B22
  • statusBarItem.remoteHoverForeground#967A60
  • statusBarItem.warningBackground#6A4628
  • statusBarItem.warningForeground#261711
  • statusBarItem.warningHoverBackground#5E3B22
  • statusBarItem.warningHoverForeground#967A60
  • symbolIcon.arrayForeground#8C6B4F
  • symbolIcon.booleanForeground#967A60
  • symbolIcon.classForeground#BFA68F
  • symbolIcon.colorForeground#8C6B4F
  • symbolIcon.constantForeground#6A4628
  • symbolIcon.constructorForeground#733E32
  • symbolIcon.enumeratorForeground#BFA68F
  • symbolIcon.enumeratorMemberForeground#8C6B4F
  • symbolIcon.eventForeground#733E32
  • symbolIcon.fieldForeground#8C6B4F
  • tab.activeBackground#1A120C
  • tab.activeBorder#FFF3E0
  • tab.activeForeground#FFF3E0
  • tab.activeModifiedForeground#BFA68F
  • tab.hoverBackground#5E3B2220
  • tab.hoverForeground#967A60
  • tab.inactiveBackground#1A120C
  • tab.inactiveForeground#967A60
  • tab.inactiveModifiedForeground#8C6B4F
  • tab.unfocusedActiveBackground#261711
  • tab.unfocusedActiveForeground#FFF3E0
  • tab.unfocusedActiveModifiedForeground#BFA68F
  • tab.unfocusedInactiveForeground#967A6080
  • tab.unfocusedInactiveModifiedForeground#8C6B4F
  • terminal.ansiBlack#261711
  • terminal.ansiBlue#8C6B4F
  • terminal.ansiBrightBlack#967A60
  • terminal.ansiBrightBlue#967A60
  • terminal.ansiBrightCyan#967A60
  • terminal.ansiBrightGreen#BFA68F
  • terminal.ansiBrightMagenta#733E32
  • terminal.ansiBrightRed#733E32
  • terminal.ansiBrightWhite#BFA68F
  • terminal.ansiBrightYellow#6A4628
  • terminal.ansiCyan#BFA68F
  • terminal.ansiGreen#8C6B4F
  • terminal.ansiMagenta#733E32
  • terminal.ansiRed#733E32
  • terminal.ansiWhite#BFA68F
  • terminal.ansiYellow#6A4628
  • terminal.background#261711
  • terminal.border#8C6B4F
  • terminal.findMatchBackground#967A6040
  • terminal.findMatchBorder#967A60
  • terminal.findMatchHighlightBackground#967A6020
  • terminal.findMatchHighlightBorder#967A6080
  • terminal.foreground#BFA68F
  • terminal.selectionBackground#5E3B2260
  • terminal.tab.activeBorder#967A60
  • terminalCommandDecoration.defaultBackground#967A60
  • terminalCommandDecoration.errorBackground#733E32
  • terminalCommandDecoration.successBackground#8C6B4F
  • terminalCursor.background#BFA68F20
  • terminalCursor.foreground#967A60
  • titleBar.activeBackground#261711
  • titleBar.activeForeground#967A60

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#967A60italic
string, constant.other.symbol, constant.other.key#D8C3A5—
constant.numeric, constant.language, constant.character, constant.escape#C49A6C—
keyword, storage.type, storage.modifier, keyword.control#C97B63italic
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#BFA68Fbold
entity.name.class, support.class, support.type, entity.other.inherited-class#E2C199—
variable, variable.parameter, variable.language#D1A97A—
invalid, invalid.illegal#261711underline
markup.heading, markup.heading.markdown, markup.heading entity.name#BFA68Fbold
markup.bold, markup.bold string#8C6B4Fbold
markup.italic#967A60italic
markup.underline#BFA68Funderline
entity.other.attribute-name#8C6B4F—
meta.separator#967A60bold
markup.quote#967A60italic
markup.inserted#8C6B4F—
markup.deleted#733E32—
markup.changed#6A4628—
string.regexp, constant.character.escape#5E3B22—
*url*, *link*, *uri*#BFA68Funderline
meta.block variable.other#BFA68F—
support.constant, support.variable#967A60—
entity.name.tag, meta.tag.sgml#8C6B4F—
entity.other.attribute-name.class#5E3B22—
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name#BFA68F—
Limonit Theme by reallyliri - VS Code Theme