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#d1d1bc
- activityBar.border#a4a39459
- activityBar.foreground#333030
- activityBar.inactiveForeground#8a897de6
- activityBarBadge.background#5c7250
- activityBarBadge.foreground#ffffff
- badge.background#c6cbb2e6
- badge.foreground#333030
- breadcrumb.activeSelectionForeground#333030
- breadcrumb.background#e1e1ca
- breadcrumb.focusForeground#0e450b
- breadcrumb.foreground#67655ee6
- breadcrumbPicker.background#dadac4
- button.background#5c7250
- button.foreground#ffffff
- button.hoverBackground#48673f
- descriptionForeground#67655ee6
- dropdown.background#cfcfba
- dropdown.border#a4a39459
- dropdown.foreground#333030
- dropdown.listBackground#cfcfba
- editor.background#e1e1ca
- editor.findMatchBackground#acba9a8c
- editor.findMatchHighlightBackground#c1caad66
- editor.findRangeHighlightBackground#ccd1b740
- editor.foreground#333030
- editor.hoverHighlightBackground#ccd1b740
- editor.inactiveSelectionBackground#cfd7c38c
- editor.lineHighlightBackground#ecece4ff
- editor.selectionBackground#c6d1bf66
- editor.selectionHighlightBackground#bbc5a859
- editor.wordHighlightBackground#d1d4bb4c
- editor.wordHighlightStrongBackground#c9cdb457
- editorBracketHighlight.foreground1#0e450b
- editorBracketHighlight.foreground2#5c7250
- editorBracketHighlight.foreground3#695c33
- editorBracketHighlight.foreground4#7c7e71
- editorBracketHighlight.foreground5#295523
- editorBracketHighlight.foreground6#416238
- editorBracketHighlight.unexpectedBracket.foreground#b00020
- editorBracketMatch.background#ccd1b738
- editorBracketMatch.border#0e450be6
- editorBracketPairGuide.activeBackground1#0e450b80
- editorBracketPairGuide.activeBackground2#5c725080
- editorBracketPairGuide.activeBackground3#695c3380
- editorBracketPairGuide.activeBackground4#7c7e7180
- editorBracketPairGuide.activeBackground5#29552380
- editorBracketPairGuide.activeBackground6#41623880
- editorBracketPairGuide.background1#0e450b40
- editorBracketPairGuide.background2#5c725040
- editorBracketPairGuide.background3#695c3340
- editorBracketPairGuide.background4#7c7e7140
- editorBracketPairGuide.background5#29552340
- editorBracketPairGuide.background6#41623840
- editorCursor.background#e1e1ca
- editorCursor.foreground#0e450b
- editorError.foreground#b00020
- editorGroup.border#a4a39459
- editorGroup.dropBackground#c6d1bf66
- editorGroup.dropIntoPromptBackground#cfcfba
- editorGroup.dropIntoPromptBorder#0e450b
- editorGroup.dropIntoPromptForeground#333030
- editorGroupHeader.border#a4a39459
- editorGroupHeader.noTabsBackground#e1e1ca
- editorGroupHeader.tabsBackground#dadac4
- editorGroupHeader.tabsBorder#a4a39459
- editorGutter.addedBackground#2e7d32
- editorGutter.background#e1e1ca
- editorGutter.deletedBackground#b00020
- editorGutter.modifiedBackground#1e40af
- editorHint.foreground#2e7d32
- editorHoverWidget.background#ecece4ff
- editorHoverWidget.border#a4a39459
- editorHoverWidget.foreground#333030
- editorIndentGuide.activeBackground#9b9a8c66
- editorIndentGuide.background#b6b5a440
- editorInfo.foreground#1e40af
- editorLineNumber.activeForeground#706e66d9
- editorLineNumber.foreground#a4a394a6
- editorLink.activeForeground#5c7250
- editorRuler.foreground#c2c1ae59
- editorSuggestWidget.background#cfcfba
- editorSuggestWidget.border#a4a39459
- editorSuggestWidget.focusHighlightForeground#0e450b
- editorSuggestWidget.foreground#333030
- editorSuggestWidget.highlightForeground#0e450b
- editorSuggestWidget.selectedBackground#c6cbb2e6
- editorSuggestWidget.selectedForeground#333030
- editorSuggestWidget.selectedIconForeground#5c7250
- editorSuggestWidgetStatus.foreground#67655ee6
- editorWarning.foreground#b45309
- editorWhitespace.foreground#bebeab59
- editorWidget.background#cfcfba
- editorWidget.border#a4a39459
- editorWidget.foreground#333030
- editorWidget.resizeBorder#a4a39459
- errorForeground#b00020
- focusBorder#0e450b
- foreground#333030
- input.background#cfcfba
- input.border#a4a39459
- input.foreground#333030
- inputValidation.errorBackground#b0002026
- inputValidation.errorBorder#b00020
- inputValidation.errorForeground#333030
- inputValidation.infoBackground#1e40af26
- inputValidation.infoBorder#1e40af
- inputValidation.infoForeground#333030
- inputValidation.warningBackground#b4530926
- inputValidation.warningBorder#b45309
- inputValidation.warningForeground#333030
- list.activeSelectionBackground#c6cbb2e6
- list.activeSelectionForeground#333030
- list.activeSelectionIconForeground#333030
- list.errorForeground#b00020
- list.filterMatchBackground#acba9a8c
- list.filterMatchBorder#0e450b
- list.focusAndSelectionOutline#0e450b
- list.focusBackground#c6cbb2e6
- list.focusForeground#333030
- list.focusHighlightForeground#0e450b
- list.focusOutline#0e450b
- list.highlightForeground#5c7250
- list.hoverBackground#ccd1b740
- list.hoverForeground#333030
- list.inactiveFocusBackground#ccd1b740
- list.inactiveFocusOutline#a4a39459
- list.inactiveSelectionBackground#c6cbb2e6
- list.inactiveSelectionForeground#333030
- list.inactiveSelectionIconForeground#333030
- list.invalidItemForeground#67655ee6
- list.warningForeground#b45309
- listFilterWidget.background#cfcfba
- listFilterWidget.noMatchesOutline#b00020
- listFilterWidget.outline#a4a39459
- listFilterWidget.shadow#0000001f
- menu.background#cfcfba
- menu.border#a4a39459
- menu.foreground#333030
- menu.selectionBackground#c6cbb2e6
- menu.selectionBorder#0e450b
- menu.selectionForeground#333030
- menu.separatorBackground#a4a39459
- menubar.selectionBackground#c6cbb2e6
- menubar.selectionBorder#0e450b
- menubar.selectionForeground#333030
- notificationCenter.border#a4a39459
- notificationCenterHeader.background#d8d8c2ff
- notificationCenterHeader.foreground#333030
- notificationLink.foreground#5c7250
- notifications.background#dadac4
- notifications.border#a4a39459
- notifications.foreground#333030
- notificationsErrorIcon.foreground#b00020
- notificationsInfoIcon.foreground#1e40af
- notificationsWarningIcon.foreground#b45309
- notificationToast.border#a4a39459
- panel.background#dadac4
- panel.border#a4a39459
- panelTitle.activeForeground#333030
- panelTitle.inactiveForeground#8f8e81e6
- pickerGroup.border#a4a39459
- pickerGroup.foreground#5c7250
- quickInput.background#dadac4
- quickInput.foreground#333030
- quickInputList.focusBackground#c6cbb2e6
- quickInputList.focusForeground#333030
- quickInputList.focusIconForeground#5c7250
- quickInputTitle.background#d8d8c2ff
- sideBar.background#d6d6c0
- sideBar.border#a4a39459
- sideBar.foreground#474441eb
- sideBarSectionHeader.background#d8d8c2ff
- sideBarSectionHeader.foreground#333030
- sideBarTitle.foreground#333030
- statusBar.background#cdcdb8
- statusBar.border#a4a39459
- statusBar.debuggingBackground#ba4855
- statusBar.foreground#333030
- statusBar.noFolderBackground#cdcdb8
- tab.activeBackground#e1e1ca
- tab.activeBorder#0e450b
- tab.activeForeground#333030
- tab.activeModifiedBorder#0e450b
- tab.border#a4a39459
- tab.hoverBackground#ecece4ff
- tab.hoverForeground#333030
- tab.inactiveBackground#dadac4
- tab.inactiveForeground#8f8e81e6
- tab.inactiveModifiedBorder#0e450b99
- tab.lastPinnedBorder#0e450b
- tab.unfocusedActiveBackground#e1e1ca
- tab.unfocusedActiveBorder#0e450b99
- tab.unfocusedActiveForeground#333030
- tab.unfocusedActiveModifiedBorder#0e450b80
- tab.unfocusedHoverBackground#ecece4ff
- tab.unfocusedHoverForeground#333030
- tab.unfocusedInactiveBackground#dadac4
- tab.unfocusedInactiveForeground#8f8e81e6
- tab.unfocusedInactiveModifiedBorder#0e450b66
- terminal.background#e1e1ca
- terminal.foreground#333030
- terminalCursor.background#e1e1ca
- terminalCursor.foreground#0e450b
- textLink.activeForeground#0e450b
- textLink.foreground#5c7250
- titleBar.activeBackground#d1d1bc
- titleBar.activeForeground#333030
- titleBar.border#a4a39459
- titleBar.inactiveBackground#d1d1bce6
- titleBar.inactiveForeground#8a897de6
- widget.border#a4a39459
- widget.shadow#0000001f
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.block, comment.line, punctuation.definition.comment | #888886 | italic |
| string, string.quoted, string.quoted.double.xcl-twee, string.quoted.single.xcl-twee, string.other.link.title.xcl-twee | #695c33 | — |
| constant.numeric, constant.numeric.xcl-twee | #0e450b | — |
| constant.language.boolean, constant.language.boolean.xcl-twee, constant.language, constant.character.escape | #0e450b | — |
| keyword, keyword.operator, keyword.operator.xcl-twee, keyword.operator.arithmetic.xcl-twee, keyword.control, keyword.control.whitespace-collapse.xcl-twee | #5c7250 | |
| variable, variable.other, variable.other.xcl-twee, variable.other.identifier.xcl-twee, variable.parameter | #5e7153 | — |
| entity.name.function, support.function, entity.name.function.macro.xcl-twee, support.function.macro.custom.xcl-twee | #5c7250 | — |
| support.function.macro.navigation.xcl-twee | #5c7250 | bold |
| support.function.macro.audio.xcl-twee | #0e450b | |
| support.function.macro.ui.xcl-twee | #5e7153 | |
| entity.name.section.passage.xcl-twee | #5c7250 | bold |
| punctuation.definition.passage.begin.xcl-twee | #888886 | bold |
| entity.name.tag.hook.xcl-twee | #5c7250 | — |
| entity.name.tag.html, entity.name.tag.other.html, entity.name.tag | #5c7250 | — |
| entity.other.attribute-name.html, entity.other.attribute-name | #5e7153 | — |
| invalid, invalid.illegal, invalid.illegal.unclosed.macro.xcl-twee, invalid.illegal.unclosed.hook.xcl-twee | #b00020 | underline |
| punctuation.section.parens.begin.xcl-twee, punctuation.section.parens.end.xcl-twee | #0e450b | bold |
| punctuation.section.brackets.begin.xcl-twee, punctuation.section.brackets.end.xcl-twee | #5c7250 | bold |
| punctuation.section.braces.begin.xcl-twee, punctuation.section.braces.end.xcl-twee | #7c7e71 | |
| punctuation.separator.key-value.xcl-twee | #295523 | bold |
| punctuation.definition.link.begin.xcl-twee, punctuation.definition.link.end.xcl-twee | #5c7250 | bold |
| entity.other.attribute-name.passage.tag.xcl-twee | #5c7250 | italic |
| punctuation.definition.directive.begin.xcl-twee | #7c7e71 | 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 | #5c7250 | — |
| keyword.control.lambda.xcl-twee | #5c7250 | italic |
| keyword.control.macro.flow.xcl-twee | #5c7250 | — |
| support.function.macro.javascript.xcl-twee, keyword.other.script-timing.xcl-twee | #5c7250 | bold |
| support.type.datatype.xcl-twee, keyword.operator.type-signature.xcl-twee, keyword.operator.type-union.xcl-twee | #5c7250 | italic |
| variable.language.identifier.xcl-twee | #5e7153 | italic |
| variable.other.story.xcl-twee | #5e7153 | — |
| variable.other.temp.xcl-twee | #5e7153 | italic |
| constant.numeric.ordinal.xcl-twee, keyword.other.unit.time.xcl-twee | #0e450b | — |
| constant.other.colour.name.xcl-twee, constant.other.colour.hex.xcl-twee | #695c33 | — |
| constant.character.escape.xcl-twee, constant.character.escape.linebreak.xcl-twee | #888886 | — |
| markup.raw.verbatim.xcl-twee | #695c33 | — |
| punctuation.definition.raw.begin.xcl-twee, punctuation.definition.raw.end.xcl-twee | #888886 | — |
| 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 | #888886 | — |
| 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 | #5c7250 | bold |
| entity.name.section.passage.link.xcl-twee | #5c7250 | underline |
| string.other.link.title.xcl-twee | #695c33 | — |
| keyword.operator.link.xcl-twee, punctuation.definition.link.begin.xcl-twee, punctuation.definition.link.end.xcl-twee | #5c7250 | — |
| keyword.other.passage.tag.special.xcl-twee | #5c7250 | bold |
| punctuation.definition.tags.xcl-twee | #888886 | — |
| entity.name.tag.hook.reference.xcl-twee, punctuation.definition.hook.reference.xcl-twee, punctuation.definition.hook.name.xcl-twee | #5c7250 | — |
| invalid.illegal.unclosed.macro.xcl-twee, invalid.illegal.unclosed.hook.xcl-twee, invalid.illegal.unclosed.block.xcl-twee | #b00020 | underline |
| invalid.illegal.operator.xcl-twee | #b00020 | underline |
| punctuation.section.parens.begin.xcl-twee, punctuation.section.parens.end.xcl-twee, punctuation.separator.key-value.xcl-twee | #5c7250 | — |
| punctuation.section.brackets.begin.xcl-twee, punctuation.section.brackets.end.xcl-twee | #5c7250 | — |
| punctuation.section.braces.begin.xcl-twee, punctuation.section.braces.end.xcl-twee, keyword.control.whitespace-collapse.xcl-twee | #5c7250 | — |
| punctuation.separator.comma.xcl-twee | #888886 | — |