schoero-dark
Publisher: schoeroThemes in package: 1
A personal dark 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.activeBackground#323742
- activityBar.activeBorder#323742
- activityBar.activeFocusBorder#32374200
- activityBar.background#20232A
- activityBar.border#282c34
- activityBar.dropBorder#528bff
- activityBar.foreground#a1a7b5
- activityBar.inactiveForeground#4f5769
- activityBarBadge.background#528bff
- activityBarBadge.foreground#e0e2e6
- badge.background#454c5c
- badge.foreground#e0e2e6
- breadcrumb.activeSelectionForeground#b1b6c1
- breadcrumb.background#282C34
- breadcrumb.focusForeground#9299a8
- breadcrumb.foreground#737c8f
- breadcrumbPicker.background#1c1f24
- button.background#3b414f
- button.foreground#e0e2e6
- button.hoverBackground#454c5c
- button.secondaryBackground#323742
- contrastBorder#282c34
- debugConsole.errorForeground#d04843
- debugConsole.infoForeground#b1b6c1
- debugConsole.sourceForeground#d0d3da
- debugConsole.warningForeground#d0b243
- debugIcon.breakpointCurrentStackframeForeground#d0b243
- debugIcon.breakpointDisabledForeground#a1a7b5
- debugIcon.breakpointForeground#c0392b
- debugIcon.breakpointStackframeForeground#d0b243
- debugIcon.breakpointUnverifiedForeground#a1a7b5
- debugIcon.continueForeground#61AFEF
- debugIcon.disconnectForeground#E06C75
- debugIcon.pauseForeground#61AFEF
- debugIcon.restartForeground#98C379
- debugIcon.startForeground#98C379
- debugIcon.stepBackForeground#61AFEF
- debugIcon.stepIntoForeground#61AFEF
- debugIcon.stepOutForeground#61AFEF
- debugIcon.stepOverForeground#61AFEF
- debugIcon.stopForeground#E06C75
- debugTokenExpression.boolean#56B6C2
- debugTokenExpression.error#d04843
- debugTokenExpression.name#E06C75
- debugTokenExpression.number#D19A66
- debugTokenExpression.string#98C379
- debugTokenExpression.value#b1b6c1
- debugToolBar.background#282c34
- debugView.stateLabelBackground#3b414f
- debugView.stateLabelForeground#c1c5cd
- diffEditor.diagonalFill#E06C7540
- diffEditor.insertedLineBackground#98C37920
- diffEditor.insertedTextBackground#98C37920
- diffEditor.move.border#828a9c
- diffEditor.moveActive.border#61AFEF
- diffEditor.removedLineBackground#E06C7520
- diffEditor.removedTextBackground#E06C7520
- diffEditorGutter.insertedLineBackground#98C37920
- diffEditorGutter.removedLineBackground#E06C7520
- dropdown.background#20232A
- dropdown.border#3e4148
- editor.background#282C34
- editor.findMatchBackground#454c5c
- editor.findMatchBorder#454c5c
- editor.findMatchHighlightBackground#454c5c88
- editor.findMatchHighlightBorder#454c5c88
- editor.foreground#b1b6c1
- editor.lineHighlightBackground#323742
- editor.linkedEditingBackground#324164
- editor.selectionBackground#324164
- editor.selectionHighlightBackground#324164bb
- editor.selectionHighlightBorder#323742
- editor.stackFrameHighlightBackground#d0b24328
- editor.wordHighlightBackground#636d8344
- editor.wordHighlightStrongBackground#9299a844
- editorBracketMatch.background#282c34
- editorBracketMatch.border#828a9c
- editorCodeLens.foreground#4f5769
- editorCursor.background#d0d3da
- editorCursor.foreground#528bff
- editorError.foreground#d04843
- editorGhostText.foreground#636d83
- editorGroup.border#454c5c
- editorGroup.emptyBackground#282C34
- editorGroupHeader.border#282C34
- editorGroupHeader.noTabsBackground#282C34
- editorGroupHeader.tabsBackground#20232A
- editorGroupHeader.tabsBorder#282C34
- editorGutter.addedBackground#43D08A
- editorGutter.deletedBackground#FF6347
- editorGutter.modifiedBackground#438cd0
- editorHint.foreground#4398d0
- editorHoverWidget.background#20232A
- editorHoverWidget.border#A9ABAE10
- editorIndentGuide.activeBackground1#53565d
- editorIndentGuide.background1#3e4148
- editorInfo.foreground#4398d0
- editorInlayHint.background#3b414f
- editorInlayHint.foreground#b1b6c1
- editorLineNumber.activeForeground#a1a7b5
- editorLineNumber.foreground#636d83
- editorLink.activeForeground#3498dbbf
- editorMarkerNavigation.background#20232a
- editorOverviewRuler.addedForeground#43d08a
- editorOverviewRuler.border#282C34
- editorOverviewRuler.deletedForeground#FF6347
- editorOverviewRuler.errorForeground#d04843
- editorOverviewRuler.findMatchForeground#324164
- editorOverviewRuler.infoForeground#4398d0
- editorOverviewRuler.modifiedForeground#438cd0
- editorOverviewRuler.warningForeground#d0b243
- editorRuler.foreground#3b414f
- editorStickyScrollHover.background#323742
- editorSuggestWidget.background#20232A
- editorSuggestWidget.border#A9ABAE10
- editorSuggestWidget.foreground#696B71
- editorSuggestWidget.highlightForeground#d0d3da
- editorSuggestWidget.selectedBackground#323742
- editorWarning.foreground#d0b243
- editorWhitespace.foreground#3e4148
- editorWidget.background#20232A
- editorWidget.border#636d83
- editorWidget.resizeBorder#454c5c
- errorLens.errorForeground#d04843
- errorLens.infoForeground#4398d0
- errorLens.warningForeground#d0b243
- extensionButton.prominentBackground#4f5769
- extensionButton.prominentHoverBackground#636d83
- focusBorder#636d83
- gitDecoration.addedResourceForeground#98C379
- gitDecoration.conflictingResourceForeground#E06C75
- gitDecoration.deletedResourceForeground#E06C75
- gitDecoration.ignoredResourceForeground#4f5769
- gitDecoration.modifiedResourceForeground#7db2de
- gitDecoration.renamedResourceForeground#7db2de
- gitDecoration.stageDeletedResourceForeground#E06C75
- gitDecoration.stageModifiedResourceForeground#7db2de
- gitDecoration.submoduleResourceForeground#7db2de
- gitDecoration.untrackedResourceForeground#98C379
- gitlens.trailingLineForegroundColor#636d83
- input.background#282C34
- input.border#3b414f
- input.foreground#d0d3da
- input.placeholderForeground#737c8f
- inputOption.activeBackground#696B7130
- inputOption.activeBorder#696B7130
- inputValidation.errorBackground#601d16
- inputValidation.errorBorder#c0392b
- inputValidation.infoBackground#15405d
- inputValidation.infoBorder#2980b9
- inputValidation.warningBackground#733f11
- inputValidation.warningBorder#e67e22
- keybindingLabel.background#323742
- keybindingLabel.border#4f5769
- keybindingLabel.bottomBorder#4f5769
- keybindingLabel.foreground#e0e2e6
- list.activeSelectionBackground#323742
- list.activeSelectionForeground#bfc0c2
- list.errorForeground#e1645f
- list.filterMatchBackground#454c5c
- list.focusBackground#323742
- list.focusForeground#bfc0c2
- list.highlightForeground#eaeaeb
- list.hoverBackground#282c34
- list.hoverForeground#bfc0c2
- list.inactiveSelectionBackground#323742bf
- list.inactiveSelectionForeground#94969a
- list.warningForeground#d8bb52
- listFilterWidget.background#20232a
- listFilterWidget.noMatchesOutline#c0392b
- listFilterWidget.outline#4f5769
- menu.background#20232A
- menu.border#3e4148
- menu.foreground#b1b6c1
- menu.selectionBackground#282C34
- menu.selectionBorder#282C34
- menu.selectionForeground#d0d3da
- menu.separatorBackground#3e4148
- menubar.selectionBackground#282C34
- menubar.selectionBorder#282C34
- menubar.selectionForeground#d0d3da
- mergeEditor.conflict.handledFocused.border#98C379
- mergeEditor.conflict.handledUnfocused.border#98C379
- mergeEditor.conflict.unhandledFocused.border#D19A66
- mergeEditor.conflict.unhandledUnfocused.border#D19A66
- minimap.background#282c34
- minimapGutter.addedBackground#43d08a
- minimapGutter.deletedBackground#FF6347
- minimapGutter.modifiedBackground#438cd0
- minimapSlider.activeBackground#a1a7b54d
- minimapSlider.background#a1a7b526
- minimapSlider.hoverBackground#a1a7b533
- multiDiffEditor.border#828a9c
- multiDiffEditor.headerBackground#20232A
- notificationLink.foreground#3498db
- notifications.background#24282f
- notifications.foreground#a1a7b5
- panel.background#20232A
- panel.border#20232A60
- panelTitle.activeBorder#d0d3da
- panelTitle.activeForeground#d0d3da
- panelTitle.inactiveForeground#828a9c
- peekView.border#3b414f
- peekViewEditor.background#20232a
- peekViewEditor.matchHighlightBackground#324164
- peekViewEditorGutter.background#282c34
- peekViewResult.background#20232a
- peekViewResult.matchHighlightBackground#324164
- peekViewResult.selectionBackground#324164
- peekViewTitle.background#20232a
- peekViewTitleDescription.foreground#b1b6c1
- pickerGroup.foreground#c1c5cd
- progressBar.background#323742
- quickInputTitle.background#20232a
- scrollbar.shadow#14161a88
- scrollbarSlider.activeBackground#a1a7b54d
- scrollbarSlider.background#a1a7b526
- scrollbarSlider.hoverBackground#a1a7b533
- selection.background#587da6
- settings.checkboxBackground#20232A
- settings.checkboxForeground#696B71
- settings.dropdownBackground#20232A
- settings.dropdownForeground#696B71
- settings.headerBorder#3e4148
- settings.headerForeground#d0d3da
- settings.modifiedItemIndicator#528bff
- settings.numberInputBackground#20232A
- settings.numberInputForeground#d0d3da
- settings.textInputBackground#20232A
- settings.textInputForeground#d0d3da
- sideBar.background#20232A
- sideBar.border#282c34
- sideBar.foreground#9299a8
- sideBarSectionHeader.background#20232A
- sideBarSectionHeader.border#282c34
- sideBarSectionHeader.foreground#9299a8
- sideBarTitle.foreground#9299a8
- statusBar.background#20232A
- statusBar.border#282c34
- statusBar.debuggingBackground#323742
- statusBar.debuggingForeground#d0d3da
- statusBar.foreground#b1b6c1
- statusBar.noFolderBackground#20232A
- statusBarItem.activeBackground#53565d
- statusBarItem.hoverBackground#3b414f
- statusBarItem.prominentBackground#323742
- statusBarItem.prominentForeground#a1a7b5
- statusBarItem.remoteBackground#323742
- statusBarItem.remoteForeground#a1a7b5
- tab.activeBackground#282C34
- tab.activeBorder#282C34
- tab.activeForeground#d0d3da
- tab.border#282c34
- tab.hoverBackground#282c34
- tab.hoverForeground#d0d3da
- tab.inactiveBackground#20232A
- tab.inactiveForeground#737c8f
- tab.unfocusedActiveBackground#282C34
- tab.unfocusedActiveBorder#3e4148
- tab.unfocusedActiveForeground#454c5c
- tab.unfocusedInactiveBackground#20232A
- tab.unfocusedInactiveForeground#454c5c
- terminal.ansiBlack#1E2127
- terminal.ansiBlue#61AFEF
- terminal.ansiBrightBlack#5C6370
- terminal.ansiBrightBlue#61AFEF
- terminal.ansiBrightCyan#56B6C2
- terminal.ansiBrightGreen#98C379
- terminal.ansiBrightMagenta#C678DD
- terminal.ansiBrightRed#E07C75
- terminal.ansiBrightWhite#A9ABAE
- terminal.ansiBrightYellow#D1A066
- terminal.ansiCyan#56B6C2
- terminal.ansiGreen#98C379
- terminal.ansiMagenta#C678DD
- terminal.ansiRed#E06C75
- terminal.ansiWhite#ABB2BF
- terminal.ansiYellow#D19A66
- terminal.foreground#b1b6c1
- terminalCommandDecoration.defaultBackground#4398d0
- terminalCommandDecoration.errorBackground#d04843
- terminalCommandDecoration.successBackground#43d08a
- terminalCursor.background#1E2127
- terminalCursor.foreground#528bff
- textLink.activeForeground#3498dbbf
- textLink.foreground#3498db
- titleBar.activeBackground#20232A
- titleBar.activeForeground#737c8f
- titleBar.border#20232A
- titleBar.inactiveBackground#20232A
- titleBar.inactiveForeground#454c5c
- tree.indentGuidesStroke#454c5c
- widget.shadow#20232A30
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| punctuation.definition.comment, comment | #636d83 | italic |
| variable, string constant.other.placeholder | #a1a7b5 | — |
| constant.other.color, punctuation, meta.brace.square, meta.brace.round, variable.other.jsdoc, support.constant.property-value.css, meta.jsx.children | #b1b6c1 | — |
| markup.fenced_code.block.markdown, punctuation.definition.quote.begin.markdown, markup.quote.markdown, meta.scope.subshell.shell | #828a9c | — |
| invalid, invalid.illegal | #d04843 | — |
| deprecated, invalid.deprecated | — | strikethrough |
| meta.method.declaration, meta.object.member, variable.other.object.property, variable.other.property, meta.object-literal.key string, meta.object-literal.key punctuation.definition.string, variable.language.super, variable.language.this, meta.import, variable.other.readwrite.alias, punctuation.definition.template-expression, support.variable.property, support.type.property-name.json, support.type.property-name.json punctuation, entity.name.type.module, keyword.operator.decrement, keyword.other.debugger.ts, entity.name.tag, markup.heading, markup.deleted.diff, punctuation.definition.deleted.diff, entity.name.tag.css, meta.property-name.css support.type, support.type.property-name.css, variable.argument.css, variable.css, variable.parameter.screen.tailwind, variable.other.php, punctuation.definition.variable.php, entity.name.tag.yaml, variable.other.normal.shell, variable.other.special.shell, punctuation.section.bracket.curly.variable.begin.shell, punctuation.section.bracket.curly.variable.end.shell, variable.parameter.positional.shell | #E06C75 | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php, punctuation.definition.variable.shell, punctuation.definition.evaluation.parens.begin.shell, punctuation.definition.evaluation.parens.end.shell, fenced_code.block.language.markdown, fenced_code.block.language, punctuation.definition.markdown | #b3565e | — |
| markup.strikethrough.markdown | — | strikethrough |
| markup.italic.markdown, support.type.vendored.property-name.css, support.type.vendored.property-value.css, support.constant.vendored.property-value | — | italic |
| markup.bold.markdown | — | bold |
| punctuation.definition.strikethrough.markdown, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown | — | |
| storage, storage.modifier, storage.type.class, storage.type.interface, storage.type.property, keyword.control, meta.var.expr, meta.method.declaration, storage.type.class.jsdoc, keyword.operator.new, keyword.operator.expression.of, keyword.operator.expression.in, keyword.operator.expression.instanceof, keyword.operator.expression.delete, keyword.operator.expression.void, markup.underline.link.markdown, punctuation.definition.metadata.markdown, punctuation.definition.heading.markdown, punctuation.definition.list.begin.markdown, punctuation.definition.list.end.markdown, punctuation.definition.quote.begin.markdown, punctuation.definition.quote.end.markdown, punctuation.definition.link.title.begin.markdown, punctuation.definition.link.title.end.markdown, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.strikethrough.markdown, meta.separator.markdown, keyword.operator.redirect.shell, keyword.operator.logical.php, keyword.operator.comparison.php, keyword.operator.arithmetic.php, keyword.operator.assignment.php, keyword.operator.bitwise.php, keyword.other.important.css | #C678DD | — |
| meta.function-call, entity.name.function, markup.underline.link.markdown, entity.name.section.group-title.ini, meta.function.shell, meta.command.shell | #61AFEF | — |
| support.type, support.type.primitive, support.type.builtin, support.class, meta.class, meta.return.type, keyword.operator.type.annotation, keyword.operator.expression.typeof, support.constant, keyword.operator.logical, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.arithmetic, keyword.operator.bitwise, keyword.operator.increment, keyword.operator.ternary, keyword.operator.optional, keyword.operator.type, keyword.operator.spread, keyword.operator.rest, keyword.operator.relational, entity.name.type.class, constant.language.json, support.function.basic_functions.php, support.function.file.php, support.function.dir.php, support.function.string.php, support.function.construct.output.php, support.function.construct.input.php, support.function.construct.php, support.function.builtin.shell, punctuation.section.array.shell, punctuation.separator.statement.and.shell, meta.function.variable.css, meta.function.misc.css, meta.function.timing-function.css, support.function.css, support.function.theme.tailwind, support.function.screen.tailwind | #56B6C2 | — |
| variable.other.constant, constant, constant.numeric, entity.other.attribute-name, constant.numeric.decimal, constant.language.undefined, keyword.operator.definiteassignment.ts, punctuation.accessor.optional, string.other.link.title.markdown, markup.italic.markdown, markup.bold.markdown, markup.strikethrough.markdown, keyword.other.unit.px.css, keyword.other.unit.em.css, keyword.other.unit.rem.css, keyword.other.unit.vh.css, keyword.other.unit.vw.css, keyword.other.unit.vi.css, keyword.other.unit.vb.css, keyword.other.unit.vmin.css, keyword.other.unit.vmax.css, keyword.other.unit.lvw.css, keyword.other.unit.lvh.css, keyword.other.unit.lvi.css, keyword.other.unit.lvb.css, keyword.other.unit.lvmin.css, keyword.other.unit.lvmax.css, keyword.other.unit.svw.css, keyword.other.unit.svh.css, keyword.other.unit.svi.css, keyword.other.unit.svb.css, keyword.other.unit.svmin.css, keyword.other.unit.svmax.css, keyword.other.unit.dvw.css, keyword.other.unit.dvh.css, keyword.other.unit.dvi.css, keyword.other.unit.dvb.css, keyword.other.unit.dvmin.css, keyword.other.unit.dvmax.css, keyword.other.unit.fr.css, keyword.other.unit.ch.css, keyword.other.unit.ex.css, keyword.other.unit.in.css, keyword.other.unit.cm.css, keyword.other.unit.mm.css, keyword.other.unit.pc.css, keyword.other.unit.pt.css, keyword.other.unit.percentage.css, keyword.other.unit.s.css, keyword.other.unit.ms.css, keyword.other.unit.deg.css, keyword.other.unit.rad.css, keyword.other.unit.turn.css, keyword.other.unit.grad.css, keyword.other.unit.Hz.css, keyword.other.unit.kHz.css, constant.other.option.dash.shell | #D19A66 | — |
| meta.type.annotation, meta.interface, entity.name.type | #E5C07B | — |
| string, punctuation.definition.string, string.template, tsTaggedTemplates, keyword.operator.increment, markup.inline.raw.string.markdown, punctuation.definition.raw.markdown, punctuation.definition.inserted.diff, markup.inserted.diff, string.unquoted.plain.in.yaml, string.unquoted.plain.out.yaml, variable.other.bracket.shell , string.quoted.double.shell | #98C379 | — |