A Galaxy Far, Far Away Theme
Publisher: DanMadThemes in package: 2
A Visual Studio Code theme from a galaxy far, far away...
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#04070b
- activityBar.activeBorder#01020300
- activityBar.activeFocusBorder#01020300
- activityBar.background#0a0f17
- activityBar.border#01020300
- activityBar.dropBackground#01020300
- activityBar.dropBorder#af0505
- activityBar.foreground#dee6ec
- activityBar.inactiveForeground#98abc1
- activityBarBadge.background#fa4848
- activityBarBadge.foreground#010203
- badge.background#fa4848
- badge.foreground#010203
- breadcrumb.activeSelectionForeground#dee6ec
- breadcrumb.background#010203
- breadcrumb.focusForeground#becbd8
- breadcrumb.foreground#687f9c
- breadcrumbPicker.background#0a0f17
- button.background#777d72
- button.foreground#010203
- button.hoverBackground#bec4b7
- checkbox.background#010203
- checkbox.border#af0505
- checkbox.foreground#98abc1
- debugConsole.errorForeground#af0505
- debugConsole.infoForeground#fbfcfd
- debugConsole.sourceForeground#98abc1
- debugConsole.warningForeground#ff8080
- debugConsoleInputIcon.foreground#98abc1
- debugExceptionWidget.background#0a0f17
- debugExceptionWidget.border#af0505
- debugIcon.breakpointCurrentStackframeForeground#fa4848
- debugIcon.breakpointDisabledForeground#fa4848
- debugIcon.breakpointForeground#fa4848
- debugIcon.breakpointStackframeForeground#fa4848
- debugIcon.breakpointUnverifiedForeground#fa4848
- debugIcon.continueForeground#98abc1
- debugIcon.disconnectForeground#98abc1
- debugIcon.pauseForeground#fbfcfd
- debugIcon.restartForeground#777d72
- debugIcon.startForeground#98abc1
- debugIcon.stepBackForeground#98abc1
- debugIcon.stepIntoForeground#98abc1
- debugIcon.stepOutForeground#98abc1
- debugIcon.stepOverForeground#98abc1
- debugIcon.stopForeground#af0505
- debugTokenExpression.boolean#9fa599
- debugTokenExpression.error#af0505
- debugTokenExpression.name#f50a0a
- debugTokenExpression.number#9fa599
- debugTokenExpression.string#9fa599
- debugTokenExpression.value#9fa599
- debugToolBar.background#0a0f17
- debugToolBar.border#0a0f17
- debugView.exceptionLabelBackground#f50a0a
- debugView.exceptionLabelForeground#010203
- debugView.stateLabelBackground#fa4848
- debugView.stateLabelForeground#010203
- debugView.valueChangedHighlight#fbfcfd
- descriptionForeground#becbd8
- diffEditor.border#01020300
- diffEditor.diagonalFill#687f9c4d
- diffEditor.insertedTextBackground#777d7233
- diffEditor.insertedTextBorder#01020300
- diffEditor.removedTextBackground#af050533
- diffEditor.removedTextBorder#01020300
- dropdown.background#010203
- dropdown.border#af0505
- dropdown.foreground#98abc1
- dropdown.listBackground#0a0f17
- editor.background#010203
- editor.findMatchBackground#687f9c33
- editor.findMatchBorder#01020300
- editor.findMatchHighlightBackground#687f9c33
- editor.findMatchHighlightBorder#01020300
- editor.findRangeHighlightBackground#687f9c33
- editor.findRangeHighlightBorder#01020300
- editor.focusedStackFrameHighlightBackground#0a0f17
- editor.foldBackground#01020300
- editor.foreground#becbd8
- editor.hoverHighlightBackground#687f9c33
- editor.inactiveSelectionBackground#01020300
- editor.lineHighlightBackground#0a0f17
- editor.lineHighlightBorder#01020300
- editor.rangeHighlightBackground#687f9c1a
- editor.rangeHighlightBorder#01020300
- editor.selectionBackground#687f9c4d
- editor.selectionHighlightBackground#687f9c33
- editor.selectionHighlightBorder#01020300
- editor.snippetFinalTabstopHighlightBackground#687f9c33
- editor.snippetFinalTabstopHighlightBorder#af0505
- editor.snippetTabstopHighlightBackground#687f9c33
- editor.snippetTabstopHighlightBorder#af0505
- editor.stackFrameHighlightBackground#04070b
- editor.symbolHighlightBackground#687f9c33
- editor.symbolHighlightBorder#01020300
- editor.wordHighlightBackground#687f9c33
- editor.wordHighlightBorder#01020300
- editor.wordHighlightStrongBackground#687f9c33
- editor.wordHighlightStrongBorder#01020300
- editorBracketHighlight.foreground1#ff8080
- editorBracketHighlight.foreground2#777d72
- editorBracketHighlight.foreground3#fa4848
- editorBracketHighlight.foreground4#9fa599
- editorBracketHighlight.foreground5#f50a0a
- editorBracketMatch.background#687f9c33
- editorBracketMatch.border#01020300
- editorCodeLens.foreground#687f9c
- editorCursor.background#01020300
- editorCursor.foreground#98abc1
- editorError.border#01020300
- editorError.foreground#af0505
- editorGroup.border#0a0f17
- editorGroup.dropBackground#af0505
- editorGroup.emptyBackground#04070b
- editorGroup.focusedEmptyBorder#af0505
- editorGroupHeader.border#01020300
- editorGroupHeader.tabsBackground#0a0f17
- editorGroupHeader.tabsBorder#010203
- editorGutter.addedBackground#777d72
- editorGutter.background#01020300
- editorGutter.commentRangeForeground#01020300
- editorGutter.deletedBackground#af0505
- editorGutter.foldingControlForeground#98abc1
- editorGutter.modifiedBackground#fbfcfd
- editorHint.border#01020300
- editorHint.foreground#bec4b7
- editorHoverWidget.background#0a0f17
- editorHoverWidget.border#af0505
- editorHoverWidget.foreground#98abc1
- editorHoverWidget.statusBarBackground#0a0f17
- editorInfo.border#01020300
- editorInfo.foreground#fbfcfd
- editorLightBulb.foreground#fa4848
- editorLightBulbAutoFix.foreground#fa4848
- editorLineNumber.activeForeground#98abc1
- editorLineNumber.foreground#687f9c
- editorLink.activeForeground#bec4b7
- editorMarkerNavigation.background#0a0f17
- editorMarkerNavigationError.background#af0505
- editorMarkerNavigationInfo.background#fbfcfd
- editorMarkerNavigationWarning.background#ff8080
- editorOverviewRuler.addedForeground#777d72
- editorOverviewRuler.background#01020300
- editorOverviewRuler.border#01020300
- editorOverviewRuler.bracketMatchForeground#687f9c33
- editorOverviewRuler.commonContentForeground#becbd8
- editorOverviewRuler.currentContentForeground#becbd8
- editorOverviewRuler.deletedForeground#af0505
- editorOverviewRuler.errorForeground#af0505
- editorOverviewRuler.findMatchForeground#687f9c33
- editorOverviewRuler.incomingContentForeground#becbd8
- editorOverviewRuler.infoForeground#fbfcfd
- editorOverviewRuler.modifiedForeground#fbfcfd
- editorOverviewRuler.rangeHighlightForeground#687f9c33
- editorOverviewRuler.selectionHighlightForeground#687f9c4d
- editorOverviewRuler.warningForeground#ff8080
- editorOverviewRuler.wordHighlightForeground#687f9c33
- editorOverviewRuler.wordHighlightStrongForeground#687f9c33
- editorRuler.foreground#becbd8
- editorSuggestWidget.background#0a0f17
- editorSuggestWidget.border#af0505
- editorSuggestWidget.foreground#98abc1
- editorSuggestWidget.highlightForeground#dee6ec
- editorSuggestWidget.selectedBackground#010203
- editorUnnecessaryCode.border#01020300
- editorUnnecessaryCode.opacity#fbfcfd4d
- editorWarning.border#01020300
- editorWarning.foreground#ff8080
- editorWhitespace.foreground#687f9c4d
- editorWidget.background#0a0f17
- editorWidget.border#af0505
- editorWidget.foreground#98abc1
- editorWidget.resizeBorder#af0505
- errorForeground#af0505
- extensionBadge.remoteBackground#fa4848
- extensionBadge.remoteForeground#010203
- extensionButton.prominentBackground#f50a0a
- extensionButton.prominentForeground#010203
- extensionButton.prominentHoverBackground#ff8080
- focusBorder#01020300
- foreground#becbd8
- gitDecoration.addedResourceForeground#777d72
- gitDecoration.conflictingResourceForeground#f50a0a
- gitDecoration.deletedResourceForeground#af0505
- gitDecoration.ignoredResourceForeground#687f9c
- gitDecoration.modifiedResourceForeground#fbfcfd
- gitDecoration.submoduleResourceForeground#98abc1
- gitDecoration.untrackedResourceForeground#becbd8
- icon.foreground#98abc1
- imagePreview.border#01020300
- input.background#010203
- input.border#af0505
- input.foreground#98abc1
- input.placeholderForeground#687f9c
- inputOption.activeBackground#0a0f17
- inputOption.activeBorder#01020300
- inputOption.activeForeground#dee6ec
- inputValidation.errorBackground#010203
- inputValidation.errorBorder#af0505
- inputValidation.errorForeground#af0505
- inputValidation.infoBackground#010203
- inputValidation.infoBorder#af0505
- inputValidation.infoForeground#98abc1
- list.activeSelectionBackground#010203
- list.activeSelectionForeground#dee6ec
- list.deemphasizedForeground#687f9c
- list.dropBackground#af0505
- list.errorForeground#af0505
- list.filterMatchBackground#687f9c33
- list.filterMatchBorder#01020300
- list.focusBackground#010203
- list.focusForeground#dee6ec
- list.highlightForeground#dee6ec
- list.hoverBackground#0a0f17
- list.hoverForeground#dee6ec
- list.inactiveFocusBackground#010203
- list.inactiveSelectionBackground#010203
- list.inactiveSelectionForeground#dee6ec
- list.invalidItemForeground#687f9c
- list.warningForeground#ff8080
- listFilterWidget.background#0a0f17
- listFilterWidget.noMatchesOutline#af0505
- listFilterWidget.outline#af0505
- menu.background#04070b
- menu.border#04070b
- menu.foreground#98abc1
- menu.selectionBackground#0a0f17
- menu.selectionBorder#0a0f17
- menu.selectionForeground#dee6ec
- menu.separatorBackground#01020300
- menubar.selectionBackground#0a0f17
- menubar.selectionBorder#0a0f17
- menubar.selectionForeground#dee6ec
- merge.border#01020300
- merge.commonContentBackground#fbfcfd1a
- merge.commonHeaderBackground#fbfcfd33
- merge.currentContentBackground#777d7233
- merge.currentHeaderBackground#777d724d
- merge.incomingContentBackground#bec4b733
- merge.incomingHeaderBackground#bec4b74d
- minimap.background#04070b
- minimap.errorHighlight#af0505
- minimap.findMatchHighlight#687f9c33
- minimap.selectionHighlight#687f9c4d
- minimap.warningHighlight#ff8080
- minimapGutter.addedBackground#777d72
- minimapGutter.deletedBackground#af0505
- minimapGutter.modifiedBackground#fbfcfd
- minimapSlider.activeBackground#687f9c4d
- minimapSlider.background#687f9c1a
- minimapSlider.hoverBackground#687f9c33
- notificationCenter.border#0a0f17
- notificationCenterHeader.background#0a0f17
- notificationCenterHeader.foreground#dee6ec
- notificationLink.foreground#777d72
- notifications.background#0a0f17
- notifications.border#0a0f17
- notifications.foreground#98abc1
- notificationsErrorIcon.foreground#af0505
- notificationsInfoIcon.foreground#fbfcfd
- notificationsWarningIcon.foreground#ff8080
- notificationToast.border#0a0f17
- panel.background#0a0f17
- panel.border#01020300
- panel.dropBackground#01020300
- panel.dropBorder#af0505
- panelTitle.activeBorder#01020300
- panelTitle.activeForeground#dee6ec
- panelTitle.inactiveForeground#98abc1
- peekView.border#0a0f17
- peekViewTitle.background#0a0f17
- peekViewTitleDescription.foreground#98abc1
- peekViewTitleLabel.foreground#dee6ec
- pickerGroup.border#01020300
- pickerGroup.foreground#dee6ec
- problemsErrorIcon.foreground#af0505
- problemsInfoIcon.foreground#fbfcfd
- problemsWarningIcon.foreground#ff8080
- progressBar.background#af0505
- quickInput.background#04070b
- quickInput.foreground#98abc1
- scrollbar.shadow#01020300
- scrollbarSlider.activeBackground#687f9c4d
- scrollbarSlider.background#687f9c1a
- scrollbarSlider.hoverBackground#687f9c33
- searchEditor.findMatchBackground#687f9c33
- searchEditor.findMatchBorder#01020300
- searchEditor.textInputBorder#af0505
- selection.background#af0505
- settings.checkboxBackground#010203
- settings.checkboxBorder#af0505
- settings.checkboxForeground#98abc1
- settings.dropdownBackground#010203
- settings.dropdownBorder#af0505
- settings.dropdownForeground#98abc1
- settings.dropdownListBorder#0a0f17
- settings.headerForeground#dee6ec
- settings.modifiedItemIndicator#fbfcfd
- settings.numberInputBackground#010203
- settings.numberInputBorder#af0505
- settings.numberInputForeground#98abc1
- settings.textInputBackground#010203
- settings.textInputBorder#af0505
- settings.textInputForeground#98abc1
- sideBar.background#04070b
- sideBar.border#010203
- sideBar.dropBackground#01020300
- sideBar.foreground#98abc1
- sideBarSectionHeader.background#01020300
- sideBarSectionHeader.border#01020300
- sideBarSectionHeader.foreground#becbd8
- sideBarTitle.foreground#dee6ec
- statusBar.background#777d72
- statusBar.border#01020300
- statusBar.debuggingBackground#fbfcfd
- statusBar.debuggingBorder#01020300
- statusBar.debuggingForeground#010203
- statusBar.foreground#010203
- statusBar.noFolderBackground#af0505
- statusBar.noFolderBorder#01020300
- statusBar.noFolderForeground#dee6ec
- symbolIcon.arrayForeground#fa4848
- symbolIcon.booleanForeground#fa4848
- symbolIcon.classForeground#fa4848
- symbolIcon.colorForeground#fa4848
- symbolIcon.constantForeground#fa4848
- symbolIcon.constructorForeground#fa4848
- symbolIcon.enumeratorForeground#fa4848
- symbolIcon.enumeratorMemberForeground#fa4848
- symbolIcon.eventForeground#fa4848
- symbolIcon.fieldForeground#fa4848
- symbolIcon.fileForeground#fa4848
- symbolIcon.folderForeground#fa4848
- symbolIcon.functionForeground#fa4848
- symbolIcon.interfaceForeground#fa4848
- symbolIcon.keyForeground#fa4848
- symbolIcon.keywordForeground#fa4848
- symbolIcon.methodForeground#fa4848
- symbolIcon.moduleForeground#fa4848
- symbolIcon.namespaceForeground#fa4848
- symbolIcon.nullForeground#fa4848
- symbolIcon.numberForeground#fa4848
- symbolIcon.objectForeground#fa4848
- symbolIcon.operatorForeground#fa4848
- symbolIcon.packageForeground#fa4848
- symbolIcon.propertyForeground#fa4848
- symbolIcon.referenceForeground#fa4848
- symbolIcon.snippetForeground#fa4848
- symbolIcon.stringForeground#fa4848
- symbolIcon.structForeground#fa4848
- symbolIcon.textForeground#fa4848
- symbolIcon.typeParameterForeground#fa4848
- symbolIcon.unitForeground#fa4848
- symbolIcon.variableForeground#fa4848
- tab.activeBackground#010203
- tab.activeBorder#010203
- tab.activeBorderTop#010203
- tab.activeForeground#dee6ec
- tab.activeModifiedBorder#0a0f17
- tab.border#0a0f17
- tab.hoverBackground#010203
- tab.hoverBorder#0a0f17
- tab.hoverForeground#dee6ec
- tab.inactiveBackground#04070b
- tab.inactiveForeground#98abc1
- tab.inactiveModifiedBorder#0a0f17
- tab.unfocusedActiveBackground#010203
- tab.unfocusedActiveBorder#010203
- tab.unfocusedActiveBorderTop#010203
- tab.unfocusedActiveForeground#dee6ec
- tab.unfocusedActiveModifiedBorder#0a0f17
- tab.unfocusedHoverBackground#010203
- tab.unfocusedHoverBorder#0a0f17
- tab.unfocusedHoverForeground#dee6ec
- tab.unfocusedInactiveBackground#04070b
- tab.unfocusedInactiveForeground#98abc1
- tab.unfocusedInactiveModifiedBorder#0a0f17
- terminal.ansiBlack#04070b
- terminal.ansiBlue#777d72
- terminal.ansiBrightBlack#777d72
- terminal.ansiBrightBlue#777d72
- terminal.ansiBrightCyan#bec4b7
- terminal.ansiBrightGreen#bec4b7
- terminal.ansiBrightMagenta#f50a0a
- terminal.ansiBrightRed#f50a0a
- terminal.ansiBrightWhite#fbfcfd
- terminal.ansiBrightYellow#fbfcfd
- terminal.ansiCyan#bec4b7
- terminal.ansiGreen#bec4b7
- terminal.ansiMagenta#f50a0a
- terminal.ansiRed#f50a0a
- terminal.ansiWhite#fbfcfd
- terminal.ansiYellow#fbfcfd
- terminal.background#04070b
- terminal.border#01020300
- terminal.foreground#98abc1
- terminal.selectionBackground#687f9c4d
- terminalCursor.background#01020300
- terminalCursor.foreground#98abc1
- textBlockQuote.background#01020300
- textBlockQuote.border#becbd8
- textCodeBlock.background#010203
- textLink.activeForeground#bec4b7
- textLink.foreground#777d72
- textPreformat.foreground#fbfcfd
- textSeparator.foreground#becbd8
- tree.indentGuidesStroke#687f9c
- walkThrough.embeddedEditorBackground#04070b
- welcomePage.background#04070b
- welcomePage.buttonBackground#777d72
- welcomePage.buttonHoverBackground#bec4b7
- widget.shadow#01020300
- window.activeBorder#0a0f17
- window.inactiveBorder#010203
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #687f9c | — |
| constant | #9fa599 | — |
| constant.character.entity | #f50a0a | italic |
| keyword | #fbfcfd | — |
| storage | #fbfcfd | — |
| string | #9fa599 | — |
| support | #ff8080 | — |
| variable | #f50a0a | italic |
| entity.other.attribute-name.css | #dee6ec | — |
| punctuation.terminator.rule.css | #becbd8 | — |
| entity.other.attribute-name.class.css | #fa4848 | — |
| punctuation.definition.entity.css | #becbd8 | normal |
| constant.other.color.rgb-value.hex.css, punctuation.definition.constant.css | #ff8080 | — |
| entity.other.attribute-name.id.css | #fa4848 | — |
| keyword.other.important.css | — | bold |
| keyword.operator.arithmetic.css, keyword.operator.combinator.css, keyword.operator.pattern.css | #becbd8 | — |
| support.type.property-name.css | #becbd8 | — |
| support.constant.color.current.css, support.constant.property-value.css | #fbfcfd | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #dee6ec | — |
| entity.name.tag.css | #777d72 | — |
| entity.other.keyframe-offset.percentage.css, keyword.other.unit.%.css, keyword.other.unit.ch.css, keyword.other.unit.cm.css, keyword.other.unit.deg.css, keyword.other.unit.em.css, keyword.other.unit.ex.css, keyword.other.unit.in.css, keyword.other.unit.mm.css, keyword.other.unit.ms.css, keyword.other.unit.pc.css, keyword.other.unit.percentage.css, keyword.other.unit.pt.css, keyword.other.unit.px.css, keyword.other.unit.q.css, keyword.other.unit.rem.css, keyword.other.unit.s.css, keyword.other.unit.vmax.css, keyword.other.unit.vmin.css, keyword.other.unit.vh.css, keyword.other.unit.vw.css | #9fa599 | — |
| support.type.vendored.property-name.css | #98abc1 | — |
| entity.other.attribute-name.html | #dee6ec | — |
| punctuation.separator.key-value.html | #becbd8 | — |
| entity.name.tag.html | #fa4848 | — |
| comment.block.documentation.js, comment.block.js | #98abc1 | — |
| meta.brace.round.js, meta.brace.square.js, punctuation.accessor.js, punctuation.definition.block.js, punctuation.definition.bracket.curly.begin.jsdoc, punctuation.definition.bracket.curly.end.jsdoc, punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.end.js, punctuation.separator.comma.js, punctuation.separator.key-value.js | #becbd8 | — |
| entity.name.type.class.js, entity.name.type.js, support.class.builtin.js | #777d72 | — |
| entity.name.function.js, support.function.console.js, support.function.js | #ff8080 | — |
| entity.other.inherited-class.js | #bec4b7 | — |
| constant.language.null.js | #98abc1 | — |
| keyword.operator.arithmetic.js, keyword.operator.assignment.compound.bitwise.js, keyword.operator.assignment.compound.js, keyword.operator.assignment.js, keyword.operator.comparison.js, keyword.operator.decrement.js, keyword.operator.increment.js, keyword.operator.logical.js, keyword.operator.relational.js, keyword.operator.ternary.js | #becbd8 | — |
| meta.object-literal.key.js, variable.other.constant.property.js, variable.other.object.property.js, variable.other.property.js | #fa4848 | normal |
| string.regexp.js | #bec4b7 | — |
| variable.language.super.js | #dee6ec | normal |
| variable.language.this.js | #dee6ec | — |
| entity.name.type.instance.jsdoc | #bec4b7 | — |
| constant.language.undefined.js | #98abc1 | — |
| support.type.property-name.json | #becbd8 | — |
| entity.other.attribute-name.js.jsx | #dee6ec | — |
| support.class.component.js.jsx | #fa4848 | bold |
| entity.name.tag.js.jsx | #fa4848 | — |
| markup.bold.markdown | — | bold |
| markup.fenced_code.block.markdown, markup.inline.raw.string.markdown | #f50a0a | — |
| punctuation.definition.bold.markdown, punctuation.definition.italic.markdown | — | regular |
| heading.1.markdown, heading.2.markdown, heading.3.markdown, heading.4.markdown, heading.5.markdown, heading.6.markdown | #fbfcfd | — |
| markup.italic.markdown | — | italic |
| string.other.link.description.markdown, string.other.link.title.markdown | #fa4848 | — |
| fenced_code.block.language.markdown | #fbfcfd | — |
| markup.underline.link.markdown | #dee6ec | — |
| meta.attribute.python, meta.indexed-name.python | #fa4848 | regular |
| constant.character.format.placeholder.other.python, constant.other.ellipsis.python, punctuation.definition.arguments.begin.python, punctuation.definition.arguments.end.python, punctuation.definition.dict.begin.python, punctuation.definition.dict.end.python, punctuation.definition.inheritance.begin.python, punctuation.definition.inheritance.end.python, punctuation.definition.list.begin.python, punctuation.definition.list.end.python, punctuation.definition.parameters.begin.python, punctuation.definition.parameters.end.python, punctuation.parenthesis.begin.python, punctuation.parenthesis.end.python, punctuation.section.class.begin.python, punctuation.section.function.begin.python, punctuation.separator.annotation.python, punctuation.separator.annotation.result.python, punctuation.separator.arguments.python, punctuation.separator.colon.python, punctuation.separator.element.python, punctuation.separator.inheritance.python, punctuation.separator.slice.python, punctuation.separator.parameters.python, punctuation.separator.period.python | #becbd8 | regular |
| entity.name.type.class.python | #777d72 | regular |
| comment.line.number-sign.python | — | regular |
| constant.language.python, constant.numeric.dec.python, constant.numeric.float.python | — | regular |
| string.quoted.docstring.multi.python | #98abc1 | regular |
| constant.character.escape.python | #f50a0a | regular |
| source.python | #f50a0a | italic |
| entity.name.function.python, meta.function-call.generic.python, support.function.builtin.python, support.function.magic.python | #ff8080 | regular |
| entity.other.inherited-class.python | #bec4b7 | regular |
| keyword.control.flow.python, keyword.control.import.python | — | regular |
| keyword.operator.arithmetic.python, keyword.operator.assignment.python, keyword.operator.bitwise.python, keyword.operator.comparison.python, keyword.operator.logical.python, keyword.operator.python, keyword.operator.unpacking.arguments.python, keyword.operator.unpacking.parameter.python | #becbd8 | regular |
| storage.type.class.python, storage.type.function.python | — | regular |
| string.quoted.docstring.single.python, string.quoted.single.python | — | regular |
| support.type.exception.python, support.type.python | #ff8080 | regular |
| constant.other.caps.python | #f50a0a | — |
| constant.character.escape.backslash.regexp, keyword.operator.or.regexp, punctuation.definition.character-class.regexp, punctuation.definition.group.regexp | #777d72 | — |
| constant.other.character-class.range.regexp, constant.other.character-class.regexp, constant.other.character-class.set.regexp | #bec4b7 | — |
| keyword.control.anchor.regexp, keyword.operator.negation.regexp, keyword.operator.quantifier.regexp | #bec4b7 | — |
| entity.other.attribute-name.attribute.scss | #dee6ec | — |
| comment.block.scss | #98abc1 | — |
| meta.embedded.block.scss, meta.property-list.scss, punctuation.access.module.scss, punctuation.definition.attribute-selector.begin.bracket.square.scss, punctuation.definition.attribute-selector.end.bracket.square.scss, punctuation.definition.interpolation.begin.bracket.curly.scss, punctuation.definition.interpolation.end.bracket.curly.scss, punctuation.section.function.scss, punctuation.separator.delimiter.scss, punctuation.separator.key-value.scss | #becbd8 | regular |
| entity.name.function.scss | #ff8080 | — |
| keyword.other.important.scss | — | bold |
| keyword.operator.scss | #becbd8 | — |
| meta.attribute-selector.scss | #9fa599 | — |
| entity.name.type.alias.tsx | #bec4b7 | — |
| entity.other.attribute-name.tsx | #dee6ec | — |
| comment.block.documentation.tsx, comment.block.tsx | #98abc1 | — |
| keyword.operator.type.annotation.tsx, meta.brace.round.tsx, meta.brace.square.tsx, punctuation.accessor.tsx, punctuation.definition.block.tsx, punctuation.definition.template-expression.begin.tsx, punctuation.definition.template-expression.end.tsx, punctuation.separator.comma.tsx, punctuation.separator.key-value.tsx | #becbd8 | — |
| entity.name.type.class.tsx, entity.name.type.tsx, support.class.builtin.tsx | #777d72 | — |
| support.class.component.tsx | #fa4848 | bold |
| entity.name.function.tsx, support.function.console.tsx, support.function.tsx | #ff8080 | — |
| entity.other.inherited-class.tsx | #bec4b7 | — |
| entity.name.type.interface.tsx | #777d72 | — |
| constant.language.null.tsx | #98abc1 | — |
| entity.name.type.module.tsx | #777d72 | — |
| keyword.operator.arithmetic.tsx, keyword.operator.assignment.compound.bitwise.tsx, keyword.operator.assignment.compound.tsx, keyword.operator.assignment.tsx, keyword.operator.comparison.tsx, keyword.operator.decrement.tsx, keyword.operator.increment.tsx, keyword.operator.logical.tsx, keyword.operator.relational.tsx, keyword.operator.ternary.tsx | #becbd8 | — |
| support.type.primitive.tsx | #bec4b7 | — |
| meta.object-literal.key.tsx, variable.other.constant.property.tsx, variable.other.object.property.tsx, variable.other.property.tsx | #fa4848 | normal |
| string.regexp.tsx | #bec4b7 | — |
| variable.language.super.tsx | #dee6ec | normal |
| entity.name.tag.tsx | #fa4848 | — |
| variable.language.this.tsx | #dee6ec | — |
| constant.language.undefined.tsx | #98abc1 | — |
| entity.name.type.alias.ts | #bec4b7 | — |
| comment.block.documentation.ts, comment.block.ts | #98abc1 | — |
| keyword.operator.type.annotation.ts, meta.brace.round.ts, meta.brace.square.ts, punctuation.accessor.ts, punctuation.definition.block.ts, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts | #becbd8 | — |
| entity.name.type.class.ts, entity.name.type.ts, support.class.builtin.ts | #777d72 | — |
| entity.name.function.ts, support.function.console.ts, support.function.ts | #ff8080 | — |
| entity.other.inherited-class.ts | #bec4b7 | — |
| entity.name.type.interface.ts | #777d72 | — |
| constant.language.null.ts | #98abc1 | — |
| entity.name.type.module.ts | #777d72 | — |
| keyword.operator.arithmetic.ts, keyword.operator.assignment.compound.bitwise.ts, keyword.operator.assignment.compound.ts, keyword.operator.assignment.ts, keyword.operator.comparison.ts, keyword.operator.decrement.ts, keyword.operator.increment.ts, keyword.operator.logical.ts, keyword.operator.relational.ts, keyword.operator.ternary.ts | #becbd8 | — |
| support.type.primitive.ts | #bec4b7 | — |
| variable.object.property.ts, variable.other.constant.property.ts, variable.other.object.property.ts, variable.other.property.ts | #fa4848 | normal |
| string.regexp.ts | #bec4b7 | — |
| variable.language.super.ts | #dee6ec | normal |
| variable.language.this.ts | #dee6ec | — |
| constant.language.undefined.ts | #98abc1 | — |
| entity.other.attribute-name.localname.xml | #dee6ec | — |
| entity.name.tag.localname.xml | #fa4848 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...