Skip to main content
CodingTheme

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#00C2FF
  • activityBar.background#0D1B2A
  • activityBar.border#112B44
  • activityBar.foreground#00C2FF
  • activityBar.inactiveForeground#88CFE6
  • activityBarBadge.background#00C2FF
  • activityBarBadge.foreground#0D1B2A
  • badge.background#00C2FF
  • badge.foreground#0D1B2A
  • breadcrumb.activeSelectionForeground#E0F8FF
  • breadcrumb.background#0D1B2A
  • breadcrumb.focusForeground#E0F8FF
  • breadcrumb.foreground#88CFE6
  • breadcrumbPicker.background#0A1625
  • button.background#00C2FF
  • button.foreground#0D1B2A
  • button.hoverBackground#00B2EB
  • button.secondaryBackground#112B44
  • button.secondaryForeground#E0F8FF
  • button.secondaryHoverBackground#1A3554
  • checkbox.background#0A1625
  • checkbox.border#112B44
  • checkbox.foreground#E0F8FF
  • commandCenter.activeBackground#112B44
  • commandCenter.activeForeground#E0F8FF
  • commandCenter.background#0D1B2A
  • commandCenter.border#112B44
  • commandCenter.foreground#E0F8FF
  • debugConsole.errorForeground#FF6B6B
  • debugConsole.infoForeground#00C2FF
  • debugConsole.sourceForeground#E0F8FF
  • debugConsole.warningForeground#FFB347
  • debugExceptionWidget.background#3D1E28
  • debugExceptionWidget.border#FF6B6B
  • debugToolBar.background#0D1B2A
  • debugToolBar.border#112B44
  • descriptionForeground#88CFE6
  • diffEditor.diagonalFill#112B44
  • diffEditor.insertedLineBackground#33CC9911
  • diffEditor.insertedTextBackground#33CC9922
  • diffEditor.removedLineBackground#FF6B6B11
  • diffEditor.removedTextBackground#FF6B6B22
  • dropdown.background#0A1625
  • dropdown.border#112B44
  • dropdown.foreground#E0F8FF
  • editor.background#0D1B2A
  • editor.findMatchBackground#00C2FF44
  • editor.findMatchHighlightBackground#00C2FF22
  • editor.focusedStackFrameHighlightBackground#33CC9966
  • editor.foreground#E0F8FF
  • editor.hoverHighlightBackground#1E3A5F55
  • editor.lineHighlightBackground#112B44
  • editor.selectionBackground#1E3A5F
  • editor.selectionForeground#E0F8FF
  • editor.selectionHighlightBackground#1E3A5F66
  • editor.stackFrameHighlightBackground#214C7866
  • editor.wordHighlightBackground#1E3A5F55
  • editor.wordHighlightStrongBackground#1E3A5F88
  • editorBracketHighlight.foreground1#00C2FF
  • editorBracketHighlight.foreground2#33CC99
  • editorBracketHighlight.foreground3#FFB347
  • editorBracketHighlight.foreground4#B19CD9
  • editorBracketHighlight.foreground5#00CED1
  • editorBracketHighlight.foreground6#7CFC00
  • editorBracketHighlight.unexpectedBracket.foreground#FF6B6B
  • editorBracketMatch.background#1E3A5F66
  • editorBracketMatch.border#00C2FF66
  • editorBracketPairGuide.activeBackground1#00C2FF
  • editorBracketPairGuide.activeBackground2#33CC99
  • editorBracketPairGuide.activeBackground3#FFB347
  • editorBracketPairGuide.activeBackground4#B19CD9
  • editorBracketPairGuide.activeBackground5#00CED1
  • editorBracketPairGuide.activeBackground6#7CFC00
  • editorBracketPairGuide.background1#173657
  • editorBracketPairGuide.background2#1F4A75
  • editorBracketPairGuide.background3#214C78
  • editorBracketPairGuide.background4#2A5A8E
  • editorBracketPairGuide.background5#2F6EA7
  • editorBracketPairGuide.background6#3583C1
  • editorCodeLens.foreground#88CFE6
  • editorCursor.foreground#00BFFF
  • editorError.foreground#FF6B6B
  • editorGroup.border#112B44
  • editorGroup.dropBackground#1E3A5F66
  • editorGroupHeader.noTabsBackground#0D1B2A
  • editorGroupHeader.tabsBackground#0A1625
  • editorGutter.addedBackground#33CC99
  • editorGutter.deletedBackground#FF6B6B
  • editorGutter.modifiedBackground#00C2FF
  • editorHint.foreground#33CC99
  • editorHoverWidget.background#0A1625
  • editorHoverWidget.border#112B44
  • editorIndentGuide.activeBackground1#1F4A75
  • editorIndentGuide.activeBackground2#214c78
  • editorIndentGuide.background1#173657
  • editorIndentGuide.background2#16314e
  • editorInfo.foreground#00C2FF
  • editorInlayHint.background#112B44
  • editorInlayHint.foreground#88CFE6
  • editorInlayHint.parameterBackground#112B44
  • editorInlayHint.typeBackground#112B44
  • editorLightBulb.foreground#FFD700
  • editorLightBulbAutoFix.foreground#00C2FF
  • editorLineNumber.activeForeground#E0F8FF
  • editorLineNumber.foreground#5FA8D3
  • editorLink.activeForeground#00C2FF
  • editorOverviewRuler.commonContentForeground#FFD70066
  • editorOverviewRuler.currentContentForeground#33CC9966
  • editorOverviewRuler.incomingContentForeground#00C2FF66
  • editorRuler.foreground#173657
  • editorStickyScroll.background#0A1625
  • editorStickyScrollHover.background#112B44
  • editorSuggestWidget.background#0A1625
  • editorSuggestWidget.border#112B44
  • editorSuggestWidget.foreground#E0F8FF
  • editorSuggestWidget.highlightForeground#00C2FF
  • editorSuggestWidget.selectedBackground#1E3A5F
  • editorWarning.foreground#FFB347
  • editorWhitespace.foreground#173657
  • editorWidget.background#0A1625
  • editorWidget.border#112B44
  • editorWidget.foreground#E0F8FF
  • errorForeground#FF6B6B
  • focusBorder#00C2FF66
  • foreground#E0F8FF
  • gitDecoration.addedResourceForeground#33CC99
  • gitDecoration.conflictingResourceForeground#FFB347
  • gitDecoration.deletedResourceForeground#FF6B6B
  • gitDecoration.ignoredResourceForeground#5FA8D3
  • gitDecoration.modifiedResourceForeground#00C2FF
  • gitDecoration.renamedResourceForeground#00CED1
  • gitDecoration.untrackedResourceForeground#7CFC00
  • icon.foreground#88CFE6
  • input.background#0A1625
  • input.border#112B44
  • input.foreground#E0F8FF
  • input.placeholderForeground#88CFE6
  • inputOption.activeBackground#00C2FF22
  • inputOption.activeBorder#00C2FF
  • inputValidation.errorBackground#3d1e28
  • inputValidation.errorBorder#FF6B6B
  • inputValidation.infoBackground#122a3d
  • inputValidation.infoBorder#00C2FF
  • inputValidation.warningBackground#3d2c1e
  • inputValidation.warningBorder#FFB347
  • list.activeSelectionBackground#1E3A5F
  • list.activeSelectionForeground#E0F8FF
  • list.dropBackground#1E3A5F99
  • list.errorForeground#FF6B6B
  • list.focusBackground#1E3A5F
  • list.focusForeground#E0F8FF
  • list.highlightForeground#00C2FF
  • list.hoverBackground#132A45
  • list.hoverForeground#E0F8FF
  • list.inactiveSelectionBackground#142945
  • list.inactiveSelectionForeground#E0F8FF
  • list.warningForeground#FFB347
  • listFilterWidget.background#0A1625
  • listFilterWidget.noMatchesOutline#FF6B6B
  • listFilterWidget.outline#00C2FF
  • menu.background#0A1625
  • menu.foreground#E0F8FF
  • menu.selectionBackground#1E3A5F
  • menu.selectionForeground#E0F8FF
  • menu.separatorBackground#112B44
  • menubar.selectionBackground#112B44
  • menubar.selectionForeground#E0F8FF
  • merge.border#112B44
  • merge.commonContentBackground#FFD7001A
  • merge.commonHeaderBackground#FFD70011
  • merge.currentContentBackground#33CC991A
  • merge.currentHeaderBackground#33CC9911
  • merge.incomingContentBackground#00C2FF1A
  • merge.incomingHeaderBackground#00C2FF11
  • minimap.background#0A1625
  • minimap.errorHighlight#FF6B6B88
  • minimap.findMatchHighlight#00C2FF66
  • minimap.selectionHighlight#1E3A5F80
  • minimap.warningHighlight#FFB34788
  • minimapGutter.addedBackground#33CC99
  • minimapGutter.deletedBackground#FF6B6B
  • minimapGutter.modifiedBackground#00C2FF
  • notebook.cellBorderColor#112B44
  • notebook.cellToolbarSeparator#112B44
  • notebook.editorBackground#0A1625
  • notebook.focusedCellBorder#00C2FF
  • notificationCenterHeader.background#0D1B2A
  • notificationCenterHeader.foreground#E0F8FF
  • notifications.background#0A1625
  • notifications.border#112B44
  • notifications.foreground#E0F8FF
  • notificationsErrorIcon.foreground#FF6B6B
  • notificationsInfoIcon.foreground#00C2FF
  • notificationsWarningIcon.foreground#FFB347
  • notificationToast.border#112B44
  • panel.background#0D1B2A
  • panel.border#112B44
  • panelTitle.activeBorder#00C2FF
  • panelTitle.activeForeground#E0F8FF
  • panelTitle.inactiveForeground#88CFE6
  • peekView.border#00C2FF
  • peekViewEditor.background#0A1625
  • peekViewResult.background#0A1625
  • peekViewTitle.background#0D1B2A
  • pickerGroup.border#112B44
  • pickerGroup.foreground#00C2FF
  • problemsErrorIcon.foreground#FF6B6B
  • problemsInfoIcon.foreground#00C2FF
  • problemsWarningIcon.foreground#FFB347
  • progressBar.background#00C2FF
  • quickInput.background#0A1625
  • quickInput.foreground#E0F8FF
  • quickInputList.focusBackground#1E3A5F
  • quickInputList.focusForeground#E0F8FF
  • sash.hoverBorder#00C2FF
  • scrollbar.shadow#00000066
  • scrollbarSlider.activeBackground#00C2FF66
  • scrollbarSlider.background#88CFE633
  • scrollbarSlider.hoverBackground#88CFE655
  • search.resultsInfoForeground#88CFE6
  • searchEditor.findMatchBackground#00C2FF33
  • searchEditor.findMatchBorder#00C2FF
  • searchEditor.textInputBorder#112B44
  • selection.background#1E3A5F
  • settings.focusedRowBackground#112B44
  • settings.headerForeground#E0F8FF
  • settings.modifiedItemIndicator#00C2FF
  • settings.rowHoverBackground#132A45
  • sideBar.background#111F32
  • sideBar.border#112B44
  • sideBar.foreground#E0F8FF
  • sideBarSectionHeader.background#0D1B2A
  • sideBarSectionHeader.border#112B44
  • sideBarTitle.foreground#88CFE6
  • statusBar.background#0D1B2A
  • statusBar.border#112B44
  • statusBar.debuggingBackground#FF8C00
  • statusBar.debuggingForeground#0D1B2A
  • statusBar.foreground#E0F8FF
  • statusBar.noFolderBackground#0D1B2A
  • statusBarItem.hoverBackground#112B44
  • statusBarItem.remoteBackground#00C2FF
  • statusBarItem.remoteForeground#0D1B2A
  • tab.activeBackground#112B44
  • tab.activeBorderTop#00C2FF
  • tab.activeForeground#E0F8FF
  • tab.activeModifiedBorder#00C2FF
  • tab.border#112B44
  • tab.hoverBackground#132A45
  • tab.inactiveBackground#0D1B2A
  • tab.inactiveForeground#88CFE6
  • tab.inactiveModifiedBorder#88CFE6
  • tab.lastPinnedBorder#112B44
  • tab.unfocusedActiveForeground#B9E9F6
  • tab.unfocusedActiveModifiedBorder#88CFE6
  • terminal.ansiBlack#0A1625
  • terminal.ansiBlue#00BFFF
  • terminal.ansiBrightBlack#173657
  • terminal.ansiBrightBlue#00C2FF
  • terminal.ansiBrightCyan#66E0E3
  • terminal.ansiBrightGreen#7CFC00
  • terminal.ansiBrightMagenta#D0B3FF
  • terminal.ansiBrightRed#FF8080
  • terminal.ansiBrightWhite#FFFFFF
  • terminal.ansiBrightYellow#FFD37A
  • terminal.ansiCyan#00CED1
  • terminal.ansiGreen#33CC99
  • terminal.ansiMagenta#B19CD9
  • terminal.ansiRed#FF6B6B
  • terminal.ansiWhite#E0F8FF
  • terminal.ansiYellow#FFB347
  • terminal.background#0A1625
  • terminal.border#112B44
  • terminal.foreground#E0F8FF
  • terminal.selectionBackground#1E3A5F
  • terminalCommandDecoration.defaultBackground#00C2FF
  • terminalCommandDecoration.errorBackground#FF6B6B
  • terminalCommandDecoration.successBackground#33CC99
  • terminalCursor.foreground#00C2FF
  • testing.iconErrored#FF6B6B
  • testing.iconFailed#FF6B6B
  • testing.iconPassed#33CC99
  • testing.iconQueued#00C2FF
  • testing.iconSkipped#88CFE6
  • testing.iconUnset#5FA8D3
  • testing.peekBorder#112B44
  • testing.runAction#00C2FF
  • textLink.activeForeground#00B2EB
  • textLink.foreground#00C2FF
  • titleBar.activeBackground#0D1B2A
  • titleBar.activeForeground#E0F8FF
  • titleBar.border#112B44
  • titleBar.inactiveBackground#0D1B2A
  • titleBar.inactiveForeground#88CFE6
  • toolbar.hoverBackground#112B44
  • tree.indentGuidesStroke#173657
  • widget.shadow#00000066

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
support.function.builtin.go, support.type.builtin.go#33CC99
constant.language.boolean.go, constant.language.nil.go#FFB347
entity.name.type.go, entity.name.package.go#33CC99
constant.other.go, variable.other.constant.go#FFD700
storage.type.function.python, storage.type.class.python, keyword.control.import.python, keyword.control.flow.python, keyword.control.as.python, keyword.control.from.python#00C2FF
entity.name.function.decorator.python, meta.function.decorator.python, punctuation.definition.decorator.python#00C2FF
support.type.builtin.python, support.function.builtin.python#33CC99
string.quoted.raw.python, string.quoted.template.python, constant.other.placeholder.python, punctuation.definition.interpolation.begin.python, punctuation.definition.interpolation.end.python#7CFC00
text.html.php.blade, source.blade
support.function.directive.blade, keyword.control.blade, keyword.blade#00C2FF
punctuation.section.embedded.begin.blade, punctuation.section.embedded.end.blade, punctuation.definition.directive.blade#00C2FF
string.quoted.single.blade, string.quoted.double.blade#7CFC00
entity.name.tag.blade, punctuation.definition.tag.begin.blade, punctuation.definition.tag.end.blade#00C2FF
entity.other.attribute-name.blade#33CC99
keyword.other.use.php, keyword.other.namespace.php, storage.modifier.php, storage.type.php#00C2FF
entity.name.namespace.php, support.class.builtin.php, entity.name.type.class.php#33CC99
support.class, entity.name.type.class, entity.name.class, entity.other.inherited-class#33CC99
comment#5FA8D3italic
keyword#00C2FF
string#7CFC00
constant.numeric#FFB347
variable#00CED1
entity.name.function#1DB954
punctuation#E0F8FF
source.php
variable.other.php#00CED1
keyword.control.php#00C2FF
string.quoted.single.php, string.quoted.double.php#7CFC00
support.function.construct.php#1DB954
constant.language.php#FFB347
entity.name.function.php#1DB954
punctuation.definition.variable.php#00CED1
meta.embedded.block.php#E0F8FF
source.cs
keyword.control.cs#00C2FF
variable.other.cs#00CED1
entity.name.type.class.cs#33CC99
entity.name.type.interface.cs#7CFC00
entity.name.function.cs#1DB954
string.quoted.double.cs#7CFC00
constant.numeric.cs#FFB347
comment.line.double-slash.cs#5FA8D3italic
storage.type.cs#00C2FF
punctuation.separator.cs#E0F8FF
source.java
keyword.control.java#00C2FF
variable.other.java#00CED1
entity.name.type.class.java#33CC99
entity.name.function.java#1DB954
string.quoted.double.java#7CFC00
constant.numeric.java#FFB347
comment.line.double-slash.java#5FA8D3italic
storage.type.primitive.java#00C2FF
storage.modifier.java#0099CC
punctuation.terminator.java#E0F8FF
source.go
keyword.control.go#00C2FF
storage.type.go#0099CC
entity.name.function.go#1DB954
variable.other.go#00CED1
constant.numeric.go#FFB347
string.quoted.double.go#7CFC00
comment.line.double-slash.go#5FA8D3italic
keyword.package.go#00C2FF
keyword.import.go#00C2FF
source.python
keyword.control.python#00C2FF
entity.name.function.python#1DB954
variable.parameter.function.python#00CED1
constant.numeric.python#FFB347
string.quoted.single.python, string.quoted.double.python#7CFC00
comment.line.number-sign.python#5FA8D3italic
entity.name.type.class.python#33CC99
support.type.python#00C2FF
punctuation.definition.string.begin.python, punctuation.definition.string.end.python#7CFC00
source.rust
keyword.control.rust#00C2FF
variable.other.rust#00CED1
entity.name.function.rust#1DB954
string.quoted.double.rust#7CFC00
constant.numeric.rust#FFB347
comment.line.double-slash.rust#5FA8D3italic
entity.name.type.rust#33CC99
meta.macro.rust#FFD700
storage.type.rust#00C2FF
variable.language.rust#FFB347
source.js, source.ts, source.jsx, source.tsx
variable.other.readwrite.js, variable.other.readwrite.ts#00CED1
keyword.control.js, keyword.control.ts#00C2FF
entity.name.function.js#1DB954
string.quoted.double.js#7CFC00
constant.numeric.js#FFB347
comment.line.double-slash.js#5FA8D3italic
support.class.component.jsx, support.class.component.tsx#33CC99
storage.type.ts, storage.type.tsx, keyword.declaration.interface.ts, keyword.declaration.interface.tsx#00C2FF
entity.name.type.ts, entity.name.type.tsx, entity.name.type.interface.ts, entity.name.type.interface.tsx, entity.name.type.alias.ts, entity.name.type.alias.tsx#33CC99
support.type.primitive.ts, support.type.primitive.tsx#00C2FF
support.type.builtin.ts, support.type.builtin.tsx, support.type.dom.ts, support.type.dom.tsx#33CC99
punctuation.definition.typeparameters.begin.ts, punctuation.definition.typeparameters.end.ts, punctuation.definition.typeparameters.begin.tsx, punctuation.definition.typeparameters.end.tsx, punctuation.separator.type.ts, punctuation.separator.type.tsx#00C2FF
entity.name.namespace.ts, entity.name.namespace.tsx, support.type.object.module.ts, support.type.object.module.tsx#33CC99
storage.type.function.js, storage.type.function.jsx, storage.type.function.ts, storage.type.function.tsx, keyword.declaration.function.ts, keyword.declaration.function.tsx#00C2FF
storage.type#00C2FF
storage.modifier.async.js, storage.modifier.async.jsx, storage.modifier.async.ts, storage.modifier.async.tsx#00C2FF
keyword.operator, keyword.operator.ts, keyword.operator.tsx, keyword.operator.expression.extends, keyword.operator.expression.implements#00C2FF
storage.modifier#00C2FF
keyword.operator.expression.extends, keyword.operator.expression.extends.ts, keyword.operator.expression.extends.tsx, storage.modifier.extends, storage.modifier.extends.ts, storage.modifier.extends.tsx, keyword.declaration.extends, keyword.declaration.extends.ts, keyword.declaration.extends.tsx, keyword.control.extends, keyword.control.extends.ts, keyword.control.extends.tsx, keyword.operator.expression.implements, keyword.operator.expression.implements.ts, keyword.operator.expression.implements.tsx, storage.modifier.implements, storage.modifier.implements.ts, storage.modifier.implements.tsx, keyword.declaration.implements, keyword.declaration.implements.ts, keyword.declaration.implements.tsx, keyword.control.implements, keyword.control.implements.ts, keyword.control.implements.tsx#00C2FF
entity.name.tag.jsx, entity.name.tag.tsx#00C2FF
entity.other.attribute-name.jsx, entity.other.attribute-name.tsx#33CC99
punctuation.definition.tag.begin.jsx, punctuation.definition.tag.end.jsx, punctuation.definition.tag.begin.tsx, punctuation.definition.tag.end.tsx#00C2FF
text.html.basic
entity.name.tag.html#00C2FF
entity.other.attribute-name.html#33CC99
string.quoted.double.html#7CFC00
comment.block.html#5FA8D3italic
source.css, source.scss, source.less
entity.name.tag.css#00C2FF
support.type.property-name.css#33CC99
constant.numeric.css#FFB347
string.quoted.double.css#7CFC00
source.json, source.yaml, source.toml
support.type.property-name.json#33CC99
string.quoted.double.json#7CFC00
constant.numeric.json#FFB347
source.sql
keyword.other.DML.sql#00C2FF
string.quoted.single.sql#7CFC00
constant.numeric.sql#FFB347
text.html.markdown
markup.heading.markdown#00C2FFbold
markup.bold.markdown#1DB954bold
markup.italic.markdown#FFB347italic
markup.inline.raw.markdown#00CED1
source.shell
string.quoted.double.shell#7CFC00
constant.numeric.shell#FFB347
keyword.control.shell#00C2FF
comment.line.number-sign.shell#5FA8D3italic
source.dockerfile
keyword.control.dockerfile#00C2FF
string.quoted.double.dockerfile#7CFC00
source.makefile
keyword.control.makefile#00C2FF
source.gitignore#00CED1
source.gitattributes#00CED1
source.env#33CC99
source.editorconfig#00C2FF
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php, punctuation.section.embedded.begin, punctuation.section.embedded.end, punctuation.definition.tag.begin.php, punctuation.definition.tag.end.php#00C2FF
source.ruby
keyword.control.ruby, storage.type.class.ruby, storage.type.function.ruby#00C2FF
entity.name.type.class.ruby, support.class.ruby#33CC99
entity.name.function.ruby#1DB954
variable.other.readwrite.instance.ruby, variable.other.readwrite.class.ruby, variable.other.readwrite.global.ruby, punctuation.definition.variable.ruby#00CED1
string.quoted.double.ruby, string.quoted.single.ruby#7CFC00
constant.numeric.ruby#FFB347
comment.line.number-sign.ruby#5FA8D3italic
text.html.erb, text.html.ruby
punctuation.section.embedded.begin.ruby, punctuation.section.embedded.end.ruby#00C2FF
source.c, source.cpp
keyword.control.c, keyword.control.cpp, storage.type.c, storage.type.cpp#00C2FF
entity.name.function.c, entity.name.function.cpp#1DB954
entity.name.type.class.cpp, support.type.primitive.c, support.type.primitive.cpp#33CC99
string.quoted.double.c, string.quoted.double.cpp#7CFC00
constant.numeric.c, constant.numeric.cpp#FFB347
comment.line.double-slash.cpp, comment.block.c#5FA8D3italic
source.kotlin
keyword.control.kotlin, storage.type.kotlin#00C2FF
entity.name.type.class.kotlin#33CC99
entity.name.function.kotlin#1DB954
variable.parameter.function.kotlin#00CED1
string.quoted.double.kotlin#7CFC00
constant.numeric.kotlin#FFB347
comment.line.double-slash.kotlin#5FA8D3italic
source.swift
keyword.control.swift, storage.type.swift#00C2FF
entity.name.type.class.swift#33CC99
entity.name.function.swift#1DB954
variable.parameter.swift#00CED1
string.quoted.double.swift#7CFC00
constant.numeric.swift#FFB347
comment.line.double-slash.swift#5FA8D3italic
source.dart
keyword.control.dart, storage.type.dart#00C2FF
entity.name.type.class.dart#33CC99
entity.name.function.dart#1DB954
variable.parameter.dart#00CED1
string.quoted.double.dart#7CFC00
constant.numeric.dart#FFB347
comment.line.double-slash.dart#5FA8D3italic
source.scala
keyword.control.scala, storage.type.scala#00C2FF
entity.name.type.class.scala#33CC99
entity.name.function.scala#1DB954
variable.parameter.scala#00CED1
string.quoted.double.scala#7CFC00
constant.numeric.scala#FFB347
comment.line.double-slash.scala#5FA8D3italic
source.lua
keyword.control.lua, storage.type.lua#00C2FF
entity.name.function.lua#1DB954
variable.parameter.function.lua, variable.parameter.lua#00CED1
string.quoted.double.lua, string.quoted.single.lua#7CFC00
constant.numeric.lua#FFB347
comment.line.double-dash.lua#5FA8D3italic
source.r
keyword.control.r#00C2FF
support.function.builtin.r, entity.name.function.r#1DB954
variable.other.r#00CED1
constant.language.r#FFD700
string.quoted.double.r, string.quoted.single.r#7CFC00
constant.numeric.r#FFB347
comment.line.number-sign.r#5FA8D3italic
source.powershell
keyword.control.powershell, storage.type.powershell#00C2FF
variable.other.readwrite.powershell, variable.other.powershell, punctuation.definition.variable.powershell#00CED1
support.function.powershell, entity.name.function.powershell#1DB954
string.quoted.double.powershell, string.quoted.single.powershell#7CFC00
constant.numeric.powershell#FFB347
comment.line.number-sign.powershell#5FA8D3italic
text.xml
entity.name.tag.xml#00C2FF
entity.other.attribute-name.xml#33CC99
string.quoted.double.xml, string.quoted.single.xml#7CFC00
punctuation.definition.tag.begin.xml, punctuation.definition.tag.end.xml#00C2FF
comment.block.xml#5FA8D3italic
text.html.vue, source.vue
entity.name.tag.vue#00C2FF
entity.other.attribute-name.vue#33CC99
punctuation.definition.tag.begin.vue, punctuation.definition.tag.end.vue#00C2FF
text.html.svelte, source.svelte
entity.name.tag.svelte#00C2FF
entity.other.attribute-name.svelte#33CC99
punctuation.definition.tag.begin.svelte, punctuation.definition.tag.end.svelte#00C2FF
source.graphql
keyword.operation.graphql, keyword.type.graphql, keyword.directive.graphql#00C2FF
entity.name.fragment.graphql, entity.name.field.graphql, support.type.builtin.graphql, entity.name.type.graphql#33CC99
variable.graphql#00CED1
string.quoted.double.graphql#7CFC00
constant.numeric.graphql#FFB347

Shiki preview

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

Loading...

Frutiger Aero Dark by AarWeb - VS Code Theme