Skip to main content
Coding Theme

Sizdah Theme Collection - Special Edition

Publisher: Hasibur RThemes in package: 25

Premium VS Code dark theme collection - Special Edition featuring 25 meticulously crafted themes. From cyberpunk to cosmic designs, each theme delivers enhanced syntax highlighting and optimal contrast for reduced eye strain. Perfect for professional developers and long coding sessions.

Color themes

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#bd93f910
  • activityBar.activeBorder#ff6bcb
  • activityBar.background#1E1F35
  • activityBar.foreground#f8f8f2
  • activityBar.inactiveForeground#6272a4
  • activityBarBadge.background#ff6bcb
  • activityBarBadge.foreground#f8f8f2
  • badge.background#44475a
  • badge.foreground#f8f8f2
  • breadcrumb.activeSelectionForeground#f8f8f2
  • breadcrumb.background#1E1F35
  • breadcrumb.focusForeground#f8f8f2
  • breadcrumb.foreground#6272a4
  • breadcrumbPicker.background#191a21
  • button.background#44475a
  • button.foreground#f8f8f2
  • contrastBorder#191a21
  • debugToolBar.background#21222c
  • diffEditor.insertedTextBackground#50fa7b20
  • diffEditor.removedTextBackground#ff555550
  • dropdown.background#343746
  • dropdown.border#191a21
  • dropdown.foreground#f8f8f2
  • editor.background#1E1F35
  • editor.findMatchBackground#ffb86c80
  • editor.findMatchHighlightBackground#ffffff40
  • editor.findRangeHighlightBackground#44475a75
  • editor.foreground#f8f8f2
  • editor.hoverHighlightBackground#8be9fd50
  • editor.lineHighlightBorder#44475a
  • editor.rangeHighlightBackground#bd93f915
  • editor.selectionBackground#44475a
  • editor.selectionHighlightBackground#424450
  • editor.snippetFinalTabstopHighlightBackground#282a36
  • editor.snippetFinalTabstopHighlightBorder#6ce890
  • editor.snippetTabstopHighlightBackground#282a36
  • editor.snippetTabstopHighlightBorder#6272a4
  • editor.wordHighlightBackground#8be9fd50
  • editor.wordHighlightStrongBackground#50fa7b50
  • editorCodeLens.foreground#6272a4
  • editorCursor.foreground#ff2ced
  • editorError.foreground#ff5555
  • editorGroup.border#ac72ff
  • editorGroup.dropBackground#44475a70
  • editorGroupHeader.tabsBackground#191a21
  • editorGutter.addedBackground#50fa7b80
  • editorGutter.deletedBackground#ff555580
  • editorGutter.modifiedBackground#8be9fd80
  • editorHoverWidget.background#282a36
  • editorHoverWidget.border#6272a4
  • editorIndentGuide.activeBackground#ffffff45
  • editorIndentGuide.background#ffffff1a
  • editorLineNumber.foreground#6272a4
  • editorLink.activeForeground#8BE9FD
  • editorMarkerNavigation.background#21222c
  • editorOverviewRuler.addedForeground#50fa7b80
  • editorOverviewRuler.border#191a21
  • editorOverviewRuler.currentContentForeground#6ce890
  • editorOverviewRuler.deletedForeground#ff555580
  • editorOverviewRuler.errorForeground#ff555580
  • editorOverviewRuler.incomingContentForeground#ac72ff
  • editorOverviewRuler.infoForeground#8be9fd80
  • editorOverviewRuler.modifiedForeground#8be9fd80
  • editorOverviewRuler.selectionHighlightForeground#ffb86c
  • editorOverviewRuler.warningForeground#ffb86c80
  • editorOverviewRuler.wordHighlightForeground#8BE9FD
  • editorOverviewRuler.wordHighlightStrongForeground#6ce890
  • editorRuler.foreground#ffffff1a
  • editorSuggestWidget.background#21222c
  • editorSuggestWidget.foreground#f8f8f2
  • editorSuggestWidget.selectedBackground#44475a
  • editorWarning.foreground#8BE9FD
  • editorWhitespace.foreground#ffffff1a
  • editorWidget.background#21222c
  • errorForeground#ff5555
  • extensionButton.prominentBackground#50fa7b90
  • extensionButton.prominentForeground#f8f8f2
  • extensionButton.prominentHoverBackground#50fa7b60
  • focusBorder#6272a4
  • foreground#f8f8f2
  • gitDecoration.conflictingResourceForeground#ffb86c
  • gitDecoration.deletedResourceForeground#ff5555
  • gitDecoration.ignoredResourceForeground#6272a4
  • gitDecoration.modifiedResourceForeground#8BE9FD
  • gitDecoration.untrackedResourceForeground#6ce890
  • input.background#282a36
  • input.border#191a21
  • input.foreground#f8f8f2
  • input.placeholderForeground#6272a4
  • inputOption.activeBorder#ac72ff
  • inputValidation.errorBorder#ff5555
  • inputValidation.infoBorder#ff79c6
  • inputValidation.warningBorder#ffb86c
  • list.activeSelectionBackground#44475a
  • list.activeSelectionForeground#f8f8f2
  • list.dropBackground#44475a
  • list.errorForeground#ff5555
  • list.focusBackground#44475a75
  • list.highlightForeground#8BE9FD
  • list.hoverBackground#44475a75
  • list.inactiveSelectionBackground#44475a75
  • list.warningForeground#ffb86c
  • listFilterWidget.background#343746
  • listFilterWidget.noMatchesOutline#ff5555
  • listFilterWidget.outline#424450
  • merge.currentHeaderBackground#50fa7b90
  • merge.incomingHeaderBackground#bd93f990
  • panel.background#1E1F35
  • panel.border#bd93f9
  • panelTitle.activeBorder#ff2ced
  • panelTitle.activeForeground#f8f8f2
  • panelTitle.inactiveForeground#6272a4
  • peekView.border#44475a
  • peekViewEditor.background#282a36
  • peekViewEditor.matchHighlightBackground#f1fa8c80
  • peekViewResult.background#21222c
  • peekViewResult.fileForeground#f8f8f2
  • peekViewResult.lineForeground#f8f8f2
  • peekViewResult.matchHighlightBackground#f1fa8c80
  • peekViewResult.selectionBackground#44475a
  • peekViewResult.selectionForeground#f8f8f2
  • peekViewTitle.background#191a21
  • peekViewTitleDescription.foreground#6272a4
  • peekViewTitleLabel.foreground#f8f8f2
  • pickerGroup.border#ac72ff
  • pickerGroup.foreground#8BE9FD
  • progressBar.background#ff79c6
  • selection.background#ac72ff
  • settings.checkboxBackground#21222c
  • settings.checkboxBorder#191a21
  • settings.checkboxForeground#f8f8f2
  • settings.dropdownBackground#21222c
  • settings.dropdownBorder#191a21
  • settings.dropdownForeground#f8f8f2
  • settings.headerForeground#f8f8f2
  • settings.modifiedItemIndicator#ffb86c
  • settings.numberInputBackground#21222c
  • settings.numberInputBorder#191a21
  • settings.numberInputForeground#f8f8f2
  • settings.textInputBackground#21222c
  • settings.textInputBorder#191a21
  • settings.textInputForeground#f8f8f2
  • sideBar.background#1E1F35
  • sideBarSectionHeader.background#1E1F35
  • sideBarSectionHeader.border#191a21
  • sideBarTitle.foreground#f8f8f2
  • statusBar.background#191a21
  • statusBar.debuggingBackground#ff5555
  • statusBar.debuggingForeground#191a21
  • statusBar.foreground#f8f8f2
  • statusBar.noFolderBackground#191a21
  • statusBar.noFolderForeground#f8f8f2
  • statusBarItem.prominentBackground#ff5555
  • statusBarItem.prominentHoverBackground#ffb86c
  • statusBarItem.remoteBackground#ac72ff
  • statusBarItem.remoteForeground#f8f8f2
  • tab.activeBackground#1E1F35
  • tab.activeBorderTop#ff2ced
  • tab.activeForeground#f8f8f2
  • tab.border#191a21
  • tab.inactiveBackground#191a2a
  • tab.inactiveForeground#6272a4
  • terminal.ansiBlack#21222c
  • terminal.ansiBlue#ac72ff
  • terminal.ansiBrightBlack#ff2ced
  • terminal.ansiBrightBlue#ac72ff
  • terminal.ansiBrightCyan#0f87ff
  • terminal.ansiBrightGreen#6ce890
  • terminal.ansiBrightMagenta#ff6bcb
  • terminal.ansiBrightRed#ff6e6e
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#EAC394
  • terminal.ansiCyan#8BE9FD
  • terminal.ansiGreen#6ce890
  • terminal.ansiMagenta#ff6bcb
  • terminal.ansiRed#ff5555
  • terminal.ansiWhite#f8f8f2
  • terminal.ansiYellow#fde181
  • terminal.background#1E1F35
  • terminal.foreground#f8f8f2
  • titleBar.activeBackground#1e1f35
  • titleBar.activeForeground#f8f8f2
  • titleBar.inactiveBackground#191a21
  • titleBar.inactiveForeground#6272a4
  • walkThrough.embeddedEditorBackground#21222c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
emphasis—italic
strong—bold
header#c485ff—
source#F8F8F2—
meta.diff, meta.diff.header#6272A4—
markup.inserted#6ce890—
markup.deleted#FF5555—
markup.changed#FFB86C—
invalid#FF5555underline italic
invalid.deprecated#F8F8F2underline italic
entity.name.filename#F1FA8C—
markup.error#FF5555—
markup.underline—underline
markup.bold#FFB86Cbold
markup.heading#c485ffbold
markup.italic#F1FA8Citalic
beginning.punctuation.definition.list.markdown, beginning.punctuation.definition.quote.markdown, punctuation.definition.link.restructuredtext#8BE9FD—
markup.inline.raw, markup.raw.restructuredtext#6ce890—
markup.underline.link, markup.underline.link.image#8BE9FD—
meta.link.reference.def.restructuredtext, punctuation.definition.directive.restructuredtext, string.other.link.description, string.other.link.title#ffabd8—
entity.name.directive.restructuredtext, markup.quote#F1FA8Citalic
meta.separator.markdown#6272A4—
fenced_code.block.language, markup.raw.inner.restructuredtext, markup.fenced_code.block.markdown punctuation.definition.markdown#6ce890—
punctuation.definition.constant.restructuredtext#c485ff—
markup.heading.markdown punctuation.definition.string.begin, markup.heading.markdown punctuation.definition.string.end#c485ff—
meta.paragraph.markdown punctuation.definition.string.begin, meta.paragraph.markdown punctuation.definition.string.end#F8F8F2—
markup.quote.markdown meta.paragraph.markdown punctuation.definition.string.begin, markup.quote.markdown meta.paragraph.markdown punctuation.definition.string.end#F1FA8C—
entity.name.type.class, entity.name.class#8BE9FDnormal
keyword.expressions-and-types.swift, keyword.other.this, variable.language, variable.language punctuation.definition.variable.php, variable.other.readwrite.instance.ruby, variable.parameter.function.language.special#c485ffitalic
entity.other.inherited-class#8BE9FDitalic
comment, punctuation.definition.comment, unused.comment, wildcard.comment#6272A4—
comment keyword.codetag.notation, comment.block.documentation keyword, comment.block.documentation storage.type.class#ffabd8—
comment.block.documentation entity.name.type#8BE9FDitalic
comment.block.documentation entity.name.type punctuation.definition.bracket#8BE9FD—
comment.block.documentation variable#FFB86Citalic
constant, variable.other.constant#c485ff—
constant.character.escape, constant.character.string.escape, constant.regexp#ffabd8—
entity.name.tag#ffabd8—
entity.other.attribute-name.parent-selector#ffabd8—
entity.other.attribute-name#6ce890italic
entity.name.function, meta.function-call.generic, meta.function-call.object, meta.function-call.php, meta.function-call.static, meta.method-call.java meta.method, meta.method.groovy, support.function.any-method.lua, keyword.operator.function.infix#6ce890—
entity.name.variable.parameter, meta.at-rule.function variable, meta.at-rule.mixin variable, meta.function.arguments variable.other.php, meta.selectionset.graphql meta.arguments.graphql variable.arguments.graphql, variable.parameter#FFB86Citalic
meta.decorator variable.other.readwrite, meta.decorator variable.other.property#6ce890italic
meta.decorator variable.other.object#6ce890—
keyword, punctuation.definition.keyword#ffabd8—
keyword.control.new, keyword.operator.new—bold
meta.selector#ffabd8—
support#8BE9FD—
support.function.magic, support.variable, variable.other.predefined#c485ffregular
support.function, support.type.property-name—regular
constant.other.symbol.hashkey punctuation.definition.constant.ruby, entity.other.attribute-name.placeholder punctuation, entity.other.attribute-name.pseudo-class punctuation, entity.other.attribute-name.pseudo-element punctuation, meta.group.double.toml, meta.group.toml, meta.object-binding-pattern-variable punctuation.destructuring, punctuation.colon.graphql, punctuation.definition.block.scalar.folded.yaml, punctuation.definition.block.scalar.literal.yaml, punctuation.definition.block.sequence.item.yaml, punctuation.definition.entity.other.inherited-class, punctuation.function.swift, punctuation.separator.dictionary.key-value, punctuation.separator.hash, punctuation.separator.inheritance, punctuation.separator.key-value, punctuation.separator.key-value.mapping.yaml, punctuation.separator.namespace, punctuation.separator.pointer-access, punctuation.separator.slice, string.unquoted.heredoc punctuation.definition.string, support.other.chomping-indicator.yaml, punctuation.separator.annotation#ffabd8—
keyword.operator.other.powershell, keyword.other.statement-separator.powershell, meta.brace.round, meta.function-call punctuation, punctuation.definition.arguments.begin, punctuation.definition.arguments.end, punctuation.definition.entity.begin, punctuation.definition.entity.end, punctuation.definition.tag.cs, punctuation.definition.type.begin, punctuation.definition.type.end, punctuation.section.scope.begin, punctuation.section.scope.end, storage.type.generic.java, string.template meta.brace, string.template punctuation.accessor#F8F8F2—
meta.string-contents.quoted.double punctuation.definition.variable, punctuation.definition.interpolation.begin, punctuation.definition.interpolation.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded.begin, punctuation.section.embedded.coffee, punctuation.section.embedded.end, punctuation.section.embedded.end source.php, punctuation.section.embedded.end source.ruby, punctuation.definition.variable.makefile#ffabd8—
entity.name.function.target.makefile, entity.name.section.toml, entity.name.tag.yaml, variable.other.key.toml#8BE9FD—
constant.other.date, constant.other.timestamp#FFB86C—
variable.other.alias.yaml#6ce890italic underline
storage, meta.implementation storage.type.objc, meta.interface-or-protocol storage.type.objc, source.groovy storage.type.def#ffabd8regular
entity.name.type, keyword.primitive-datatypes.swift, keyword.type.cs, meta.protocol-list.objc, meta.return-type.objc, source.go storage.type, source.groovy storage.type, source.java storage.type, source.powershell entity.other.attribute-name, storage.class.std.rust, storage.type.attribute.swift, storage.type.c, storage.type.core.rust, storage.type.cs, storage.type.groovy, storage.type.objc, storage.type.php, storage.type.haskell, storage.type.ocaml#8BE9FDitalic
entity.name.type.type-parameter, meta.indexer.mappedtype.declaration entity.name.type, meta.type.parameters entity.name.type#FFB86C—
string.regexp, constant.other.character-class.set.regexp, constant.character.escape.backslash.regexp#F1FA8C—
punctuation.definition.group.capture.regexp#ffabd8—
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end#FF5555—
punctuation.definition.character-class.regexp#8BE9FD—
punctuation.definition.group.regexp#FFB86C—
punctuation.definition.group.assertion.regexp, keyword.operator.negation.regexp#FF5555—
meta.assertion.look-ahead.regexp#6ce890—
string#F1FA8C—
punctuation.definition.string.begin, punctuation.definition.string.end#E9F284—
punctuation.support.type.property-name.begin, punctuation.support.type.property-name.end#8BE9FE—
string.quoted.docstring.multi, string.quoted.docstring.multi.python punctuation.definition.string.begin, string.quoted.docstring.multi.python punctuation.definition.string.end, string.quoted.docstring.multi.python constant.character.escape#6272A4—
variable, constant.other.key.perl, variable.other.constant.js, variable.other.constant.ts, variable.other.constant.tsx#F8F8F2—
meta.import variable.other.readwrite, meta.object-binding-pattern-variable variable.object.property, meta.variable.assignment.destructured.object.coffee variable#FFB86Citalic
meta.export variable.other.readwrite.alias, meta.variable.assignment.destructured.object.coffee variable variable#F8F8F2
meta.selectionset.graphql variable#F1FA8C—
meta.selectionset.graphql meta.arguments variable#F8F8F2—
entity.name.fragment.graphql, variable.fragment.graphql#8BE9FD—
constant.other.symbol.hashkey.ruby, keyword.operator.dereference.java, keyword.operator.navigation.groovy, meta.scope.for-loop.shell punctuation.definition.string.begin, meta.scope.for-loop.shell punctuation.definition.string.end, meta.scope.for-loop.shell string, storage.modifier.import, punctuation.section.embedded.begin.tsx, punctuation.section.embedded.end.tsx, punctuation.section.embedded.begin.jsx, punctuation.section.embedded.end.jsx, punctuation.separator.list.comma.css, constant.language.empty-list.haskell#F8F8F2—
source.shell variable.other#c485ff—
support.constant#c485ffnormal
meta.scope.prerequisites.makefile#F1FA8C—
meta.attribute-selector.scss#F1FA8C—
punctuation.definition.attribute-selector.end.bracket.square.scss, punctuation.definition.attribute-selector.begin.bracket.square.scss#F8F8F2—
meta.preprocessor.haskell#6272A4—
entity.other.attribute-name, entity.name.function, support.type.media-names.css, support.type.property-names.css, entity.other.attribute-name.jsx, entity.other.attribute-name.html, variable.other.class.js#6ce890
variable.other.property.js, variable.other.property.tsx, variable.other.property.static.js, JSXNested, variable.other.readwrite.js, punctuation.semi-colon, punctuation.colon, punctuation.definition.tag#FFFFFF—
variable.graphql, string, punctuation.definition.string.begin, punctuation.definition.string.end, meta.attribute-selector.scss, meta.attribute-selector.css#EAC394—
keyword, storage, constant.length.units.css, source.inside-js.css.styled, constant.numeric.css, punctuation.definition.keyword, entity.name.tag, keyword.other.unit.percentage.css, keyword.other.unit.px.css, keyword.other.unit.rem.css, constant.length.units.css, constant.percentage.units.css, constant.time.units.css, constant.angle.units.css#f64c8a—
variable.parameter, variable.other.constant, variable.other.constant.ts, variable.other.constant.tsx, support.variable, constant, support.type.property-name.media.css, meta.property-values.css, support.constant#ff9686
support.class.component—
variable.other.constant.object, variable.other.object, variable.other.object.ts, variable.other.object.tsx, variable.other.readwrite.shorthandpropertyname.js#c485ff—
entity.name.type.parameter#FFB86C—
support.constant.important.css, punctuation.important.css, support.function, support.function.css, support.function.transform.css, constant.language.pseudo.css, constant.language.pseudo.prefixed.css, entity.name.function.scss#c485ff—
support, entity.name.type, meta.interface.ts, entity.other.inherited-class#0f87ff—
meta.import variable.other.readwrite.alias, support.variable.property, variable.other.readwrite.ts, variable.other.readwrite.tsx, variable.other.readwrite.js, entity.name.type.class, variable.other.property.js, variable.other.property.ts, variable.other.property.tsx, variable.other.property.static.js, string.unquoted.js, meta.object-literal.key#6ce890regular
token.info-token#6796E6—
token.warn-token#CD9731—
token.error-token#F44747—
token.debug-token#B267E6—
constant.length.units.css, constant.percentage.units.css, support.type.media-names.css, support.type.property-names.css#9B87FD—
meta.paragraph.markdown, text.html.derivative, JSXNested#FBF3E8—
entity.name.class.js#0f87ff—
variable.other.property.js#24B9EB—
support.variable, constant, support.type.property-name.media.css, meta.property-values.css, support.constant#c485ff
support.constant.property, support.variable.js, support.function#ffabd8—
variable.scss#ff9686—
variable.other.readwrite.js, support.constant.property#ff9686—
variable.parameter, support.variable#9CDCFE—