Skip to main content
Coding Theme

SmoothTheme

Publisher: Sagnik DeyThemes in package: 1

This is a dark and smooth theme for Visual Studio Code

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#242943
  • activityBar.background#323349
  • activityBar.border#323232
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#c9c9c966
  • activityBarBadge.background#d31c1c
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#abc6e8
  • breadcrumb.background#474444
  • breadcrumb.focusForeground#abc6e8
  • breadcrumb.foreground#fdf9f9cc
  • button.background#0e639c
  • button.foreground#ffffff
  • button.hoverBackground#1177bb
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#33303d
  • editor.findMatchBackground#6d6ca1
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#433dff4d
  • editor.foreground#db754d
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3845
  • editor.lineHighlightBackground#45437b0a
  • editor.lineHighlightBorder#494545
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#434766
  • editor.selectionHighlightBackground#474b8e26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#a7575300
  • editorError.border#d5c1c100
  • editorError.foreground#cd3a1c
  • editorGroup.border#444444
  • editorGroup.emptyBackground#33303d
  • editorGroupHeader.tabsBackground#252526
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#1e1e1e
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#58586d
  • editorHoverWidget.border#888585
  • editorHoverWidget.foreground#e6cece
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#887fb2
  • editorLineNumber.foreground#a1a1a1
  • editorLink.activeForeground#909bf5
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#3b3b5a
  • editorSuggestWidget.border#413d3d
  • editorSuggestWidget.foreground#54ebf2
  • editorSuggestWidget.highlightForeground#6cf546
  • editorSuggestWidget.selectedBackground#4f584e
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#605177
  • foreground#e6dede
  • gitDecoration.addedResourceForeground#81b88b
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#c74e39
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#e2c08d
  • gitDecoration.stageDeletedResourceForeground#c74e39
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#e6dede
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#094771
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#383b3d
  • list.focusBackground#062f4a
  • list.focusForeground#cccccc
  • list.highlightForeground#0097fb
  • list.hoverBackground#2a2d2e
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#37373d
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#252526
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#094771
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#33303d
  • minimap.errorHighlight#cd3a1c
  • minimap.findMatchHighlight#6d6ca1
  • minimap.selectionHighlight#434766
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#3d3b3b
  • notificationCenterHeader.background#383838
  • notificationCenterHeader.foreground#f0f0f0
  • notifications.background#26262e
  • notifications.border#2e2e2e
  • notifications.foreground#57c1d9
  • notificationsErrorIcon.foreground#ff2b00
  • notificationsInfoIcon.foreground#82c4ff
  • notificationsWarningIcon.foreground#ffe571
  • notificationToast.border#262121
  • panel.background#1e1e1e
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#007acc
  • peekViewEditor.background#2e3234
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#4d4d4d
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#3794ff
  • progressBar.background#9690d3
  • scrollbar.shadow#686868
  • scrollbarSlider.activeBackground#41454b66
  • scrollbarSlider.background#464a5866
  • scrollbarSlider.hoverBackground#7b7070b3
  • selection.background#515788
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#e6dede
  • sideBar.background#2b2b32
  • sideBar.border#262d38
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#74bef5
  • sideBarSectionHeader.background#ffffff00
  • sideBarSectionHeader.border#c7c7c733
  • sideBarSectionHeader.foreground#ffffff
  • sideBarTitle.foreground#d5cbcb
  • statusBar.background#007acc
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#16825d
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#1e1e1e
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#252526
  • tab.inactiveBackground#2d2d2d
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#e5e510
  • terminal.border#80808059
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#3c3c3c
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#585858
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#0000005c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
punctuation.definition.delayed.unison,punctuation.definition.list.begin.unison,punctuation.definition.list.end.unison,punctuation.definition.ability.begin.unison,punctuation.definition.ability.end.unison,punctuation.operator.assignment.as.unison,punctuation.separator.pipe.unison,punctuation.separator.delimiter.unison,punctuation.definition.hash.unison#5edcf9
variable.other.generic-type.haskell#f55e5e
storage.type.haskell#ffffff
support.variable.magic.python#5edcf9
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#db754d
variable.parameter.function.language.special.self.python#a99dff
storage.modifier.lifetime.rust#db754d
support.function.std.rust#ff73dc
entity.name.lifetime.rust#a99dff
variable.language.rust#5edcf9
support.constant.edge#f55e5e
constant.other.character-class.regexp#5edcf9
keyword.operator.quantifier.regexp#ffffff
punctuation.definition.string.begin,punctuation.definition.string.end#00cd8a
variable.parameter.function#db754d
comment markup.link#5d5e62
markup.changed.diff#a99dff
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#ff73dc
markup.inserted.diff#00cd8a
markup.deleted.diff#5edcf9
meta.function.c,meta.function.cpp#5edcf9
punctuation.section.block.begin.bracket.curly.cpp,punctuation.section.block.end.bracket.curly.cpp,punctuation.terminator.statement.c,punctuation.section.block.begin.bracket.curly.c,punctuation.section.block.end.bracket.curly.c,punctuation.section.parens.begin.bracket.round.c,punctuation.section.parens.end.bracket.round.c,punctuation.section.parameters.begin.bracket.round.c,punctuation.section.parameters.end.bracket.round.c#db754d
punctuation.separator.key-value#db754d
keyword.operator.expression.import#ff73dc
support.constant.math#a99dff
support.constant.property.math#ffffff
variable.other.constant#a99dff
storage.type.annotation.java, storage.type.object.array.java#a99dff
source.java#5edcf9
punctuation.section.block.begin.java,punctuation.section.block.end.java,punctuation.definition.method-parameters.begin.java,punctuation.definition.method-parameters.end.java,meta.method.identifier.java,punctuation.section.method.begin.java,punctuation.section.method.end.java,punctuation.terminator.java,punctuation.section.class.begin.java,punctuation.section.class.end.java,punctuation.section.inner-class.begin.java,punctuation.section.inner-class.end.java,meta.method-call.java,punctuation.section.class.begin.bracket.curly.java,punctuation.section.class.end.bracket.curly.java,punctuation.section.method.begin.bracket.curly.java,punctuation.section.method.end.bracket.curly.java,punctuation.separator.period.java,punctuation.bracket.angle.java,punctuation.definition.annotation.java,meta.method.body.java#db754d
meta.method.java#ff73dc
storage.modifier.import.java,storage.type.java,storage.type.generic.java#a99dff
keyword.operator.instanceof.java#f55e5e
meta.definition.variable.name.java#5edcf9
keyword.operator.logical#5769f7
keyword.operator.bitwise#5769f7
keyword.operator.channel#5769f7
support.constant.property-value.scss,support.constant.property-value.css#ffffff
keyword.operator.css,keyword.operator.scss,keyword.operator.less#5769f7
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#ffffff
punctuation.separator.list.comma.css#db754d
support.constant.color.w3c-standard-color-name.css#ffffff
support.type.vendored.property-name.css#5769f7
support.module.node,support.type.object.module,support.module.node#a99dff
entity.name.type.module#a99dff
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#5edcf9
support.constant.json#ffffff
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#f55e5e
support.type.object.console#5edcf9
support.variable.property.process#ffffff
entity.name.function,support.function.console#ff73dc
keyword.operator.misc.rust#db754d
keyword.operator.sigil.rust#f55e5e
keyword.operator.delete#f55e5e
support.type.object.dom#5769f7
support.variable.dom,support.variable.property.dom#5edcf9
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#5769f7
keyword.operator.assignment.c,keyword.operator.comparison.c,keyword.operator.c,keyword.operator.increment.c,keyword.operator.decrement.c,keyword.operator.bitwise.shift.c,keyword.operator.assignment.cpp,keyword.operator.comparison.cpp,keyword.operator.cpp,keyword.operator.increment.cpp,keyword.operator.decrement.cpp,keyword.operator.bitwise.shift.cpp#f55e5e
punctuation.separator.delimiter#db754d
punctuation.separator.c,punctuation.separator.cpp#f55e5e
support.type.posix-reserved.c,support.type.posix-reserved.cpp#5769f7
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#f55e5e
variable.parameter.function.language.python#ffffff
support.type.python#5769f7
keyword.operator.logical.python#f55e5e
variable.parameter.function.python#ffffff
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#db754d
meta.function-call.generic.python#ff73dc
constant.character.format.placeholder.other.python#ffffff
keyword.operator#db754d
keyword.operator.assignment.compound#f55e5e
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#5769f7
keyword#f55e5e
entity.name.namespace#a99dff
variable#5edcf9
variable.c#db754d
variable.language#a99dff
token.variable.parameter.java#db754d
import.storage.java#a99dff
token.package.keyword#f55e5e
token.package#db754d
entity.name.function, meta.require, support.function.any-method, variable.function#ff73dc
entity.name.type.namespace#a99dff
support.class, entity.name.type.class#a99dff
entity.name.class.identifier.namespace.type#a99dff
entity.name.class, variable.other.class.js, variable.other.class.ts#a99dff
variable.other.class.php#5edcf9
entity.name.type#a99dff
keyword.control#f55e5e
control.elements, keyword.operator.less#ffffff
keyword.other.special-method#ff73dc
storage#f55e5e
token.storage#f55e5e
keyword.operator.expression.delete,keyword.operator.expression.in,keyword.operator.expression.of,keyword.operator.expression.instanceof,keyword.operator.new,keyword.operator.expression.typeof,keyword.operator.expression.void#f55e5e
token.storage.type.java#a99dff
support.function#5769f7
support.type.property-name#db754d
support.constant.property-value#db754d
support.constant.font-name#ffffff
meta.tag#db754d
string#00cd8a
entity.other.inherited-class#a99dff
constant.other.symbol#5769f7
constant.numeric#ffffff
constant#ffffff
punctuation.definition.constant#ffffff
entity.name.tag#5edcf9
entity.other.attribute-name#ffffff
entity.other.attribute-name.id#ff73dcnormal
entity.other.attribute-name.class.css#ffffffnormal
meta.selector#f55e5e
markup.heading#5edcf9
markup.heading punctuation.definition.heading, entity.name.section#ff73dc
keyword.other.unit#5edcf9
markup.bold,todo.bold#ffffff
punctuation.definition.bold#a99dff
markup.italic, punctuation.definition.italic,todo.emphasis#f55e5e
emphasis md#f55e5e
entity.name.section.markdown#5edcf9
punctuation.definition.heading.markdown#5edcf9
punctuation.definition.list.begin.markdown#5edcf9
markup.heading.setext#db754d
punctuation.definition.bold.markdown#ffffff
markup.inline.raw.markdown#00cd8a
markup.inline.raw.string.markdown#00cd8a
punctuation.definition.list.markdown#5edcf9
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#5edcf9
beginning.punctuation.definition.list.markdown#5edcf9
punctuation.definition.metadata.markdown#5edcf9
markup.underline.link.markdown,markup.underline.link.image.markdown#f55e5e
string.other.link.title.markdown,string.other.link.description.markdown#ff73dc
string.regexp#5769f7
constant.character.escape#5769f7
punctuation.section.embedded, variable.interpolation#5edcf9
punctuation.section.embedded.begin,punctuation.section.embedded.end#f55e5e
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#db754d
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#5edcf9
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#5edcf9
source.json meta.structure.dictionary.json > value.json > string.quoted.json,source.json meta.structure.array.json > value.json > string.quoted.json,source.json meta.structure.dictionary.json > value.json > string.quoted.json > punctuation,source.json meta.structure.array.json > value.json > string.quoted.json > punctuation#00cd8a
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#5769f7
support.type.property-name.json#5edcf9
support.type.property-name.json punctuation#5edcf9
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#f55e5e
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#f55e5e
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#a99dff
keyword.operator.error-control.php#f55e5e
keyword.operator.type.php#f55e5e
punctuation.section.array.begin.php#db754d
punctuation.section.array.end.php#db754d
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#a99dff
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#ff73dc
punctuation.definition.parameters.begin.bracket.round.php,punctuation.definition.parameters.end.bracket.round.php,punctuation.separator.delimiter.php,punctuation.section.scope.begin.php,punctuation.section.scope.end.php,punctuation.terminator.expression.php,punctuation.definition.arguments.begin.bracket.round.php,punctuation.definition.arguments.end.bracket.round.php,punctuation.definition.storage-type.begin.bracket.round.php,punctuation.definition.storage-type.end.bracket.round.php,punctuation.definition.array.begin.bracket.round.php,punctuation.definition.array.end.bracket.round.php,punctuation.definition.begin.bracket.round.php,punctuation.definition.end.bracket.round.php,punctuation.definition.begin.bracket.curly.php,punctuation.definition.end.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php,punctuation.definition.section.switch-block.start.bracket.curly.php,punctuation.definition.section.switch-block.begin.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php#db754d
support.constant.core.rust#ffffff
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ffffff
entity.name.goto-label.php,support.other.php#ff73dc
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#5769f7
keyword.operator.regexp.php#f55e5e
keyword.operator.comparison.php#5769f7
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#f55e5e
meta.function.decorator.python#ff73dc
support.token.decorator.python,meta.function.decorator.identifier.python#5769f7
function.parameter#db754d
function.brace#db754d
function.parameter.ruby, function.parameter.cs#db754d
constant.language.symbol.ruby#5769f7
rgb-value#5769f7
inline-color-decoration rgb-value#ffffff
less rgb-value#ffffff
selector.sass#5edcf9
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#a99dff
block.scope.end,block.scope.begin#db754d
storage.type.cs#a99dff
entity.name.variable.local.cs#5edcf9
token.info-token#ff73dc
token.warn-token#ffffff
token.error-token#f44747
token.debug-token#f55e5e
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#f55e5e
meta.template.expression#db754d
keyword.operator.module#f55e5e
support.type.type.flowtype#ff73dc
support.type.primitive#a99dff
meta.property.object#5edcf9
variable.parameter.function.js#5edcf9
keyword.other.template.begin#00cd8a
keyword.other.template.end#00cd8a
keyword.other.substitution.begin#00cd8a
keyword.other.substitution.end#00cd8a
keyword.operator.assignment#5769f7
keyword.operator.assignment.go#a99dff
keyword.operator.arithmetic.go, keyword.operator.address.go#f55e5e
entity.name.package.go#a99dff
support.type.prelude.elm#5769f7
support.constant.elm#ffffff
punctuation.quasi.element#f55e5e
constant.character.entity#5edcf9
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#5769f7
entity.global.clojure#a99dff
meta.symbol.clojure#5edcf9
constant.keyword.clojure#5769f7
meta.arguments.coffee, variable.parameter.function.coffee#5edcf9
source.ini#00cd8a
meta.scope.prerequisites.makefile#5edcf9
source.makefile#a99dff
storage.modifier.import.groovy#a99dff
meta.method.groovy#ff73dc
meta.definition.variable.name.groovy#5edcf9
meta.definition.class.inherited.classes.groovy#00cd8a
support.variable.semantic.hlsl#a99dff
support.type.texture.hlsl, support.type.sampler.hlsl, support.type.object.hlsl, support.type.object.rw.hlsl, support.type.fx.hlsl, support.type.object.hlsl#f55e5e
text.variable, text.bracketed#5edcf9
support.type.swift, support.type.vb.asp#a99dff
entity.name.function.xi#a99dff
entity.name.class.xi#5769f7
constant.character.character-class.regexp.xi#5edcf9
constant.regexp.xi#f55e5e
keyword.control.xi#5769f7
invalid.xi#db754d
beginning.punctuation.definition.quote.markdown.xi#00cd8a
beginning.punctuation.definition.list.markdown.xi#5d5e62
constant.character.xi#ff73dc
accent.xi#ff73dc
wikiword.xi#ffffff
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#5d5e62
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#a99dff
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#5edcf9
meta.brace.square#db754d
comment, punctuation.definition.comment#5d5e62italic
markup.quote.markdown#5d5e62
punctuation.definition.block.sequence.item.yaml#db754d
constant.language.symbol.elixir#5769f7
entity.other.attribute-name.js,entity.other.attribute-name.ts,entity.other.attribute-name.jsx,entity.other.attribute-name.tsx,variable.parameter,variable.language.superitalic
comment.line.double-slash,comment.block.documentationitalic
keyword.control.import.python,keyword.control.flow.pythonitalic
markup.italic.markdownitalic

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

SmoothTheme - Coding Theme