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#0e151d
- activityBar.border#4b525a73
- activityBar.foreground#f5f5f5
- activityBar.inactiveForeground#767a7ee6
- activityBarBadge.background#0098db
- activityBarBadge.foreground#121b26
- badge.background#0a5377e6
- badge.foreground#f5f5f5
- breadcrumb.activeSelectionForeground#f5f5f5
- breadcrumb.background#121b26
- breadcrumb.focusForeground#0ce6f2
- breadcrumb.foreground#b1b4b7e6
- breadcrumbPicker.background#101821
- button.background#0098db
- button.foreground#121b26
- button.hoverBackground#03ace1
- descriptionForeground#b1b4b7e6
- dropdown.background#0d131b
- dropdown.border#4b525a73
- dropdown.foreground#f5f5f5
- dropdown.listBackground#0d131b
- editor.background#121b26
- editor.findMatchBackground#0f7682bf
- editor.findMatchHighlightBackground#10545fa6
- editor.findRangeHighlightBackground#11404b73
- editor.foreground#f5f5f5
- editor.hoverHighlightBackground#11444f73
- editor.inactiveSelectionBackground#1149548c
- editor.lineHighlightBackground#242c37ff
- editor.selectionBackground#10626d99
- editor.selectionHighlightBackground#10586399
- editor.wordHighlightBackground#0e3a538c
- editor.wordHighlightStrongBackground#0c476599
- editorBracketHighlight.foreground1#0ce6f2
- editorBracketHighlight.foreground2#0098db
- editorBracketHighlight.foreground3#b5e3ff
- editorBracketHighlight.foreground4#4186da
- editorBracketHighlight.foreground5#397390
- editorBracketHighlight.foreground6#08cbea
- editorBracketHighlight.unexpectedBracket.foreground#ff5c7a
- editorBracketMatch.background#11485359
- editorBracketMatch.border#0ce6f2e6
- editorBracketPairGuide.activeBackground1#0ce6f280
- editorBracketPairGuide.activeBackground2#0098db80
- editorBracketPairGuide.activeBackground3#b5e3ff80
- editorBracketPairGuide.activeBackground4#4186da80
- editorBracketPairGuide.activeBackground5#39739080
- editorBracketPairGuide.activeBackground6#08cbea80
- editorBracketPairGuide.background1#0ce6f240
- editorBracketPairGuide.background2#0098db40
- editorBracketPairGuide.background3#b5e3ff40
- editorBracketPairGuide.background4#4186da40
- editorBracketPairGuide.background5#39739040
- editorBracketPairGuide.background6#08cbea40
- editorCursor.background#121b26
- editorCursor.foreground#0ce6f2
- editorError.foreground#ff5c7a
- editorGroup.border#4b525a73
- editorGroup.dropBackground#10626d99
- editorGroup.dropIntoPromptBackground#0d131b
- editorGroup.dropIntoPromptBorder#0ce6f2
- editorGroup.dropIntoPromptForeground#f5f5f5
- editorGroupHeader.border#4b525a73
- editorGroupHeader.noTabsBackground#121b26
- editorGroupHeader.tabsBackground#101821
- editorGroupHeader.tabsBorder#4b525a73
- editorGutter.addedBackground#7ee787
- editorGutter.background#121b26
- editorGutter.deletedBackground#ff5c7a
- editorGutter.modifiedBackground#79c0ff
- editorHint.foreground#7ee787
- editorHoverWidget.background#242c37ff
- editorHoverWidget.border#4b525a73
- editorHoverWidget.foreground#f5f5f5
- editorIndentGuide.activeBackground#565c648c
- editorIndentGuide.background#3f474f59
- editorInfo.foreground#79c0ff
- editorLineNumber.activeForeground#a6a9add9
- editorLineNumber.foreground#61676ea6
- editorLink.activeForeground#0098db
- editorRuler.foreground#3b424b59
- editorSuggestWidget.background#0d131b
- editorSuggestWidget.border#4b525a73
- editorSuggestWidget.focusHighlightForeground#0ce6f2
- editorSuggestWidget.foreground#f5f5f5
- editorSuggestWidget.highlightForeground#0ce6f2
- editorSuggestWidget.selectedBackground#10626d99
- editorSuggestWidget.selectedForeground#f5f5f5
- editorSuggestWidget.selectedIconForeground#0098db
- editorSuggestWidgetStatus.foreground#b1b4b7e6
- editorWarning.foreground#ffb35c
- editorWhitespace.foreground#3f474f59
- editorWidget.background#0d131b
- editorWidget.border#4b525a73
- editorWidget.foreground#f5f5f5
- editorWidget.resizeBorder#4b525a73
- errorForeground#ff5c7a
- focusBorder#0ce6f2
- foreground#f5f5f5
- input.background#0d131b
- input.border#4b525a73
- input.foreground#f5f5f5
- inputValidation.errorBackground#ff5c7a33
- inputValidation.errorBorder#ff5c7a
- inputValidation.errorForeground#f5f5f5
- inputValidation.infoBackground#79c0ff33
- inputValidation.infoBorder#79c0ff
- inputValidation.infoForeground#f5f5f5
- inputValidation.warningBackground#ffb35c33
- inputValidation.warningBorder#ffb35c
- inputValidation.warningForeground#f5f5f5
- list.activeSelectionBackground#10626d99
- list.activeSelectionForeground#f5f5f5
- list.activeSelectionIconForeground#f5f5f5
- list.errorForeground#ff5c7a
- list.filterMatchBackground#0f7682bf
- list.filterMatchBorder#0ce6f2
- list.focusAndSelectionOutline#0ce6f2
- list.focusBackground#10626d99
- list.focusForeground#f5f5f5
- list.focusHighlightForeground#0ce6f2
- list.focusOutline#0ce6f2
- list.highlightForeground#0098db
- list.hoverBackground#11444f73
- list.hoverForeground#f5f5f5
- list.inactiveFocusBackground#11444f73
- list.inactiveFocusOutline#4b525a73
- list.inactiveSelectionBackground#1149548c
- list.inactiveSelectionForeground#f5f5f5
- list.inactiveSelectionIconForeground#f5f5f5
- list.invalidItemForeground#b1b4b7e6
- list.warningForeground#ffb35c
- listFilterWidget.background#0d131b
- listFilterWidget.noMatchesOutline#ff5c7a
- listFilterWidget.outline#4b525a73
- listFilterWidget.shadow#00000066
- menu.background#0d131b
- menu.border#4b525a73
- menu.foreground#f5f5f5
- menu.selectionBackground#10626d99
- menu.selectionBorder#0ce6f2
- menu.selectionForeground#f5f5f5
- menu.separatorBackground#4b525a73
- menubar.selectionBackground#10626d99
- menubar.selectionBorder#0ce6f2
- menubar.selectionForeground#f5f5f5
- notificationCenter.border#4b525a73
- notificationCenterHeader.background#101720ff
- notificationCenterHeader.foreground#f5f5f5
- notificationLink.foreground#0098db
- notifications.background#101821
- notifications.border#4b525a73
- notifications.foreground#f5f5f5
- notificationsErrorIcon.foreground#ff5c7a
- notificationsInfoIcon.foreground#79c0ff
- notificationsWarningIcon.foreground#ffb35c
- notificationToast.border#4b525a73
- panel.background#101821
- panel.border#4b525a73
- panelTitle.activeForeground#f5f5f5
- panelTitle.inactiveForeground#777b80e6
- pickerGroup.border#4b525a73
- pickerGroup.foreground#0098db
- quickInput.background#101821
- quickInput.foreground#f5f5f5
- quickInputList.focusBackground#10626d99
- quickInputList.focusForeground#f5f5f5
- quickInputList.focusIconForeground#0098db
- quickInputTitle.background#101720ff
- sideBar.background#0f161f
- sideBar.border#4b525a73
- sideBar.foreground#d9dadbeb
- sideBarSectionHeader.background#101720ff
- sideBarSectionHeader.foreground#f5f5f5
- sideBarTitle.foreground#f5f5f5
- statusBar.background#0d131b
- statusBar.border#4b525a73
- statusBar.debuggingBackground#aa4259
- statusBar.foreground#f5f5f5
- statusBar.noFolderBackground#0d131b
- tab.activeBackground#121b26
- tab.activeBorder#0ce6f2
- tab.activeForeground#f5f5f5
- tab.activeModifiedBorder#0ce6f2
- tab.border#4b525a73
- tab.hoverBackground#242c37ff
- tab.hoverForeground#f5f5f5
- tab.inactiveBackground#101821
- tab.inactiveForeground#777b80e6
- tab.inactiveModifiedBorder#0ce6f299
- tab.lastPinnedBorder#0ce6f2
- tab.unfocusedActiveBackground#121b26
- tab.unfocusedActiveBorder#0ce6f299
- tab.unfocusedActiveForeground#f5f5f5
- tab.unfocusedActiveModifiedBorder#0ce6f280
- tab.unfocusedHoverBackground#242c37ff
- tab.unfocusedHoverForeground#f5f5f5
- tab.unfocusedInactiveBackground#101821
- tab.unfocusedInactiveForeground#777b80e6
- tab.unfocusedInactiveModifiedBorder#0ce6f266
- terminal.background#121b26
- terminal.foreground#f5f5f5
- terminalCursor.background#121b26
- terminalCursor.foreground#0ce6f2
- textLink.activeForeground#0ce6f2
- textLink.foreground#0098db
- titleBar.activeBackground#0e151d
- titleBar.activeForeground#f5f5f5
- titleBar.border#4b525a73
- titleBar.inactiveBackground#0e151de6
- titleBar.inactiveForeground#767a7ee6
- widget.border#4b525a73
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.block, comment.line, punctuation.definition.comment | #7b7d80 | italic |
| string, string.quoted, string.quoted.double.xcl-twee, string.quoted.single.xcl-twee, string.other.link.title.xcl-twee | #b5e3ff | — |
| constant.numeric, constant.numeric.xcl-twee | #0ce6f2 | — |
| constant.language.boolean, constant.language.boolean.xcl-twee, constant.language, constant.character.escape | #0ce6f2 | — |
| keyword, keyword.operator, keyword.operator.xcl-twee, keyword.operator.arithmetic.xcl-twee, keyword.control, keyword.control.whitespace-collapse.xcl-twee | #4186da | |
| variable, variable.other, variable.other.xcl-twee, variable.other.identifier.xcl-twee, variable.parameter | #0098db | — |
| entity.name.function, support.function, entity.name.function.macro.xcl-twee, support.function.macro.custom.xcl-twee | #4186da | — |
| support.function.macro.navigation.xcl-twee | #0098db | bold |
| support.function.macro.audio.xcl-twee | #0ce6f2 | |
| support.function.macro.ui.xcl-twee | #0098db | |
| entity.name.section.passage.xcl-twee | #0098db | bold |
| punctuation.definition.passage.begin.xcl-twee | #7b7d80 | bold |
| entity.name.tag.hook.xcl-twee | #4186da | — |
| entity.name.tag.html, entity.name.tag.other.html, entity.name.tag | #4186da | — |
| entity.other.attribute-name.html, entity.other.attribute-name | #0098db | — |
| 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 | #0ce6f2 | bold |
| punctuation.section.brackets.begin.xcl-twee, punctuation.section.brackets.end.xcl-twee | #0098db | bold |
| punctuation.section.braces.begin.xcl-twee, punctuation.section.braces.end.xcl-twee | #4186da | |
| punctuation.separator.key-value.xcl-twee | #397390 | bold |
| punctuation.definition.link.begin.xcl-twee, punctuation.definition.link.end.xcl-twee | #0098db | bold |
| entity.other.attribute-name.passage.tag.xcl-twee | #0098db | italic |
| punctuation.definition.directive.begin.xcl-twee | #4186da | 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 | #4186da | — |
| keyword.control.lambda.xcl-twee | #4186da | italic |
| keyword.control.macro.flow.xcl-twee | #0098db | — |
| support.function.macro.javascript.xcl-twee, keyword.other.script-timing.xcl-twee | #0098db | bold |
| support.type.datatype.xcl-twee, keyword.operator.type-signature.xcl-twee, keyword.operator.type-union.xcl-twee | #0098db | italic |
| variable.language.identifier.xcl-twee | #0098db | italic |
| variable.other.story.xcl-twee | #0098db | — |
| variable.other.temp.xcl-twee | #0098db | italic |
| constant.numeric.ordinal.xcl-twee, keyword.other.unit.time.xcl-twee | #0ce6f2 | — |
| constant.other.colour.name.xcl-twee, constant.other.colour.hex.xcl-twee | #b5e3ff | — |
| constant.character.escape.xcl-twee, constant.character.escape.linebreak.xcl-twee | #7b7d80 | — |
| markup.raw.verbatim.xcl-twee | #b5e3ff | — |
| punctuation.definition.raw.begin.xcl-twee, punctuation.definition.raw.end.xcl-twee | #7b7d80 | — |
| 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 | #7b7d80 | — |
| 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 | #4186da | bold |
| entity.name.section.passage.link.xcl-twee | #0098db | underline |
| string.other.link.title.xcl-twee | #b5e3ff | — |
| keyword.operator.link.xcl-twee, punctuation.definition.link.begin.xcl-twee, punctuation.definition.link.end.xcl-twee | #4186da | — |
| keyword.other.passage.tag.special.xcl-twee | #0098db | bold |
| punctuation.definition.tags.xcl-twee | #7b7d80 | — |
| entity.name.tag.hook.reference.xcl-twee, punctuation.definition.hook.reference.xcl-twee, punctuation.definition.hook.name.xcl-twee | #4186da | — |
| 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 | #4186da | — |
| punctuation.section.brackets.begin.xcl-twee, punctuation.section.brackets.end.xcl-twee | #4186da | — |
| punctuation.section.braces.begin.xcl-twee, punctuation.section.braces.end.xcl-twee, keyword.control.whitespace-collapse.xcl-twee | #4186da | — |
| punctuation.separator.comma.xcl-twee | #7b7d80 | — |