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#151912
- activityBar.border#4a504473
- activityBar.foreground#d7deca
- activityBar.inactiveForeground#6c7265e6
- activityBarBadge.background#b4d17a
- activityBarBadge.foreground#1b2118
- badge.background#607044e6
- badge.foreground#d7deca
- breadcrumb.activeSelectionForeground#d7deca
- breadcrumb.background#1b2118
- breadcrumb.focusForeground#b7c36d
- breadcrumb.foreground#9fa595e6
- breadcrumbPicker.background#181d15
- button.background#b4d17a
- button.foreground#1b2118
- button.hoverBackground#b5ce77
- descriptionForeground#9fa595e6
- dropdown.background#131711
- dropdown.border#4a504473
- dropdown.foreground#d7deca
- dropdown.listBackground#131711
- editor.background#1b2118
- editor.findMatchBackground#616a3ebf
- editor.findMatchHighlightBackground#474e30a6
- editor.findRangeHighlightBackground#373e2773
- editor.foreground#d7deca
- editor.hoverHighlightBackground#3a412973
- editor.inactiveSelectionBackground#3f462c8c
- editor.lineHighlightBackground#2a3026ff
- editor.selectionBackground#525a3699
- editor.selectionHighlightBackground#4a523299
- editor.wordHighlightBackground#414d308c
- editor.wordHighlightStrongBackground#515f3a99
- editorBracketHighlight.foreground1#b7c36d
- editorBracketHighlight.foreground2#b4d17a
- editorBracketHighlight.foreground3#d2eaa0
- editorBracketHighlight.foreground4#8a9b74
- editorBracketHighlight.foreground5#7a9b4a
- editorBracketHighlight.foreground6#607044
- editorBracketHighlight.unexpectedBracket.foreground#ff5c7a
- editorBracketMatch.background#3d452b59
- editorBracketMatch.border#b7c36de6
- editorBracketPairGuide.activeBackground1#b7c36d80
- editorBracketPairGuide.activeBackground2#b4d17a80
- editorBracketPairGuide.activeBackground3#d2eaa080
- editorBracketPairGuide.activeBackground4#8a9b7480
- editorBracketPairGuide.activeBackground5#7a9b4a80
- editorBracketPairGuide.activeBackground6#60704480
- editorBracketPairGuide.background1#b7c36d40
- editorBracketPairGuide.background2#b4d17a40
- editorBracketPairGuide.background3#d2eaa040
- editorBracketPairGuide.background4#8a9b7440
- editorBracketPairGuide.background5#7a9b4a40
- editorBracketPairGuide.background6#60704440
- editorCursor.background#1b2118
- editorCursor.foreground#b7c36d
- editorError.foreground#ff5c7a
- editorGroup.border#4a504473
- editorGroup.dropBackground#525a3699
- editorGroup.dropIntoPromptBackground#131711
- editorGroup.dropIntoPromptBorder#b7c36d
- editorGroup.dropIntoPromptForeground#d7deca
- editorGroupHeader.border#4a504473
- editorGroupHeader.noTabsBackground#1b2118
- editorGroupHeader.tabsBackground#181d15
- editorGroupHeader.tabsBorder#4a504473
- editorGutter.addedBackground#7ee787
- editorGutter.background#1b2118
- editorGutter.deletedBackground#ff5c7a
- editorGutter.modifiedBackground#79c0ff
- editorHint.foreground#7ee787
- editorHoverWidget.background#2a3026ff
- editorHoverWidget.border#4a504473
- editorHoverWidget.foreground#d7deca
- editorIndentGuide.activeBackground#535a4d8c
- editorIndentGuide.background#41473c59
- editorInfo.foreground#79c0ff
- editorLineNumber.activeForeground#959c8cd9
- editorLineNumber.foreground#5d6356a6
- editorLink.activeForeground#b4d17a
- editorRuler.foreground#3d433859
- editorSuggestWidget.background#131711
- editorSuggestWidget.border#4a504473
- editorSuggestWidget.focusHighlightForeground#b7c36d
- editorSuggestWidget.foreground#d7deca
- editorSuggestWidget.highlightForeground#b7c36d
- editorSuggestWidget.selectedBackground#525a3699
- editorSuggestWidget.selectedForeground#d7deca
- editorSuggestWidget.selectedIconForeground#b4d17a
- editorSuggestWidgetStatus.foreground#9fa595e6
- editorWarning.foreground#ffb35c
- editorWhitespace.foreground#41473c59
- editorWidget.background#131711
- editorWidget.border#4a504473
- editorWidget.foreground#d7deca
- editorWidget.resizeBorder#4a504473
- errorForeground#ff5c7a
- focusBorder#b7c36d
- foreground#d7deca
- input.background#131711
- input.border#4a504473
- input.foreground#d7deca
- inputValidation.errorBackground#ff5c7a33
- inputValidation.errorBorder#ff5c7a
- inputValidation.errorForeground#d7deca
- inputValidation.infoBackground#79c0ff33
- inputValidation.infoBorder#79c0ff
- inputValidation.infoForeground#d7deca
- inputValidation.warningBackground#ffb35c33
- inputValidation.warningBorder#ffb35c
- inputValidation.warningForeground#d7deca
- list.activeSelectionBackground#525a3699
- list.activeSelectionForeground#d7deca
- list.activeSelectionIconForeground#d7deca
- list.errorForeground#ff5c7a
- list.filterMatchBackground#616a3ebf
- list.filterMatchBorder#b7c36d
- list.focusAndSelectionOutline#b7c36d
- list.focusBackground#525a3699
- list.focusForeground#d7deca
- list.focusHighlightForeground#b7c36d
- list.focusOutline#b7c36d
- list.highlightForeground#b4d17a
- list.hoverBackground#3a412973
- list.hoverForeground#d7deca
- list.inactiveFocusBackground#3a412973
- list.inactiveFocusOutline#4a504473
- list.inactiveSelectionBackground#3f462c8c
- list.inactiveSelectionForeground#d7deca
- list.inactiveSelectionIconForeground#d7deca
- list.invalidItemForeground#9fa595e6
- list.warningForeground#ffb35c
- listFilterWidget.background#131711
- listFilterWidget.noMatchesOutline#ff5c7a
- listFilterWidget.outline#4a504473
- listFilterWidget.shadow#00000066
- menu.background#131711
- menu.border#4a504473
- menu.foreground#d7deca
- menu.selectionBackground#525a3699
- menu.selectionBorder#b7c36d
- menu.selectionForeground#d7deca
- menu.separatorBackground#4a504473
- menubar.selectionBackground#525a3699
- menubar.selectionBorder#b7c36d
- menubar.selectionForeground#d7deca
- notificationCenter.border#4a504473
- notificationCenterHeader.background#171c15ff
- notificationCenterHeader.foreground#d7deca
- notificationLink.foreground#b4d17a
- notifications.background#181d15
- notifications.border#4a504473
- notifications.foreground#d7deca
- notificationsErrorIcon.foreground#ff5c7a
- notificationsInfoIcon.foreground#79c0ff
- notificationsWarningIcon.foreground#ffb35c
- notificationToast.border#4a504473
- panel.background#181d15
- panel.border#4a504473
- panelTitle.activeForeground#d7deca
- panelTitle.inactiveForeground#6e7466e6
- pickerGroup.border#4a504473
- pickerGroup.foreground#b4d17a
- quickInput.background#181d15
- quickInput.foreground#d7deca
- quickInputList.focusBackground#525a3699
- quickInputList.focusForeground#d7deca
- quickInputList.focusIconForeground#b4d17a
- quickInputTitle.background#171c15ff
- sideBar.background#161b14
- sideBar.border#4a504473
- sideBar.foreground#c0c7b4eb
- sideBarSectionHeader.background#171c15ff
- sideBarSectionHeader.foreground#d7deca
- sideBarTitle.foreground#d7deca
- statusBar.background#131811
- statusBar.border#4a504473
- statusBar.debuggingBackground#ac4455
- statusBar.foreground#d7deca
- statusBar.noFolderBackground#131811
- tab.activeBackground#1b2118
- tab.activeBorder#b7c36d
- tab.activeForeground#d7deca
- tab.activeModifiedBorder#b7c36d
- tab.border#4a504473
- tab.hoverBackground#2a3026ff
- tab.hoverForeground#d7deca
- tab.inactiveBackground#181d15
- tab.inactiveForeground#6e7466e6
- tab.inactiveModifiedBorder#b7c36d99
- tab.lastPinnedBorder#b7c36d
- tab.unfocusedActiveBackground#1b2118
- tab.unfocusedActiveBorder#b7c36d99
- tab.unfocusedActiveForeground#d7deca
- tab.unfocusedActiveModifiedBorder#b7c36d80
- tab.unfocusedHoverBackground#2a3026ff
- tab.unfocusedHoverForeground#d7deca
- tab.unfocusedInactiveBackground#181d15
- tab.unfocusedInactiveForeground#6e7466e6
- tab.unfocusedInactiveModifiedBorder#b7c36d66
- terminal.background#1b2118
- terminal.foreground#d7deca
- terminalCursor.background#1b2118
- terminalCursor.foreground#b7c36d
- textLink.activeForeground#b7c36d
- textLink.foreground#b4d17a
- titleBar.activeBackground#151912
- titleBar.activeForeground#d7deca
- titleBar.border#4a504473
- titleBar.inactiveBackground#151912e6
- titleBar.inactiveForeground#6c7265e6
- widget.border#4a504473
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.block, comment.line, punctuation.definition.comment | #6f726c | italic |
| string, string.quoted, string.quoted.double.xcl-twee, string.quoted.single.xcl-twee, string.other.link.title.xcl-twee | #d2eaa0 | — |
| constant.numeric, constant.numeric.xcl-twee | #b7c36d | — |
| constant.language.boolean, constant.language.boolean.xcl-twee, constant.language, constant.character.escape | #b7c36d | — |
| keyword, keyword.operator, keyword.operator.xcl-twee, keyword.operator.arithmetic.xcl-twee, keyword.control, keyword.control.whitespace-collapse.xcl-twee | #7a9b4a | |
| variable, variable.other, variable.other.xcl-twee, variable.other.identifier.xcl-twee, variable.parameter | #8a9b74 | — |
| entity.name.function, support.function, entity.name.function.macro.xcl-twee, support.function.macro.custom.xcl-twee | #7a9b4a | — |
| support.function.macro.navigation.xcl-twee | #b4d17a | bold |
| support.function.macro.audio.xcl-twee | #b7c36d | |
| support.function.macro.ui.xcl-twee | #8a9b74 | |
| entity.name.section.passage.xcl-twee | #b4d17a | bold |
| punctuation.definition.passage.begin.xcl-twee | #6f726c | bold |
| entity.name.tag.hook.xcl-twee | #7a9b4a | — |
| entity.name.tag.html, entity.name.tag.other.html, entity.name.tag | #7a9b4a | — |
| entity.other.attribute-name.html, entity.other.attribute-name | #8a9b74 | — |
| 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 | #b7c36d | bold |
| punctuation.section.brackets.begin.xcl-twee, punctuation.section.brackets.end.xcl-twee | #b4d17a | bold |
| punctuation.section.braces.begin.xcl-twee, punctuation.section.braces.end.xcl-twee | #8a9b74 | |
| punctuation.separator.key-value.xcl-twee | #7a9b4a | bold |
| punctuation.definition.link.begin.xcl-twee, punctuation.definition.link.end.xcl-twee | #b4d17a | bold |
| entity.other.attribute-name.passage.tag.xcl-twee | #b4d17a | italic |
| punctuation.definition.directive.begin.xcl-twee | #8a9b74 | 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 | #7a9b4a | — |
| keyword.control.lambda.xcl-twee | #7a9b4a | italic |
| keyword.control.macro.flow.xcl-twee | #b4d17a | — |
| support.function.macro.javascript.xcl-twee, keyword.other.script-timing.xcl-twee | #b4d17a | bold |
| support.type.datatype.xcl-twee, keyword.operator.type-signature.xcl-twee, keyword.operator.type-union.xcl-twee | #b4d17a | italic |
| variable.language.identifier.xcl-twee | #8a9b74 | italic |
| variable.other.story.xcl-twee | #8a9b74 | — |
| variable.other.temp.xcl-twee | #8a9b74 | italic |
| constant.numeric.ordinal.xcl-twee, keyword.other.unit.time.xcl-twee | #b7c36d | — |
| constant.other.colour.name.xcl-twee, constant.other.colour.hex.xcl-twee | #d2eaa0 | — |
| constant.character.escape.xcl-twee, constant.character.escape.linebreak.xcl-twee | #6f726c | — |
| markup.raw.verbatim.xcl-twee | #d2eaa0 | — |
| punctuation.definition.raw.begin.xcl-twee, punctuation.definition.raw.end.xcl-twee | #6f726c | — |
| 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 | #6f726c | — |
| 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 | #7a9b4a | bold |
| entity.name.section.passage.link.xcl-twee | #b4d17a | underline |
| string.other.link.title.xcl-twee | #d2eaa0 | — |
| keyword.operator.link.xcl-twee, punctuation.definition.link.begin.xcl-twee, punctuation.definition.link.end.xcl-twee | #7a9b4a | — |
| keyword.other.passage.tag.special.xcl-twee | #b4d17a | bold |
| punctuation.definition.tags.xcl-twee | #6f726c | — |
| entity.name.tag.hook.reference.xcl-twee, punctuation.definition.hook.reference.xcl-twee, punctuation.definition.hook.name.xcl-twee | #7a9b4a | — |
| 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 | #7a9b4a | — |
| punctuation.section.brackets.begin.xcl-twee, punctuation.section.brackets.end.xcl-twee | #7a9b4a | — |
| punctuation.section.braces.begin.xcl-twee, punctuation.section.braces.end.xcl-twee, keyword.control.whitespace-collapse.xcl-twee | #7a9b4a | — |
| punctuation.separator.comma.xcl-twee | #6f726c | — |