X-Change Life Twee Tools
Publisher: aphroditeThemes in package: 15
Language support for X-Change Life's X-Lowe (Harlowe-derived) Twee: highlighting, navigation, macro handbook, diagnostics, game-dev and modding tools.
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.background#08090b
- activityBar.border#45464873
- activityBar.foreground#f4f4f4
- activityBar.inactiveForeground#727374e6
- activityBarBadge.background#a77e8f
- activityBarBadge.foreground#0b0c0e
- badge.background#513f48e6
- badge.foreground#f4f4f4
- breadcrumb.activeSelectionForeground#f4f4f4
- breadcrumb.background#0b0c0e
- breadcrumb.focusForeground#7a7f7a
- breadcrumb.foreground#aeaeafe6
- breadcrumbPicker.background#0a0b0c
- button.background#a77e8f
- button.foreground#0b0c0e
- button.hoverBackground#9c7e8a
- descriptionForeground#aeaeafe6
- dropdown.background#08080a
- dropdown.border#45464873
- dropdown.foreground#f4f4f4
- dropdown.listBackground#08080a
- editor.background#0b0c0e
- editor.findMatchBackground#3d403fbf
- editor.findMatchHighlightBackground#2a2c2ca6
- editor.findRangeHighlightBackground#1f212173
- editor.foreground#f4f4f4
- editor.hoverHighlightBackground#21232473
- editor.inactiveSelectionBackground#2627278c
- editor.lineHighlightBackground#212121ff
- editor.selectionBackground#34363499
- editor.selectionHighlightBackground#2c2f2e99
- editor.wordHighlightBackground#32282e8c
- editor.wordHighlightStrongBackground#42343b99
- editorBracketHighlight.foreground1#8a908a
- editorBracketHighlight.foreground2#a77e8f
- editorBracketHighlight.foreground3#a0a0a0
- editorBracketHighlight.foreground4#7a7f7a
- editorBracketHighlight.foreground5#695a62
- editorBracketHighlight.foreground6#756d70
- editorBracketHighlight.unexpectedBracket.foreground#ff5c7a
- editorBracketMatch.background#23252659
- editorBracketMatch.border#8a908ae6
- editorBracketPairGuide.activeBackground1#8a908a80
- editorBracketPairGuide.activeBackground2#a77e8f80
- editorBracketPairGuide.activeBackground3#a0a0a080
- editorBracketPairGuide.activeBackground4#7a7f7a80
- editorBracketPairGuide.activeBackground5#695a6280
- editorBracketPairGuide.activeBackground6#756d7080
- editorBracketPairGuide.background1#8a908a40
- editorBracketPairGuide.background2#a77e8f40
- editorBracketPairGuide.background3#a0a0a040
- editorBracketPairGuide.background4#7a7f7a40
- editorBracketPairGuide.background5#695a6240
- editorBracketPairGuide.background6#756d7040
- editorCursor.background#0b0c0e
- editorCursor.foreground#8a908a
- editorError.foreground#ff5c7a
- editorGroup.border#45464873
- editorGroup.dropBackground#34363499
- editorGroup.dropIntoPromptBackground#08080a
- editorGroup.dropIntoPromptBorder#8a908a
- editorGroup.dropIntoPromptForeground#f4f4f4
- editorGroupHeader.border#45464873
- editorGroupHeader.noTabsBackground#0b0c0e
- editorGroupHeader.tabsBackground#0a0b0c
- editorGroupHeader.tabsBorder#45464873
- editorGutter.addedBackground#7ee787
- editorGutter.background#0b0c0e
- editorGutter.deletedBackground#ff5c7a
- editorGutter.modifiedBackground#79c0ff
- editorHint.foreground#7ee787
- editorHoverWidget.background#212121ff
- editorHoverWidget.border#45464873
- editorHoverWidget.foreground#f4f4f4
- editorIndentGuide.activeBackground#5152538c
- editorIndentGuide.background#3a3a3c59
- editorInfo.foreground#79c0ff
- editorLineNumber.activeForeground#a2a3a4d9
- editorLineNumber.foreground#5d5d5ea6
- editorLink.activeForeground#a77e8f
- editorRuler.foreground#35363759
- editorSuggestWidget.background#08080a
- editorSuggestWidget.border#45464873
- editorSuggestWidget.focusHighlightForeground#7a7f7a
- editorSuggestWidget.foreground#f4f4f4
- editorSuggestWidget.highlightForeground#7a7f7a
- editorSuggestWidget.selectedBackground#34363499
- editorSuggestWidget.selectedForeground#f4f4f4
- editorSuggestWidget.selectedIconForeground#a77e8f
- editorSuggestWidgetStatus.foreground#aeaeafe6
- editorWarning.foreground#ffb35c
- editorWhitespace.foreground#3a3a3c59
- editorWidget.background#08080a
- editorWidget.border#45464873
- editorWidget.foreground#f4f4f4
- editorWidget.resizeBorder#45464873
- errorForeground#ff5c7a
- focusBorder#8a908a
- foreground#f4f4f4
- input.background#08080a
- input.border#45464873
- input.foreground#f4f4f4
- inputValidation.errorBackground#ff5c7a33
- inputValidation.errorBorder#ff5c7a
- inputValidation.errorForeground#f4f4f4
- inputValidation.infoBackground#79c0ff33
- inputValidation.infoBorder#79c0ff
- inputValidation.infoForeground#f4f4f4
- inputValidation.warningBackground#ffb35c33
- inputValidation.warningBorder#ffb35c
- inputValidation.warningForeground#f4f4f4
- list.activeSelectionBackground#34363499
- list.activeSelectionForeground#f4f4f4
- list.activeSelectionIconForeground#f4f4f4
- list.errorForeground#ff5c7a
- list.filterMatchBackground#3d403fbf
- list.filterMatchBorder#8a908a
- list.focusAndSelectionOutline#8a908a
- list.focusBackground#34363499
- list.focusForeground#f4f4f4
- list.focusHighlightForeground#7a7f7a
- list.focusOutline#8a908a
- list.highlightForeground#a77e8f
- list.hoverBackground#21232473
- list.hoverForeground#f4f4f4
- list.inactiveFocusBackground#21232473
- list.inactiveFocusOutline#45464873
- list.inactiveSelectionBackground#2627278c
- list.inactiveSelectionForeground#f4f4f4
- list.inactiveSelectionIconForeground#f4f4f4
- list.invalidItemForeground#aeaeafe6
- list.warningForeground#ffb35c
- listFilterWidget.background#08080a
- listFilterWidget.noMatchesOutline#ff5c7a
- listFilterWidget.outline#45464873
- listFilterWidget.shadow#00000066
- menu.background#08080a
- menu.border#45464873
- menu.foreground#f4f4f4
- menu.selectionBackground#34363499
- menu.selectionBorder#8a908a
- menu.selectionForeground#f4f4f4
- menu.separatorBackground#45464873
- menubar.selectionBackground#34363499
- menubar.selectionBorder#8a908a
- menubar.selectionForeground#f4f4f4
- notificationCenter.border#45464873
- notificationCenterHeader.background#090a0cff
- notificationCenterHeader.foreground#f4f4f4
- notificationLink.foreground#a77e8f
- notifications.background#0a0b0c
- notifications.border#45464873
- notifications.foreground#f4f4f4
- notificationsErrorIcon.foreground#ff5c7a
- notificationsInfoIcon.foreground#79c0ff
- notificationsWarningIcon.foreground#ffb35c
- notificationToast.border#45464873
- panel.background#0a0b0c
- panel.border#45464873
- panelTitle.activeForeground#f4f4f4
- panelTitle.inactiveForeground#737474e6
- pickerGroup.border#45464873
- pickerGroup.foreground#a77e8f
- quickInput.background#0a0b0c
- quickInput.foreground#f4f4f4
- quickInputList.focusBackground#34363499
- quickInputList.focusForeground#f4f4f4
- quickInputList.focusIconForeground#a77e8f
- quickInputTitle.background#090a0cff
- sideBar.background#090a0b
- sideBar.border#45464873
- sideBar.foreground#d8d8d8eb
- sideBarSectionHeader.background#090a0cff
- sideBarSectionHeader.foreground#f4f4f4
- sideBarTitle.foreground#f4f4f4
- statusBar.background#08090a
- statusBar.border#45464873
- statusBar.debuggingBackground#a93f53
- statusBar.foreground#f4f4f4
- statusBar.noFolderBackground#08090a
- tab.activeBackground#0b0c0e
- tab.activeBorder#8a908a
- tab.activeForeground#f4f4f4
- tab.activeModifiedBorder#8a908a
- tab.border#45464873
- tab.hoverBackground#212121ff
- tab.hoverForeground#f4f4f4
- tab.inactiveBackground#0a0b0c
- tab.inactiveForeground#737474e6
- tab.inactiveModifiedBorder#8a908a99
- tab.lastPinnedBorder#8a908a
- tab.unfocusedActiveBackground#0b0c0e
- tab.unfocusedActiveBorder#8a908a99
- tab.unfocusedActiveForeground#f4f4f4
- tab.unfocusedActiveModifiedBorder#8a908a80
- tab.unfocusedHoverBackground#212121ff
- tab.unfocusedHoverForeground#f4f4f4
- tab.unfocusedInactiveBackground#0a0b0c
- tab.unfocusedInactiveForeground#737474e6
- tab.unfocusedInactiveModifiedBorder#8a908a66
- terminal.background#0b0c0e
- terminal.foreground#f4f4f4
- terminalCursor.background#0b0c0e
- terminalCursor.foreground#8a908a
- textLink.activeForeground#7a7f7a
- textLink.foreground#a77e8f
- titleBar.activeBackground#08090b
- titleBar.activeForeground#f4f4f4
- titleBar.border#45464873
- titleBar.inactiveBackground#08090be6
- titleBar.inactiveForeground#727374e6
- widget.border#45464873
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.block, comment.line, punctuation.definition.comment | #767676 | italic |
| string, string.quoted, string.quoted.double.xcl-twee, string.quoted.single.xcl-twee, string.other.link.title.xcl-twee | #a0a0a0 | — |
| constant.numeric, constant.numeric.xcl-twee | #7a7f7a | — |
| constant.language.boolean, constant.language.boolean.xcl-twee, constant.language, constant.character.escape | #7a7f7a | — |
| keyword, keyword.operator, keyword.operator.xcl-twee, keyword.operator.arithmetic.xcl-twee, keyword.control, keyword.control.whitespace-collapse.xcl-twee | #858585 | |
| variable, variable.other, variable.other.xcl-twee, variable.other.identifier.xcl-twee, variable.parameter | #7a7f7a | — |
| entity.name.function, support.function, entity.name.function.macro.xcl-twee, support.function.macro.custom.xcl-twee | #858585 | — |
| support.function.macro.navigation.xcl-twee | #a77e8f | bold |
| support.function.macro.audio.xcl-twee | #7a7f7a | |
| support.function.macro.ui.xcl-twee | #7a7f7a | |
| entity.name.section.passage.xcl-twee | #a77e8f | bold |
| punctuation.definition.passage.begin.xcl-twee | #767676 | bold |
| entity.name.tag.hook.xcl-twee | #858585 | — |
| entity.name.tag.html, entity.name.tag.other.html, entity.name.tag | #858585 | — |
| entity.other.attribute-name.html, entity.other.attribute-name | #7a7f7a | — |
| invalid, invalid.illegal, invalid.illegal.unclosed.macro.xcl-twee, invalid.illegal.unclosed.hook.xcl-twee | #ff5c7a | underline |
| punctuation.section.parens.begin.xcl-twee, punctuation.section.parens.end.xcl-twee | #8a908a | bold |
| punctuation.section.brackets.begin.xcl-twee, punctuation.section.brackets.end.xcl-twee | #a77e8f | bold |
| punctuation.section.braces.begin.xcl-twee, punctuation.section.braces.end.xcl-twee | #7a7f7a | |
| punctuation.separator.key-value.xcl-twee | #695a62 | bold |
| punctuation.definition.link.begin.xcl-twee, punctuation.definition.link.end.xcl-twee | #a77e8f | bold |
| entity.other.attribute-name.passage.tag.xcl-twee | #a77e8f | italic |
| punctuation.definition.directive.begin.xcl-twee | #7a7f7a | bold |
| keyword.operator.comparison.word.xcl-twee, keyword.operator.logical.xcl-twee, keyword.operator.assignment.word.xcl-twee, keyword.operator.existence.xcl-twee, keyword.operator.comparison.xcl-twee, keyword.operator.assignment.augmented.xcl-twee, keyword.operator.assignment.xcl-twee, keyword.operator.bind.xcl-twee, keyword.operator.spread.xcl-twee, keyword.operator.possessive.xcl-twee, keyword.operator.property.xcl-twee | #858585 | — |
| keyword.control.lambda.xcl-twee | #858585 | italic |
| keyword.control.macro.flow.xcl-twee | #a77e8f | — |
| support.function.macro.javascript.xcl-twee, keyword.other.script-timing.xcl-twee | #a77e8f | bold |
| support.type.datatype.xcl-twee, keyword.operator.type-signature.xcl-twee, keyword.operator.type-union.xcl-twee | #a77e8f | italic |
| variable.language.identifier.xcl-twee | #7a7f7a | italic |
| variable.other.story.xcl-twee | #7a7f7a | — |
| variable.other.temp.xcl-twee | #7a7f7a | italic |
| constant.numeric.ordinal.xcl-twee, keyword.other.unit.time.xcl-twee | #7a7f7a | — |
| constant.other.colour.name.xcl-twee, constant.other.colour.hex.xcl-twee | #a0a0a0 | — |
| constant.character.escape.xcl-twee, constant.character.escape.linebreak.xcl-twee | #767676 | — |
| markup.raw.verbatim.xcl-twee | #a0a0a0 | — |
| punctuation.definition.raw.begin.xcl-twee, punctuation.definition.raw.end.xcl-twee | #767676 | — |
| markup.bold.xcl-twee, markup.bold.strong.xcl-twee | — | bold |
| markup.italic.xcl-twee, markup.italic.emphasis.xcl-twee | — | italic |
| markup.strikethrough.xcl-twee | — | strikethrough |
| markup.superscript.xcl-twee | — | underline |
| punctuation.definition.bold.xcl-twee, punctuation.definition.italic.xcl-twee, punctuation.definition.strikethrough.xcl-twee, punctuation.definition.superscript.xcl-twee, punctuation.definition.strong.xcl-twee, punctuation.definition.emphasis.xcl-twee | #767676 | — |
| punctuation.definition.heading.xcl-twee, punctuation.definition.list.bullet.xcl-twee, punctuation.definition.list.numbered.xcl-twee, keyword.control.aligner.xcl-twee, keyword.control.column.xcl-twee, meta.separator.hr.xcl-twee | #858585 | bold |
| entity.name.section.passage.link.xcl-twee | #a77e8f | underline |
| string.other.link.title.xcl-twee | #a0a0a0 | — |
| keyword.operator.link.xcl-twee, punctuation.definition.link.begin.xcl-twee, punctuation.definition.link.end.xcl-twee | #858585 | — |
| keyword.other.passage.tag.special.xcl-twee | #a77e8f | bold |
| punctuation.definition.tags.xcl-twee | #767676 | — |
| entity.name.tag.hook.reference.xcl-twee, punctuation.definition.hook.reference.xcl-twee, punctuation.definition.hook.name.xcl-twee | #858585 | — |
| invalid.illegal.unclosed.macro.xcl-twee, invalid.illegal.unclosed.hook.xcl-twee, invalid.illegal.unclosed.block.xcl-twee | #ff5c7a | underline |
| invalid.illegal.operator.xcl-twee | #ff5c7a | underline |
| punctuation.section.parens.begin.xcl-twee, punctuation.section.parens.end.xcl-twee, punctuation.separator.key-value.xcl-twee | #858585 | — |
| punctuation.section.brackets.begin.xcl-twee, punctuation.section.brackets.end.xcl-twee | #858585 | — |
| punctuation.section.braces.begin.xcl-twee, punctuation.section.braces.end.xcl-twee, keyword.control.whitespace-collapse.xcl-twee | #858585 | — |
| punctuation.separator.comma.xcl-twee | #767676 | — |