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#140e1d
- activityBar.border#514a5973
- activityBar.foreground#f5f1f1
- activityBar.inactiveForeground#79747ce6
- activityBarBadge.background#ff4f69
- activityBarBadge.foreground#1a1226
- badge.background#812d44e6
- badge.foreground#f5f1f1
- breadcrumb.activeSelectionForeground#f5f1f1
- breadcrumb.background#1a1226
- breadcrumb.focusForeground#f5f1f1
- breadcrumb.foreground#b3aeb4e6
- breadcrumbPicker.background#171021
- button.background#ff4f69
- button.foreground#1a1226
- button.hoverBackground#d2758a
- descriptionForeground#b3aeb4e6
- dropdown.background#120d1b
- dropdown.border#514a5973
- dropdown.foreground#f5f1f1
- editor.background#1a1226
- editor.findMatchBackground#2f727fbf
- editor.findMatchHighlightBackground#274e5da6
- editor.findRangeHighlightBackground#22384a73
- editor.foreground#f5f1f1
- editor.hoverHighlightBackground#233d4e73
- editor.inactiveSelectionBackground#2443538c
- editor.lineHighlightBackground#2c2436ff
- editor.selectionBackground#2a5d6b99
- editor.selectionHighlightBackground#28526199
- editor.wordHighlightBackground#5321378c
- editor.wordHighlightStrongBackground#6a273d99
- editorBracketMatch.background#24415259
- editorBracketMatch.border#fff9e0e6
- editorCursor.background#1a1226
- editorCursor.foreground#FFF9E0
- editorError.foreground#ff5c7a
- editorGroup.border#514a5973
- editorGroupHeader.border#514a5973
- editorGroupHeader.noTabsBackground#1a1226
- editorGroupHeader.tabsBackground#171021
- editorGroupHeader.tabsBorder#514a5973
- editorGutter.addedBackground#7ee787
- editorGutter.background#1a1226
- editorGutter.deletedBackground#ff5c7a
- editorGutter.modifiedBackground#79c0ff
- editorHint.foreground#7ee787
- editorHoverWidget.background#2c2436ff
- editorHoverWidget.border#514a5973
- editorHoverWidget.foreground#f5f1f1
- editorIndentGuide.activeBackground#5c55638c
- editorIndentGuide.background#463f4f59
- editorInfo.foreground#79c0ff
- editorLineNumber.activeForeground#a8a3aad9
- editorLineNumber.foreground#67606da6
- editorLink.activeForeground#ff4f69
- editorOverviewRuler.border#514a5973
- editorRuler.foreground#413a4b59
- editorStickyScroll.background#2c2436ff
- editorStickyScrollHover.background#28526199
- editorSuggestWidget.background#120d1b
- editorSuggestWidget.border#514a5973
- editorSuggestWidget.focusHighlightForeground#49e7ec
- editorSuggestWidget.foreground#f5f1f1
- editorSuggestWidget.highlightForeground#49e7ec
- editorSuggestWidget.selectedBackground#2a5d6b99
- editorSuggestWidget.selectedForeground#f5f1f1
- editorSuggestWidget.selectedIconForeground#f5f1f1
- editorSuggestWidgetStatus.foreground#b3aeb4e6
- editorWarning.foreground#ffb35c
- editorWhitespace.foreground#463f4f59
- editorWidget.background#171021
- editorWidget.border#514a5973
- editorWidget.foreground#f5f1f1
- editorWidget.resizeBorder#514a5973
- errorForeground#ff5c7a
- focusBorder#FFF9E0
- foreground#f5f1f1
- input.background#120d1b
- input.border#514a5973
- input.foreground#f5f1f1
- inputValidation.errorBackground#120d1b
- inputValidation.errorBorder#ff5c7a
- inputValidation.errorForeground#ff5c7a
- inputValidation.infoBackground#120d1b
- inputValidation.infoBorder#79c0ff
- inputValidation.infoForeground#79c0ff
- inputValidation.warningBackground#120d1b
- inputValidation.warningBorder#ffb35c
- inputValidation.warningForeground#ffb35c
- list.activeSelectionBackground#2a5d6b99
- list.activeSelectionForeground#f5f1f1
- list.activeSelectionIconForeground#f5f1f1
- list.errorForeground#ff5c7a
- list.focusAndSelectionOutline#FFF9E0
- list.focusBackground#2a5d6b99
- list.focusForeground#f5f1f1
- list.focusHighlightForeground#49e7ec
- list.focusOutline#FFF9E0
- list.highlightForeground#49e7ec
- list.hoverBackground#28526199
- list.hoverForeground#f5f1f1
- list.inactiveFocusBackground#2443538c
- list.inactiveFocusOutline#FFF9E0
- list.inactiveSelectionBackground#2443538c
- list.inactiveSelectionForeground#f5f1f1
- list.inactiveSelectionIconForeground#f5f1f1
- list.warningForeground#ffb35c
- menu.background#120d1b
- menu.border#514a5973
- menu.foreground#f5f1f1
- menu.selectionBackground#2a5d6b99
- menu.selectionBorder#FFF9E0
- menu.selectionForeground#f5f1f1
- menu.separatorBackground#514a5973
- menubar.selectionBackground#2a5d6b99
- menubar.selectionBorder#FFF9E0
- menubar.selectionForeground#f5f1f1
- minimapSlider.activeBackground#2a5d6b99
- minimapSlider.background#463f4f59
- minimapSlider.hoverBackground#5c55638c
- notificationCenter.border#514a5973
- notificationCenterHeader.background#161020ff
- notificationCenterHeader.foreground#f5f1f1
- notificationLink.foreground#ff4f69
- notifications.background#171021
- notifications.border#514a5973
- notifications.foreground#f5f1f1
- notificationsErrorIcon.foreground#ff5c7a
- notificationsInfoIcon.foreground#79c0ff
- notificationsWarningIcon.foreground#ffb35c
- notificationToast.border#514a5973
- panel.background#171021
- panel.border#514a5973
- panelTitle.activeForeground#f5f1f1
- panelTitle.inactiveForeground#7b757fe6
- pickerGroup.border#514a5973
- pickerGroup.foreground#ff4f69
- quickInput.background#171021
- quickInput.foreground#f5f1f1
- quickInputList.focusBackground#2a5d6b99
- quickInputList.focusForeground#f5f1f1
- quickInputList.focusIconForeground#f5f1f1
- quickInputTitle.background#161020ff
- quickInputTitle.foreground#f5f1f1
- scrollbarSlider.activeBackground#2a5d6b99
- scrollbarSlider.background#463f4f59
- scrollbarSlider.hoverBackground#5c55638c
- sideBar.background#150f1f
- sideBar.border#514a5973
- sideBar.foreground#dad6d8eb
- sideBarSectionHeader.background#161020ff
- sideBarSectionHeader.foreground#f5f1f1
- sideBarTitle.foreground#f5f1f1
- statusBar.background#130d1b
- statusBar.border#514a5973
- statusBar.debuggingBackground#ac4059
- statusBar.foreground#f5f1f1
- statusBar.noFolderBackground#130d1b
- statusBarItem.hoverBackground#28526199
- tab.activeBackground#1a1226
- tab.activeBorder#FFF9E0
- tab.activeForeground#f5f1f1
- tab.activeModifiedBorder#ff4f69
- tab.border#514a5973
- tab.hoverBackground#28526199
- tab.hoverForeground#f5f1f1
- tab.inactiveBackground#171021
- tab.inactiveForeground#7b757fe6
- tab.inactiveModifiedBorder#ff4f6999
- tab.unfocusedActiveBorder#fff9e099
- tab.unfocusedActiveForeground#f5f1f1
- tab.unfocusedActiveModifiedBorder#ff4f6999
- tab.unfocusedHoverBackground#28526199
- tab.unfocusedHoverForeground#f5f1f1
- tab.unfocusedInactiveForeground#7b757fe6
- tab.unfocusedInactiveModifiedBorder#ff4f6966
- terminal.background#1a1226
- terminal.foreground#f5f1f1
- terminalCursor.background#1a1226
- terminalCursor.foreground#FFF9E0
- textLink.activeForeground#49e7ec
- textLink.foreground#ff4f69
- titleBar.activeBackground#140e1d
- titleBar.activeForeground#f5f1f1
- titleBar.border#514a5973
- titleBar.inactiveBackground#140e1de6
- titleBar.inactiveForeground#79747ce6
- widget.border#514a5973
- widget.shadow#0000001f
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.block, comment.line, punctuation.definition.comment | #7c797e | italic |
| string, string.quoted, string.quoted.double.xcl-twee, string.quoted.single.xcl-twee, string.other.link.title.xcl-twee | #49e7ec | — |
| constant.numeric, constant.numeric.xcl-twee | #49e7ec | — |
| constant.language.boolean, constant.language.boolean.xcl-twee, constant.language, constant.character.escape | #49e7ec | — |
| keyword, keyword.operator, keyword.operator.xcl-twee, keyword.operator.arithmetic.xcl-twee, keyword.control, keyword.control.whitespace-collapse.xcl-twee | #5c86e3 | |
| variable, variable.other, variable.other.xcl-twee, variable.other.identifier.xcl-twee, variable.parameter | #de4893 | — |
| entity.name.function, support.function, entity.name.function.macro.xcl-twee, support.function.macro.custom.xcl-twee | #5c86e3 | — |
| support.function.macro.navigation.xcl-twee | #ff4f69 | bold |
| support.function.macro.audio.xcl-twee | #49e7ec | |
| support.function.macro.ui.xcl-twee | #de4893 | |
| entity.name.section.passage.xcl-twee | #ff4f69 | bold |
| punctuation.definition.passage.begin.xcl-twee | #7c797e | bold |
| entity.name.tag.hook.xcl-twee | #5c86e3 | — |
| entity.name.tag.html, entity.name.tag.other.html, entity.name.tag | #5c86e3 | — |
| entity.other.attribute-name.html, entity.other.attribute-name | #de4893 | — |
| punctuation.section.parens.begin.xcl-twee, punctuation.section.parens.end.xcl-twee | #ff4f69 | bold |
| punctuation.section.brackets.begin.xcl-twee, punctuation.section.brackets.end.xcl-twee | #5c86e3 | bold |
| punctuation.definition.link.begin.xcl-twee, punctuation.definition.link.end.xcl-twee | #ff4f69 | bold |
| entity.other.attribute-name.passage.tag.xcl-twee | #de4893 | italic |
| punctuation.section.braces.begin.xcl-twee, punctuation.section.braces.end.xcl-twee | #5c86e3 | — |
| invalid, invalid.illegal, invalid.illegal.unclosed.macro.xcl-twee, invalid.illegal.unclosed.hook.xcl-twee | #ff5c7a | underline |
| 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 | #5c86e3 | — |
| keyword.control.lambda.xcl-twee | #5c86e3 | italic |
| keyword.control.macro.flow.xcl-twee | #ff4f69 | — |
| support.function.macro.javascript.xcl-twee, keyword.other.script-timing.xcl-twee | #ff4f69 | bold |
| support.type.datatype.xcl-twee, keyword.operator.type-signature.xcl-twee, keyword.operator.type-union.xcl-twee | #de4893 | italic |
| variable.language.identifier.xcl-twee | #de4893 | italic |
| variable.other.story.xcl-twee | #de4893 | — |
| variable.other.temp.xcl-twee | #de4893 | italic |
| constant.numeric.ordinal.xcl-twee, keyword.other.unit.time.xcl-twee | #49e7ec | — |
| constant.other.colour.name.xcl-twee, constant.other.colour.hex.xcl-twee | #49e7ec | — |
| constant.character.escape.xcl-twee, constant.character.escape.linebreak.xcl-twee | #7c797e | — |
| markup.raw.verbatim.xcl-twee | #49e7ec | — |
| punctuation.definition.raw.begin.xcl-twee, punctuation.definition.raw.end.xcl-twee | #7c797e | — |
| 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 | #7c797e | — |
| 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 | #5c86e3 | bold |
| entity.name.section.passage.link.xcl-twee | #ff4f69 | underline |
| string.other.link.title.xcl-twee | #49e7ec | — |
| keyword.operator.link.xcl-twee, punctuation.definition.link.begin.xcl-twee, punctuation.definition.link.end.xcl-twee | #5c86e3 | — |
| keyword.other.passage.tag.special.xcl-twee | #de4893 | bold |
| punctuation.definition.tags.xcl-twee | #7c797e | — |
| entity.name.tag.hook.reference.xcl-twee, punctuation.definition.hook.reference.xcl-twee, punctuation.definition.hook.name.xcl-twee | #5c86e3 | — |
| 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 | #5c86e3 | — |
| punctuation.section.brackets.begin.xcl-twee, punctuation.section.brackets.end.xcl-twee | #5c86e3 | — |
| punctuation.section.braces.begin.xcl-twee, punctuation.section.braces.end.xcl-twee, keyword.control.whitespace-collapse.xcl-twee | #5c86e3 | — |
| punctuation.separator.comma.xcl-twee | #7c797e | — |