Light Brown Leather

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.activeBackground#ead39d33
• activityBar.activeBorder#844e1a
• activityBar.activeFocusBorder#f47a00
• activityBar.background#ffedb7
• activityBar.border#ffedb7
• activityBar.dropBorder#00bb96
• activityBar.foreground#986934
• activityBar.inactiveForeground#ad834e
• activityBarBadge.background#f47a00
• activityBarBadge.foreground#ffedb7
• badge.background#f47a00
• badge.foreground#ffedb7
• breadcrumb.activeSelectionForeground#6f3400
• breadcrumb.background#ffedb7
• breadcrumb.focusForeground#844e1a
• breadcrumb.foreground#986934
• breadcrumbPicker.background#ffedb7
• button.background#00bb96
• button.foreground#ffedb7
• button.hoverBackground#298d56
• button.secondaryBackground#844e1a
• button.secondaryForeground#ffedb7
• button.secondaryHoverBackground#986934
• charts.blue#00bb96
• charts.foreground#844e1a
• charts.green#389e57
• charts.lines#c19e69
• charts.orange#ffffff
• charts.purple#f47a00
• charts.red#e60000
• charts.yellow#f47a00
• checkbox.background#00bb96
• checkbox.border#ead39d
• checkbox.foreground#ffedb7
• debugConsole.errorForeground#e60000
• debugConsole.infoForeground#00bb96
• debugConsole.sourceForeground#f47a00
• debugConsole.warningForeground#ffffff
• debugConsoleInputIcon.foreground#ad834e
• debugExceptionWidget.background#ead39d
• debugExceptionWidget.border#ead39d
• debugIcon.breakpointCurrentStackframeForeground#389e57
• debugIcon.breakpointDisabledForeground#ad834e
• debugIcon.breakpointForeground#e60000
• debugIcon.breakpointStackframeForeground#f47a00
• debugIcon.breakpointUnverifiedForeground#986934
• debugIcon.continueForeground#389e57
• debugIcon.disconnectForeground#ffffff
• debugIcon.pauseForeground#00bb96
• debugIcon.restartForeground#5e00dd
• debugIcon.startForeground#389e57
• debugIcon.stepBackForeground#6f3400
• debugIcon.stepIntoForeground#6f3400
• debugIcon.stepOutForeground#6f3400
• debugIcon.stepOverForeground#6f3400
• debugIcon.stopForeground#e60000
• debugTokenExpression.boolean#f47a00
• debugTokenExpression.error#e60000
• debugTokenExpression.name#00bb96
• debugTokenExpression.number#5e00dd
• debugTokenExpression.string#389e57
• debugTokenExpression.value#6f3400
• debugToolBar.background#ead39d
• debugToolBar.border#d6b883
• debugView.exceptionLabelBackground#ead39d
• debugView.exceptionLabelForeground#f47a00
• debugView.stateLabelBackground#ead39d
• debugView.stateLabelForeground#00bb96
• debugView.valueChangedHighlight#f47a0033
• descriptionForeground#844e1a
• diffEditor.border#ead39d
• diffEditor.diagonalFill#ead39d7f
• diffEditor.insertedTextBackground#389e5720
• diffEditor.removedTextBackground#e6000020
• dropdown.background#ead39d
• dropdown.border#ead39d
• dropdown.foreground#844e1a
• dropdown.listBackground#ead39d
• editor.background#ffedb7
• editor.findMatchBackground#f47a003f
• editor.findMatchHighlightBackground#f47a0033
• editor.findRangeHighlightBackground#ead39d
• editor.focusedStackFrameHighlightBackground#389e573f
• editor.foldBackground#ead39d66
• editor.foreground#6f3400
• editor.hoverHighlightBackground#d6b8837f
• editor.inactiveSelectionBackground#00bb9633
• editor.lineHighlightBackground#ffedb7
• editor.lineHighlightBorder#ead39d
• editor.rangeHighlightBackground#f47a0033
• editor.selectionBackground#00bb9633
• editor.selectionForeground#6f3400
• editor.selectionHighlightBackground#ead39d
• editor.snippetFinalTabstopHighlightBackground#d6b8837f
• editor.snippetTabstopHighlightBackground#ead39d7f
• editor.stackFrameHighlightBackground#298d563f
• editor.symbolHighlightBackground#f47a0033
• editor.wordHighlightBackground#f47a0033
• editor.wordHighlightStrongBackground#5e00dd33
• editorBracketHighlight.foreground1#6f3400
• editorBracketHighlight.foreground2#f47a00
• editorBracketHighlight.foreground3#298d56
• editorBracketHighlight.foreground4#f47a00
• editorBracketHighlight.foreground5#389e57
• editorBracketHighlight.foreground6#00bb96
• editorBracketHighlight.unexpectedBracket#e60000
• editorBracketMatch.background#ead39d
• editorBracketMatch.border#d6b883
• editorCodeLens.foreground#986934
• editorCursor.background#ffedb7
• editorCursor.foreground#f47a00
• editorError.border#6f3400
• editorError.foreground#e60000
• editorGroup.border#ead39d
• editorGroup.dropBackground#d6b8837f
• editorGroup.emptyBackground#ffedb7
• editorGroup.focusedEmptyBorder#ead39d
• editorGroupHeader.border#ffedb7
• editorGroupHeader.noTabsBackground#ffedb7
• editorGroupHeader.tabsBackground#ffedb7
• editorGroupHeader.tabsBorder#ffedb7
• editorGutter.addedBackground#389e57
• editorGutter.background#ffedb7
• editorGutter.commentRangeForeground#c19e69
• editorGutter.deletedBackground#e60000
• editorGutter.foldingControlForeground#986934
• editorGutter.modifiedBackground#f47a00
• editorHint.border#ad834e
• editorHint.foreground#5e00dd
• editorHoverWidget.background#ead39d
• editorHoverWidget.border#ead39d
• editorHoverWidget.foreground#844e1a
• editorHoverWidget.statusBarBackground#00bb9633
• editorIndentGuide.activeBackground#d6b883
• editorIndentGuide.background#ead39d
• editorInfo.border#986934
• editorInfo.foreground#00bb96
• editorLightBulb.foreground#f47a00
• editorLightBulbAutoFix.foreground#00bb96
• editorLineNumber.activeForeground#ad834e
• editorLineNumber.foreground#d6b883
• editorLink.activeForeground#298d56
• editorMarkerNavigation.background#ead39d
• editorMarkerNavigationError.background#e60000
• editorMarkerNavigationInfo.background#00bb96
• editorMarkerNavigationWarning.background#ffffff
• editorOverviewRuler.addedForeground#389e577f
• editorOverviewRuler.border#ead39d
• editorOverviewRuler.bracketMatchForeground#c19e69
• editorOverviewRuler.commonContentForeground#f47a00
• editorOverviewRuler.currentContentForeground#298d56
• editorOverviewRuler.deletedForeground#e600007f
• editorOverviewRuler.errorForeground#e600007f
• editorOverviewRuler.findMatchForeground#f47a00bf
• editorOverviewRuler.incomingContentForeground#00bb96
• editorOverviewRuler.infoForeground#00bb967f
• editorOverviewRuler.modifiedForeground#f47a007f
• editorOverviewRuler.rangeHighlightForeground#d6b883bf
• editorOverviewRuler.selectionHighlightForeground#ead39dbf
• editorOverviewRuler.warningForeground#ffffff7f
• editorOverviewRuler.wordHighlightForeground#d6b883bf
• editorOverviewRuler.wordHighlightStrongForeground#c19e69bf
• editorPane.background#ffedb7
• editorRuler.foreground#ead39d
• editorSuggestWidget.background#ead39d
• editorSuggestWidget.border#ead39d
• editorSuggestWidget.foreground#844e1a
• editorSuggestWidget.highlightForeground#5e00dd
• editorSuggestWidget.selectedBackground#d6b883
• editorUnnecessaryCode.opacity#0000007f
• editorWarning.border#844e1a
• editorWarning.foreground#ffffff
• editorWhitespace.foreground#ead39d
• editorWidget.background#ead39d
• editorWidget.border#ead39d
• editorWidget.foreground#844e1a
• editorWidget.resizeBorder#00bb96
• errorForeground#e60000
• extensionBadge.remoteBackground#5e00dd
• extensionBadge.remoteForeground#ffedb7
• extensionButton.prominentBackground#00bb96
• extensionButton.prominentForeground#ffedb7
• extensionButton.prominentHoverBackground#298d56
• focusBorder#f47a00
• foreground#6f3400
• gitDecoration.addedResourceForeground#389e57
• gitDecoration.conflictingResourceForeground#298d56
• gitDecoration.deletedResourceForeground#e60000
• gitDecoration.ignoredResourceForeground#c19e69
• gitDecoration.modifiedResourceForeground#f47a00
• gitDecoration.stageDeletedResourceForeground#e60000
• gitDecoration.stageModifiedResourceForeground#298d56
• gitDecoration.submoduleResourceForeground#5e00dd
• gitDecoration.untrackedResourceForeground#f47a00
• icon.foreground#844e1a
• imagePreview.border#ead39d
• input.background#ead39d
• input.border#ead39d
• input.foreground#844e1a
• input.placeholderForeground#d6b883
• inputOption.activeBackground#d6b883
• inputOption.activeBorder#298d56
• inputOption.activeForeground#6f3400
• inputValidation.errorBackground#ead39d
• inputValidation.errorBorder#e60000
• inputValidation.errorForeground#e60000
• inputValidation.infoBackground#ead39d
• inputValidation.infoBorder#00bb96
• inputValidation.infoForeground#00bb96
• inputValidation.warningBackground#ead39d
• inputValidation.warningBorder#ffffff
• inputValidation.warningForeground#ffffff
• list.activeSelectionBackground#f47a0033
• list.activeSelectionForeground#6f3400
• list.deemphasizedForeground#ad834e
• list.dropBackground#ead39d
• list.errorForeground#e60000
• list.filterMatchBackground#f47a0033
• list.filterMatchBorder#f47a0033
• list.focusBackground#c19e693f
• list.focusForeground#6f3400
• list.highlightForeground#f47a00
• list.hoverBackground#ead39d33
• list.hoverForeground#6f3400
• list.inactiveFocusBackground#ead39d3f
• list.inactiveSelectionBackground#d6b8833f
• list.inactiveSelectionForeground#844e1a
• list.invalidItemForeground#e60000
• list.warningForeground#f47a00
• listFilterWidget.background#ead39d
• listFilterWidget.noMatchesOutline#e60000
• listFilterWidget.outline#00bb96
• menu.background#ffedb7
• menu.foreground#844e1a
• menu.selectionBackground#ead39d
• menu.selectionForeground#6f3400
• menu.separatorBackground#d6b883
• menubar.selectionBackground#ead39d
• menubar.selectionForeground#6f3400
• merge.border#ad834e
• merge.commonContentBackground#f47a004c
• merge.commonHeaderBackground#f47a004c
• merge.currentContentBackground#298d564c
• merge.currentHeaderBackground#298d564c
• merge.incomingContentBackground#00bb964c
• merge.incomingHeaderBackground#00bb964c
• minimap.background#ffedb7
• minimap.errorHighlight#e6000080
• minimap.findMatchHighlight#f47a00
• minimap.selectionHighlight#00bb9680
• minimap.warningHighlight#ffffff80
• minimapGutter.addedBackground#389e5780
• minimapGutter.deletedBackground#e6000080
• minimapGutter.modifiedBackground#f47a0080
• minimapSlider.activeBackground#c19e6933
• minimapSlider.background#ead39d33
• minimapSlider.hoverBackground#d6b88333
• notebook.cellBorderColor#ead39d3f
• notebook.cellHoverBackground#ead39d3f
• notebook.cellInsertionIndicator#389e57
• notebook.cellStatusBarItemHoverBackground#ead39d3f
• notebook.cellToolbarSeparator#ead39d3f
• notebook.focusedCellBackground#ead39d7f
• notebook.focusedCellBorder#f47a00
• notebook.focusedCellShadow#0000003f
• notebook.focusedEditorBorder#ead39d
• notebook.focusedRowBorder#f47a00
• notebook.inactiveFocusedCellBorder#986934
• notebook.outputContainerBackgroundColor#ffedb7
• notebook.rowHoverBackground#ead39d7f
• notebook.selectedCellBorder#ad834e
• notebook.symbolHighlightBackground#f47a003f
• notebookScrollbarSlider.activeBackground#9869347f
• notebookScrollbarSlider.background#c19e697f
• notebookScrollbarSlider.hoverBackground#ad834e7f
• notebookStatusErrorIcon.foreground#e60000
• notebookStatusRunningIcon.foreground#00bb96
• notebookStatusSuccessIcon.foreground#389e57
• notificationCenterHeader.background#d6b883
• notificationCenterHeader.foreground#844e1a
• notificationLink.foreground#00bb96
• notifications.background#ead39d
• notifications.border#c19e69
• notifications.foreground#6f3400
• notificationsErrorIcon.foreground#e60000
• notificationsInfoIcon.foreground#00bb96
• notificationsWarningIcon.foreground#ffffff
• notificationToast.border#c19e69
• panel.background#ffedb7
• panel.border#ead39d
• panel.dropBorder#00bb96
• panelSection.border#ead39d
• panelSection.dropBackground#ead39d3f
• panelSectionHeader.background#d6b883
• panelSectionHeader.border#ffedb7
• panelSectionHeader.foreground#844e1a
• panelTitle.activeBorder#c19e69
• panelTitle.activeForeground#844e1a
• panelTitle.inactiveForeground#ad834e
• peekView.border#5e00dd
• peekViewEditor.background#ead39d7f
• peekViewEditor.matchHighlightBackground#f47a007f
• peekViewEditorGutter.background#ead39d7f
• peekViewResult.background#ead39d
• peekViewResult.fileForeground#844e1a
• peekViewResult.lineForeground#d6b883
• peekViewResult.matchHighlightBackground#f47a00
• peekViewResult.selectionBackground#c19e69
• peekViewResult.selectionForeground#6f3400
• peekViewTitle.background#ead39d
• peekViewTitleDescription.foreground#986934
• peekViewTitleLabel.foreground#6f3400
• pickerGroup.border#d6b883
• pickerGroup.foreground#ad834e
• problemsErrorIcon.foreground#e60000
• problemsInfoIcon.foreground#00bb96
• problemsWarningIcon.foreground#ffffff
• progressBar.background#389e57
• quickInput.background#ead39d
• quickInput.foreground#6f3400
• quickInputTitle.background#d6b883
• sash.hoverBorder#00bb96
• scm.providerBorder#d6b883
• scrollbar.shadow#6f340066
• scrollbarSlider.activeBackground#9869347f
• scrollbarSlider.background#c19e697f
• scrollbarSlider.hoverBackground#ad834e7f
• selection.background#d6b883
• settings.checkboxBackground#00bb96
• settings.checkboxBorder#00bb96
• settings.checkboxForeground#ffedb7
• settings.dropdownBackground#ead39d
• settings.dropdownForeground#844e1a
• settings.dropdownListBorder#d6b883
• settings.focusedRowBackground#ffedb7
• settings.headerForeground#6f3400
• settings.modifiedItemIndicator#298d56
• settings.numberInputBackground#ead39d
• settings.numberInputForeground#844e1a
• settings.textInputBackground#ead39d
• settings.textInputForeground#844e1a
• sideBar.background#ffedb7
• sideBar.border#ead39d
• sideBar.dropBackground#ead39d3f
• sideBar.foreground#844e1a
• sideBarSectionHeader.background#d6b883
• sideBarSectionHeader.border#ffedb7
• sideBarSectionHeader.foreground#844e1a
• sideBarTitle.foreground#986934
• statusBar.background#00bb96
• statusBar.border#ffedb7
• statusBar.debuggingBackground#ffffff
• statusBar.debuggingBorder#ffedb7
• statusBar.debuggingForeground#ffedb7
• statusBar.foreground#ffedb7
• statusBar.noFolderBackground#f47a00
• statusBar.noFolderBorder#ffedb7
• statusBar.noFolderForeground#ffedb7
• statusBarItem.activeBackground#298d56
• statusBarItem.errorBackground#e60000
• statusBarItem.errorForeground#ffedb7
• statusBarItem.hoverBackground#389e57
• statusBarItem.prominentBackground#298d56
• statusBarItem.prominentHoverBackground#389e57
• statusBarItem.remoteBackground#298d56
• statusBarItem.remoteForeground#ffedb7
• symbolIcon.arrayForeground#5e00dd
• symbolIcon.booleanForeground#f47a00
• symbolIcon.classForeground#00bb96
• symbolIcon.colorForeground#298d56
• symbolIcon.constantForeground#389e57
• symbolIcon.constructorForeground#f47a00
• symbolIcon.enumeratorForeground#298d56
• symbolIcon.enumeratorMemberForeground#00bb96
• symbolIcon.eventForeground#ffffff
• symbolIcon.fieldForeground#e60000
• symbolIcon.fileForeground#844e1a
• symbolIcon.folderForeground#986934
• symbolIcon.functionForeground#f47a00
• symbolIcon.interfaceForeground#e60000
• symbolIcon.keyForeground#f47a00
• symbolIcon.keywordForeground#00bb96
• symbolIcon.methodForeground#298d56
• symbolIcon.moduleForeground#298d56
• symbolIcon.namespaceForeground#00bb96
• symbolIcon.nullForeground#e60000
• symbolIcon.numberForeground#ffffff
• symbolIcon.objectForeground#6f3400
• symbolIcon.operatorForeground#e60000
• symbolIcon.packageForeground#ffffff
• symbolIcon.propertyForeground#298d56
• symbolIcon.referenceForeground#ffffff
• symbolIcon.snippetForeground#986934
• symbolIcon.stringForeground#389e57
• symbolIcon.structForeground#00bb96
• symbolIcon.textForeground#6f3400
• symbolIcon.typeParameterForeground#00bb96
• symbolIcon.unitForeground#f47a00
• symbolIcon.variableForeground#ffffff
• tab.activeBackground#ffedb7
• tab.activeForeground#844e1a
• tab.activeModifiedBorder#f47a00
• tab.border#ffedb7
• tab.hoverBackground#ead39d80
• tab.hoverForeground#986934
• tab.inactiveBackground#ead39d
• tab.inactiveForeground#c19e69
• tab.inactiveModifiedBorder#f47a00
• tab.lastPinnedBorder#5e00dd
• tab.unfocusedActiveBackground#ffedb7
• tab.unfocusedActiveForeground#c19e69
• tab.unfocusedActiveModifiedBorder#f47a00
• tab.unfocusedHoverBackground#ead39d80
• tab.unfocusedHoverForeground#ad834e
• tab.unfocusedInactiveBackground#ead39d
• tab.unfocusedInactiveForeground#d6b883
• tab.unfocusedInactiveModifiedBorder#f47a00
• terminal.ansiBlack#ffedb7
• terminal.ansiBlue#00bb96
• terminal.ansiBrightBlack#ead39d
• terminal.ansiBrightBlue#00bb96
• terminal.ansiBrightCyan#298d56
• terminal.ansiBrightGreen#298d56
• terminal.ansiBrightMagenta#5e00dd
• terminal.ansiBrightRed#ffffff
• terminal.ansiBrightWhite#6f3400
• terminal.ansiBrightYellow#f47a00
• terminal.ansiCyan#298d56
• terminal.ansiGreen#389e57
• terminal.ansiMagenta#5e00dd
• terminal.ansiRed#e60000
• terminal.ansiWhite#844e1a
• terminal.ansiYellow#f47a00
• terminal.background#ffedb7
• terminal.foreground#844e1a
• terminal.selectionBackground#00bb967f
• terminalCursor.background#ead39d
• terminalCursor.foreground#986934
• testing.iconErrored#e60000
• testing.iconFailed#ffffff
• testing.iconPassed#389e57
• testing.iconQueued#298d56
• testing.iconSkipped#ad834e
• testing.iconUnset#986934
• testing.message.error.decorationForeground#e60000
• testing.message.error.lineBackground#e600003f
• testing.message.hint.decorationForeground#5e00dd
• testing.message.hint.lineBackground#5e00dd3f
• testing.message.info.decorationForeground#00bb96
• testing.message.info.lineBackground#00bb963f
• testing.message.warning.decorationForeground#ffffff
• testing.message.warning.lineBackground#ffffff3f
• testing.peekBorder#c19e69
• testing.runAction#00bb96
• textBlockQuote.background#ead39d
• textBlockQuote.border#ead39d
• textCodeBlock.background#ffedb7
• textLink.activeForeground#298d56
• textLink.foreground#00bb96
• textPreformat.foreground#ffffff
• textSeparator.foreground#ad834e
• titleBar.activeBackground#ffedb7
• titleBar.activeForeground#986934
• titleBar.inactiveBackground#ffedb7
• titleBar.inactiveForeground#c19e69
• tree.indentGuidesStroke#ead39d
• walkThrough.embeddedEditorBackground#ffedb7
• welcomePage.background#ffedb7
• welcomePage.buttonBackground#ead39d
• welcomePage.buttonHoverBackground#d6b883
• welcomePage.progress.background#00bb96
• welcomePage.progress.foreground#ffedb7
• widget.shadow#6f340066

tokenColors

TextMate scopes and font styles (syntax highlighting rules).