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#00000000
  • activityBar.background#24292e
  • activityBar.border#00000000
  • activityBar.foreground#e1e4e8
  • activityBar.inactiveForeground#6a737d
  • activityBarBadge.background#0366d6
  • activityBarBadge.foreground#ffffff
  • badge.background#044289
  • badge.foreground#c8e1ff
  • breadcrumb.activeSelectionForeground#d1d5da
  • breadcrumb.focusForeground#e1e4e8
  • breadcrumb.foreground#959da5
  • breadcrumbPicker.background#2b3036
  • button.background#176f2c
  • button.foreground#dcffe4
  • button.hoverBackground#22863a
  • button.secondaryBackground#444d56
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#586069
  • checkbox.background#444d56
  • checkbox.border#1b1f23
  • debugToolBar.background#2b3036
  • descriptionForeground#959da5
  • diffEditor.insertedTextBackground#28a74530
  • diffEditor.removedTextBackground#d73a4930
  • dropdown.background#2f363d
  • dropdown.border#1b1f23
  • dropdown.foreground#e1e4e8
  • dropdown.listBackground#24292e
  • editor.background#0f1215
  • editor.findMatchBackground#ffd33d44
  • editor.findMatchHighlightBackground#ffd33d22
  • editor.focusedStackFrameHighlightBackground#2b6a3033
  • editor.foldBackground#58606915
  • editor.foreground#e1e4e8
  • editor.inactiveSelectionBackground#3392ff22
  • editor.lineHighlightBackground#ff000000
  • editor.lineHighlightBorder#ff000000
  • editor.linkedEditingBackground#3392ff22
  • editor.selectionBackground#3392ff44
  • editor.selectionHighlightBackground#17e5e633
  • editor.selectionHighlightBorder#17e5e600
  • editor.stackFrameHighlightBackground#c6902625
  • editor.wordHighlightBackground#17e5e600
  • editor.wordHighlightBorder#17e5e699
  • editor.wordHighlightStrongBackground#17e5e600
  • editor.wordHighlightStrongBorder#17e5e666
  • editorBracketHighlight.foreground1#79b8ff
  • editorBracketHighlight.foreground2#ffab70
  • editorBracketHighlight.foreground3#b392f0
  • editorBracketHighlight.foreground4#79b8ff
  • editorBracketHighlight.foreground5#ffab70
  • editorBracketHighlight.foreground6#b392f0
  • editorBracketMatch.background#17e5e650
  • editorBracketMatch.border#17e5e600
  • editorCursor.foreground#c8e1ff
  • editorError.foreground#f97583
  • editorGroup.border#1b1f23
  • editorGroupHeader.tabsBackground#1f2428
  • editorGroupHeader.tabsBorder#1b1f23
  • editorGutter.addedBackground#28a745
  • editorGutter.deletedBackground#ea4a5a
  • editorGutter.modifiedBackground#2188ff
  • editorIndentGuide.activeBackground1#444d56
  • editorIndentGuide.background1#2f363d
  • editorLineNumber.activeForeground#e1e4e8
  • editorLineNumber.foreground#444d56
  • editorOverviewRuler.border#1b1f23
  • editorWarning.foreground#ffea7f
  • editorWhitespace.foreground#444d56
  • editorWidget.background#1f2428
  • errorForeground#f97583
  • focusBorder#005cc5
  • foreground#d1d5da
  • gitDecoration.addedResourceForeground#34d058
  • gitDecoration.conflictingResourceForeground#ffab70
  • gitDecoration.deletedResourceForeground#ea4a5a
  • gitDecoration.ignoredResourceForeground#6a737d
  • gitDecoration.modifiedResourceForeground#79b8ff
  • gitDecoration.submoduleResourceForeground#6a737d
  • gitDecoration.untrackedResourceForeground#34d058
  • input.background#2f363d
  • input.border#1b1f23
  • input.foreground#e1e4e8
  • input.placeholderForeground#959da5
  • list.activeSelectionBackground#39414a
  • list.activeSelectionForeground#e1e4e8
  • list.focusBackground#044289
  • list.hoverBackground#282e34
  • list.hoverForeground#e1e4e8
  • list.inactiveFocusBackground#1d2d3e
  • list.inactiveSelectionBackground#282e34
  • list.inactiveSelectionForeground#e1e4e8
  • notificationCenterHeader.background#24292e
  • notificationCenterHeader.foreground#959da5
  • notifications.background#2f363d
  • notifications.border#1b1f23
  • notifications.foreground#e1e4e8
  • notificationsErrorIcon.foreground#ea4a5a
  • notificationsInfoIcon.foreground#79b8ff
  • notificationsWarningIcon.foreground#ffab70
  • panel.background#1f2428
  • panel.border#00000000
  • panelInput.border#2f363d
  • panelTitle.activeBorder#f9826c
  • panelTitle.activeForeground#e1e4e8
  • panelTitle.inactiveForeground#959da5
  • peekViewEditor.background#1f242888
  • peekViewEditor.matchHighlightBackground#ffd33d33
  • peekViewResult.background#1f2428
  • peekViewResult.matchHighlightBackground#ffd33d33
  • pickerGroup.border#444d56
  • pickerGroup.foreground#e1e4e8
  • progressBar.background#0366d6
  • quickInput.background#24292e
  • quickInput.foreground#e1e4e8
  • scrollbar.shadow#00000088
  • scrollbarSlider.activeBackground#6a737d88
  • scrollbarSlider.background#6a737d33
  • scrollbarSlider.hoverBackground#6a737d44
  • settings.headerForeground#e1e4e8
  • settings.modifiedItemIndicator#0366d6
  • sideBar.background#1f2428
  • sideBar.border#00000000
  • sideBar.foreground#d1d5da
  • sideBarSectionHeader.background#1f2428
  • sideBarSectionHeader.border#1b1f23
  • sideBarSectionHeader.foreground#e1e4e8
  • sideBarTitle.foreground#e1e4e8
  • statusBar.background#24292e
  • statusBar.border#00000000
  • statusBar.debuggingBackground#931c06
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#d1d5da
  • statusBar.noFolderBackground#24292e
  • statusBarItem.prominentBackground#282e34
  • statusBarItem.remoteBackground#24292e
  • statusBarItem.remoteForeground#d1d5da
  • tab.activeBackground#0f1215
  • tab.activeBorder#0f1215
  • tab.activeBorderTop#00000000
  • tab.activeForeground#e1e4e8
  • tab.border#00000000
  • tab.hoverBackground#24292e
  • tab.inactiveBackground#1f2428
  • tab.inactiveForeground#959da5
  • tab.unfocusedActiveBorder#00000000
  • tab.unfocusedActiveBorderTop#00000000
  • tab.unfocusedHoverBackground#24292e
  • terminal.ansiBlack#586069
  • terminal.ansiBlue#2188ff
  • terminal.ansiBrightBlack#959da5
  • terminal.ansiBrightBlue#79b8ff
  • terminal.ansiBrightCyan#56d4dd
  • terminal.ansiBrightGreen#85e89d
  • terminal.ansiBrightMagenta#b392f0
  • terminal.ansiBrightRed#f97583
  • terminal.ansiBrightWhite#fafbfc
  • terminal.ansiBrightYellow#ffea7f
  • terminal.ansiCyan#39c5cf
  • terminal.ansiGreen#34d058
  • terminal.ansiMagenta#b392f0
  • terminal.ansiRed#ea4a5a
  • terminal.ansiWhite#d1d5da
  • terminal.ansiYellow#ffea7f
  • terminal.foreground#d1d5da
  • terminal.tab.activeBorder#f9826c
  • terminalCursor.background#586069
  • terminalCursor.foreground#79b8ff
  • textBlockQuote.background#24292e
  • textBlockQuote.border#444d56
  • textCodeBlock.background#2f363d
  • textLink.activeForeground#c8e1ff
  • textLink.foreground#79b8ff
  • textPreformat.foreground#d1d5da
  • textSeparator.foreground#586069
  • titleBar.activeBackground#24292e
  • titleBar.activeForeground#e1e4e8
  • titleBar.border#00000000
  • titleBar.inactiveBackground#1f2428
  • titleBar.inactiveForeground#959da5
  • tree.indentGuidesStroke#2f363d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
invalid.broken, invalid.deprecated, invalid.illegal, invalid.unimplemented, message.error#FDAEB7italic
carriage-return#24292Eitalic underline
meta.module-reference#79B8FF
punctuation.definition.list.begin.markdown#FFAB70
markup.heading, markup.heading entity.name#79B8FFbold
markup.quote#85E89D
markup.italic#E1E4E8italic
markup.bold#E1E4E8bold
markup.underlineunderline
markup.strikethroughstrikethrough
markup.inline.raw#79B8FF
markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted#FDAEB7
markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted#85E89D
markup.changed, punctuation.definition.changed#FFAB70
markup.ignored, markup.untracked#2F363D
meta.diff.range#B392F0bold
meta.diff.header#79B8FF
meta.separator#79B8FFbold
meta.output#79B8FF
brackethighlighter.tag, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.quote#D1D5DA
brackethighlighter.unmatched#FDAEB7
constant.other.reference.link, string.other.link#DBEDFFunderline
comment, punctuation.definition.comment, string.comment, storage.type.class.gtkdoc#6A737D
storage.type.class.doxygen.c, keyword.other.parameter.direction.in.c, keyword.other.parameter.direction.out.c, storage.type.class.doxygen.cpp, keyword.other.parameter.direction.in.cpp, keyword.other.parameter.direction.out.cpp, storage.type.class.gtkdoc.cpp#A2A9B1
variable, variable.other, variable.parameter, variable.parameter.function, entity.name.variable, entity, entity.name, support.variable, keyword.operator.assignment.shell, string.unquoted.argument.shell, constant.source.cmake, variable.other.local.c, variable.other.property.c, variable.other.member.c, variable.parameter.c, punctuation.section.arguments.bracket.round.c, punctuation.definition.parameters.c, keyword.operator.c, keyword.operator.logical.c, keyword.operator.assignment.c, keyword.operator.comparison.c, keyword.operator.ternary.c, keyword.operator.increment.c, keyword.operator.decrement.c, keyword.operator.assignment.compound.c, keyword.operator.bitwise.shift.c, keyword.operator.assignment.compound.bitwise.c, storage.modifier.array.bracket.square.c, entity.name.label.c, markup.inline.raw.string.c, variable.other.local.cpp, variable.other.property.cpp, variable.other.member.cpp, variable.parameter.cpp, variable.language.this.cpp, punctuation.section.arguments.bracket.round.cpp, punctuation.definition.parameters.cpp, punctuation.section.attribute.begin.cpp, punctuation.section.attribute.end.cpp, keyword.operator.cpp, keyword.operator.arithmetic.cpp, keyword.operator.logical.cpp, keyword.operator.assignment.cpp, keyword.operator.comparison.cpp, keyword.operator.ternary.cpp, keyword.operator.increment.cpp, keyword.operator.decrement.cpp, keyword.operator.assignment.compound.cpp, keyword.operator.bitwise.shift.cpp, keyword.operator.bitwise.cpp, keyword.operator.assignment.compound.bitwise.cpp, keyword.other.operator.overload.cpp, storage.modifier.array.bracket.square.cpp, storage.modifier.reference.cpp, storage.modifier.pointer.cpp, entity.name.scope-resolution.cpp, entity.name.operator.cpp, entity.name.namespace.cpp, entity.name.scope-resolution.parameter.cpp, entity.name.scope-resolution.template.call.cpp, entity.name.label.cpp, markup.inline.raw.string.cpp, variable.language.special.self.python, support.variable.magic.python, keyword.operator.python, keyword.operator.assignment.python, keyword.operator.arithmetic.python, keyword.operator.unpacking.parameter.python, keyword.operator.comparison.python, meta.fstring.python, meta.function-call.arguments.python, punctuation.definition.arguments.begin.python, punctuation.definition.arguments.end.python, punctuation.separator.arguments.python, punctuation.parenthesis.begin.python, punctuation.parenthesis.end.python, punctuation.definition.decorator.python#E7E7E7
keyword, storage, support, entity.source.cmake, keyword.control.c, keyword.control.switch.c, keyword.control.case.c, keyword.control.default.c, keyword.control.directive.include.c, keyword.control.directive.define.c, keyword.control.directive.undef.c, keyword.control.directive.conditional.c, keyword.control.directive.include_next.c, keyword.control.directive.pragma.c, keyword.control.directive.diagnostic.error.c, keyword.other.unit.suffix.integer.c, keyword.other.unit.suffix.floating-point.c, keyword.other.unit.hexadecimal.c, keyword.other.unit.binary.c, keyword.other.typedef.c, storage.type.struct.c, storage.type.enum.c, storage.type.union.c, storage.type.asm.c, storage.modifier.c, storage.modifier.specifier.const.c, keyword.operator.sizeof.c, keyword.control.cpp, keyword.control.switch.cpp, keyword.control.case.cpp, keyword.control.default.cpp, keyword.control.break.cpp, keyword.control.if.cpp, keyword.control.else.cpp, keyword.control.for.cpp, keyword.control.do.cpp, keyword.control.while.cpp, keyword.control.goto.cpp, keyword.control.return.cpp, keyword.control.continue.cpp, keyword.control.throw.cpp, keyword.control.try.cpp, keyword.control.catch.cpp, keyword.control.directive.include.cpp, keyword.control.directive.conditional.if.cpp, keyword.control.directive.elif.cpp, keyword.control.directive.else.cpp, keyword.control.directive.endif.cpp, keyword.control.directive.conditional.defined.cpp, keyword.control.directive.define.cpp, keyword.control.directive.undef.cpp, keyword.control.directive.conditional.cpp, keyword.control.directive.include_next.cpp, keyword.control.directive.pragma.cpp, keyword.control.directive.diagnostic.error.cpp, keyword.control.directive.conditional.ifdef.cpp, keyword.control.directive.conditional.ifndef.cpp, keyword.operator.sizeof.cpp, keyword.operator.typeid.cpp, keyword.operator.delete.cpp, keyword.operator.delete.array.cpp, keyword.operator.delete.array.bracket.cpp, keyword.operator.new.cpp, keyword.operator.cast.static_cast.cpp, keyword.operator.cast.dynamic_cast.cpp, keyword.operator.cast.reinterpret_cast.cpp, keyword.operator.noexcept.cpp, keyword.operator.alignof.cpp, keyword.operator.not.cpp, keyword.operator.not_eq.cpp, keyword.operator.and.cpp, keyword.operator.and_eq.cpp, keyword.operator.or.cpp, keyword.operator.or_eq.cpp, keyword.operator.xor.cpp, keyword.operator.xor_eq.cpp, keyword.other.unit.suffix.integer.cpp, keyword.other.unit.suffix.floating-point.cpp, keyword.other.unit.hexadecimal.cpp, keyword.other.unit.binary.cpp, keyword.other.typedef.cpp, keyword.other.using.directive.cpp, keyword.other.export.cpp, keyword.other.typename.cpp, keyword.other.default.constructor.cpp, keyword.other.default.destructor.cpp, keyword.other.default.function.cpp, keyword.other.static_assert.cpp, keyword.other.delete.constructor.cpp, storage.type.struct.cpp, storage.type.enum.cpp, storage.type.union.cpp, storage.type.asm.cpp, storage.type.class.cpp, storage.type.modifier.access.control.public.cpp, storage.type.modifier.access.control.private.cpp, storage.type.modifier.access.control.protected.cpp, storage.type.namespace.definition.cpp, storage.type.namespace.directive.cpp, storage.type.namespace.alias.cpp, storage.type.template.cpp, storage.type.template.argument.typename.cpp, storage.type.template.argument.class.cpp, storage.type.modifier.virtual.cpp, storage.type.modifier.final, storage.type.modifier.access.public.cpp, storage.type.modifier.access.private.cpp, storage.type.modifier.access.protected.cpp, storage.type.decltype.cpp, storage.type.extern.cpp, storage.modifier.cpp, storage.modifier.static.cpp, storage.modifier.extern.cpp, storage.modifier.inline.cpp, storage.modifier.virtual.cpp, storage.modifier.constexpr.cpp, storage.modifier.consteval.cpp, storage.modifier.const.cpp, storage.modifier.specifier.const.cpp, storage.modifier.specifier.static.cpp, storage.modifier.specifier.extern.cpp, storage.modifier.specifier.volatile.cpp, storage.modifier.specifier.functional.pre-parameters.friend.cpp, storage.modifier.specifier.functional.pre-parameters.inline.cpp, storage.modifier.specifier.functional.pre-parameters.constexpr.cpp, storage.modifier.specifier.functional.pre-parameters.explicit.cpp, storage.modifier.specifier.functional.pre-parameters.virtual.cpp, storage.modifier.specifier.functional.post-parameters.const.cpp, storage.modifier.specifier.functional.post-parameters.noexcept.cpp, storage.modifier.specifier.functional.post-parameters.override.cpp, storage.modifier.specifier.functional.post-parameters.final.cpp, entity.other.attribute.noreturn.cpp, entity.other.attribute.carries_dependencies.cpp, entity.other.attribute.deprecated.cpp, entity.other.attribute.fallthrough.cpp, entity.other.attribute.maybe_unused.cpp, entity.other.attribute.nodiscard.cpp, entity.other.attribute.optimize_for_synchronized.cpp, entity.other.attribute.alignof.cpp, entity.other.attribute.long.cpp, entity.other.attribute.double.cpp, keyword.control.import.python, keyword.control.flow.python, storage.type.function.python, storage.type.class.python#2E95D3
storage.type, entity.name.type.class, type.c, storage.type.built-in.c, storage.type.built-in.primitive.c, entity.name.type.c, support.type.posix-reserved.c, support.type.built-in.posix-reserved.c, type.cpp, storage.type.built-in.cpp, storage.type.built-in.primitive.cpp, entity.name.operator.type.cpp, entity.name.type.cpp, entity.name.type.class.cpp, entity.name.type.struct.cpp, entity.name.type.alias.cpp, entity.name.type.class.templated.cpp, entity.name.type.parameter.cpp, entity.name.type.template.cpp, support.type.posix-reserved.cpp, support.type.built-in.posix-reserved.cpp, support.type.exception.python, storage.type.string.python, entity.name.type.class.python#DF3079
entity.name.function, entity.name.function.member, entity.name.function.shell, support.function.builtin.shell, entity.name.function.c, entity.name.function.member.c, entity.name.function.cpp, entity.name.function.definition.cpp, entity.name.function.call.cpp, entity.name.function.constructor.cpp, entity.name.function.definition.special.constructor.cpp, entity.name.function.definition.special.destructor.cpp, entity.name.function.definition.special.member.constructor, entity.name.function.definition.special.member.destructor.cpp, entity.name.function.call.initializer.cpp, entity.name.function.member.cpp, entity.name.function.member.static.cpp, entity.name.function.templated.cpp, entity.name.function.operator.cpp, entity.name.function.operator.member.cpp, support.function.builtin.python, support.function.magic.python, entity.name.function.python, meta.function-call.python, meta.function-call.generic.python#E9950C
constant, support.constant, entity.name.constant, variable.other.constant, variable.other.enummember, variable.language, storage.source.cmake, number.c, constant.language.c, constant.character.escape.c, constant.numeric.binary.c, constant.numeric.decimal.c, constant.numeric.decimal.point.c, constant.numeric.hexadecimal.c, builtinConstant.c, entity.name.function.preprocessor.c, entity.other.attribute-name.pragma.preprocessor.c, variable.other.enummember.c, entity.name.other.preprocessor.macro.predefined.probably.VA_ARGS.c, entity.name.other.preprocessor.macro.predefined.__FUNCTION__.c, number.cpp, constant.language.cpp, constant.language.false.cpp, constant.language.true.cpp, constant.language.nullptr.cpp, constant.character.escape.cpp, constant.numeric.binary.cpp, constant.numeric.decimal.cpp, constant.numeric.decimal.point.cpp, constant.numeric.hexadecimal.cpp, builtinConstant.cpp, entity.name.function.preprocessor.cpp, entity.other.attribute-name.pragma.preprocessor.cpp, variable.other.enummember.cpp, entity.name.other.preprocessor.macro.predefined.__cplusplus.c, entity.name.other.preprocessor.macro.predefined.__STDC_VERSION__.cpp, meta.function.preprocessor.parameters.cpp, constant.language.python, constant.numeric.dec.python, constant.numeric.float.python, constant.other.caps.python#C76CE6
string, string variable, string punctuation.section.embedded source, punctuation.definition.string, source.regexp, string.regexp, string.regexp.character-class, string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition, string.regexp constant.character.escape, support.other.match.any.regexp, constant.character.escape.regexp, constant.character.escape.regexp, string.quoted.single.c, string.quoted.double.c, string.quoted.double.include.c, string.quoted.other.lt-gt.include.c, punctuation.definition.string.begin.c, punctuation.definition.string.end.c, punctuation.definition.string.begin.assembly.c, punctuation.definition.string.end.assembly.c, string.unquoted.single.c, string.quoted.single.cpp, string.quoted.double.cpp, string.quoted.double.include.cpp, string.quoted.other.lt-gt.include.cpp, punctuation.definition.string.begin.cpp, punctuation.definition.string.end.cpp, punctuation.definition.string.begin.assembly.cpp, punctuation.definition.string.end.assembly.cpp, string.unquoted.cpp, string.unquoted.single.cpp, punctuation.definition.string.begin.python, punctuation.definition.string.end.python, string.quoted.single.python, string.regexp.quoted.single.python, string.quoted.docstring.multi.python#00BA8B
constant.character.escape, constant.other.placeholder, constant.other.placeholder.c, constant.character.escape.c, constant.character.escape.line-continuation.c, constant.other.placeholder.cpp, constant.character.escape.cpp, constant.character.escape.line-continuation.cpp, constant.character.format.placeholder.other.python#1C8F72
token.info-token#6796E6
token.warn-token#CD9731
token.error-token#F44747
token.debug-token#B267E6
my-vscode-theme by valentinbetbeze - VS Code Theme