Skip to main content
Coding Theme

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#1c0e1d
  • activityBar.border#59454c73
  • activityBar.foreground#f4dfbe
  • activityBar.inactiveForeground#7d6c65e6
  • activityBarBadge.background#8b74d3
  • activityBarBadge.foreground#251226
  • badge.background#533e74e6
  • badge.foreground#f4dfbe
  • breadcrumb.activeSelectionForeground#f4dfbe
  • breadcrumb.background#251226
  • breadcrumb.focusForeground#c96cce
  • breadcrumb.foreground#b6a290e6
  • breadcrumbPicker.background#211021
  • button.background#8b74d3
  • button.foreground#251226
  • button.hoverBackground#9a72d2
  • descriptionForeground#b6a290e6
  • dropdown.background#1a0d1b
  • dropdown.border#59454c73
  • dropdown.foreground#f4dfbe
  • dropdown.listBackground#1a0d1b
  • editor.background#251226
  • editor.findMatchBackground#6f3a72bf
  • editor.findMatchHighlightBackground#532b55a6
  • editor.findRangeHighlightBackground#43224473
  • editor.foreground#f4dfbe
  • editor.hoverHighlightBackground#46244873
  • editor.inactiveSelectionBackground#4a274c8c
  • editor.lineHighlightBackground#301e35ff
  • editor.selectionBackground#5e326199
  • editor.selectionHighlightBackground#562d5899
  • editor.wordHighlightBackground#3e2a518c
  • editor.wordHighlightStrongBackground#49346399
  • editorBracketHighlight.foreground1#6b70d4
  • editorBracketHighlight.foreground2#8b74d3
  • editorBracketHighlight.foreground3#f4dfbe
  • editorBracketHighlight.foreground4#d68fb8
  • editorBracketHighlight.foreground5#c96cce
  • editorBracketHighlight.foreground6#735e83
  • editorBracketHighlight.unexpectedBracket.foreground#ff5c7a
  • editorBracketMatch.background#49264b59
  • editorBracketMatch.border#6b70d4e6
  • editorBracketPairGuide.activeBackground1#6b70d480
  • editorBracketPairGuide.activeBackground2#8b74d380
  • editorBracketPairGuide.activeBackground3#f4dfbe80
  • editorBracketPairGuide.activeBackground4#d68fb880
  • editorBracketPairGuide.activeBackground5#c96cce80
  • editorBracketPairGuide.activeBackground6#735e8380
  • editorBracketPairGuide.background1#6b70d440
  • editorBracketPairGuide.background2#8b74d340
  • editorBracketPairGuide.background3#f4dfbe40
  • editorBracketPairGuide.background4#d68fb840
  • editorBracketPairGuide.background5#c96cce40
  • editorBracketPairGuide.background6#735e8340
  • editorCursor.background#251226
  • editorCursor.foreground#6b70d4
  • editorError.foreground#ff5c7a
  • editorGroup.border#59454c73
  • editorGroup.dropBackground#5e326199
  • editorGroup.dropIntoPromptBackground#1a0d1b
  • editorGroup.dropIntoPromptBorder#6b70d4
  • editorGroup.dropIntoPromptForeground#f4dfbe
  • editorGroupHeader.border#59454c73
  • editorGroupHeader.noTabsBackground#251226
  • editorGroupHeader.tabsBackground#211021
  • editorGroupHeader.tabsBorder#59454c73
  • editorGutter.addedBackground#7ee787
  • editorGutter.background#251226
  • editorGutter.deletedBackground#ff5c7a
  • editorGutter.modifiedBackground#79c0ff
  • editorHint.foreground#7ee787
  • editorHoverWidget.background#301e35ff
  • editorHoverWidget.border#59454c73
  • editorHoverWidget.foreground#f4dfbe
  • editorIndentGuide.activeBackground#6350548c
  • editorIndentGuide.background#4e3b4459
  • editorInfo.foreground#79c0ff
  • editorLineNumber.activeForeground#ac9789d9
  • editorLineNumber.foreground#6d5a5ba6
  • editorLink.activeForeground#8b74d3
  • editorRuler.foreground#4a374159
  • editorSuggestWidget.background#1a0d1b
  • editorSuggestWidget.border#59454c73
  • editorSuggestWidget.focusHighlightForeground#c96cce
  • editorSuggestWidget.foreground#f4dfbe
  • editorSuggestWidget.highlightForeground#c96cce
  • editorSuggestWidget.selectedBackground#5e326199
  • editorSuggestWidget.selectedForeground#f4dfbe
  • editorSuggestWidget.selectedIconForeground#8b74d3
  • editorSuggestWidgetStatus.foreground#b6a290e6
  • editorWarning.foreground#ffb35c
  • editorWhitespace.foreground#4e3b4459
  • editorWidget.background#1a0d1b
  • editorWidget.border#59454c73
  • editorWidget.foreground#f4dfbe
  • editorWidget.resizeBorder#59454c73
  • errorForeground#ff5c7a
  • focusBorder#6b70d4
  • foreground#f4dfbe
  • input.background#1a0d1b
  • input.border#59454c73
  • input.foreground#f4dfbe
  • inputValidation.errorBackground#ff5c7a33
  • inputValidation.errorBorder#ff5c7a
  • inputValidation.errorForeground#f4dfbe
  • inputValidation.infoBackground#79c0ff33
  • inputValidation.infoBorder#79c0ff
  • inputValidation.infoForeground#f4dfbe
  • inputValidation.warningBackground#ffb35c33
  • inputValidation.warningBorder#ffb35c
  • inputValidation.warningForeground#f4dfbe
  • list.activeSelectionBackground#5e326199
  • list.activeSelectionForeground#f4dfbe
  • list.activeSelectionIconForeground#f4dfbe
  • list.errorForeground#ff5c7a
  • list.filterMatchBackground#6f3a72bf
  • list.filterMatchBorder#6b70d4
  • list.focusAndSelectionOutline#6b70d4
  • list.focusBackground#5e326199
  • list.focusForeground#f4dfbe
  • list.focusHighlightForeground#c96cce
  • list.focusOutline#6b70d4
  • list.highlightForeground#8b74d3
  • list.hoverBackground#46244873
  • list.hoverForeground#f4dfbe
  • list.inactiveFocusBackground#46244873
  • list.inactiveFocusOutline#59454c73
  • list.inactiveSelectionBackground#4a274c8c
  • list.inactiveSelectionForeground#f4dfbe
  • list.inactiveSelectionIconForeground#f4dfbe
  • list.invalidItemForeground#b6a290e6
  • list.warningForeground#ffb35c
  • listFilterWidget.background#1a0d1b
  • listFilterWidget.noMatchesOutline#ff5c7a
  • listFilterWidget.outline#59454c73
  • listFilterWidget.shadow#00000066
  • menu.background#1a0d1b
  • menu.border#59454c73
  • menu.foreground#f4dfbe
  • menu.selectionBackground#5e326199
  • menu.selectionBorder#6b70d4
  • menu.selectionForeground#f4dfbe
  • menu.separatorBackground#59454c73
  • menubar.selectionBackground#5e326199
  • menubar.selectionBorder#6b70d4
  • menubar.selectionForeground#f4dfbe
  • notificationCenter.border#59454c73
  • notificationCenterHeader.background#1f1020ff
  • notificationCenterHeader.foreground#f4dfbe
  • notificationLink.foreground#8b74d3
  • notifications.background#211021
  • notifications.border#59454c73
  • notifications.foreground#f4dfbe
  • notificationsErrorIcon.foreground#ff5c7a
  • notificationsInfoIcon.foreground#79c0ff
  • notificationsWarningIcon.foreground#ffb35c
  • notificationToast.border#59454c73
  • panel.background#211021
  • panel.border#59454c73
  • panelTitle.activeForeground#f4dfbe
  • panelTitle.inactiveForeground#806d68e6
  • pickerGroup.border#59454c73
  • pickerGroup.foreground#8b74d3
  • quickInput.background#211021
  • quickInput.foreground#f4dfbe
  • quickInputList.focusBackground#5e326199
  • quickInputList.focusForeground#f4dfbe
  • quickInputList.focusIconForeground#8b74d3
  • quickInputTitle.background#1f1020ff
  • sideBar.background#1e0f1f
  • sideBar.border#59454c73
  • sideBar.foreground#dac6abeb
  • sideBarSectionHeader.background#1f1020ff
  • sideBarSectionHeader.foreground#f4dfbe
  • sideBarTitle.foreground#f4dfbe
  • statusBar.background#1b0d1b
  • statusBar.border#59454c73
  • statusBar.debuggingBackground#af4059
  • statusBar.foreground#f4dfbe
  • statusBar.noFolderBackground#1b0d1b
  • tab.activeBackground#251226
  • tab.activeBorder#6b70d4
  • tab.activeForeground#f4dfbe
  • tab.activeModifiedBorder#6b70d4
  • tab.border#59454c73
  • tab.hoverBackground#301e35ff
  • tab.hoverForeground#f4dfbe
  • tab.inactiveBackground#211021
  • tab.inactiveForeground#806d68e6
  • tab.inactiveModifiedBorder#6b70d499
  • tab.lastPinnedBorder#6b70d4
  • tab.unfocusedActiveBackground#251226
  • tab.unfocusedActiveBorder#6b70d499
  • tab.unfocusedActiveForeground#f4dfbe
  • tab.unfocusedActiveModifiedBorder#6b70d480
  • tab.unfocusedHoverBackground#301e35ff
  • tab.unfocusedHoverForeground#f4dfbe
  • tab.unfocusedInactiveBackground#211021
  • tab.unfocusedInactiveForeground#806d68e6
  • tab.unfocusedInactiveModifiedBorder#6b70d466
  • terminal.background#251226
  • terminal.foreground#f4dfbe
  • terminalCursor.background#251226
  • terminalCursor.foreground#6b70d4
  • textLink.activeForeground#c96cce
  • textLink.foreground#8b74d3
  • titleBar.activeBackground#1c0e1d
  • titleBar.activeForeground#f4dfbe
  • titleBar.border#59454c73
  • titleBar.inactiveBackground#1c0e1de6
  • titleBar.inactiveForeground#7d6c65e6
  • widget.border#59454c73
  • widget.shadow#00000066

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment.block, comment.line, punctuation.definition.comment#757080italic
string, string.quoted, string.quoted.double.xcl-twee, string.quoted.single.xcl-twee, string.other.link.title.xcl-twee#f4dfbe—
constant.numeric, constant.numeric.xcl-twee#c96cce—
constant.language.boolean, constant.language.boolean.xcl-twee, constant.language, constant.character.escape#c96cce—
keyword, keyword.operator, keyword.operator.xcl-twee, keyword.operator.arithmetic.xcl-twee, keyword.control, keyword.control.whitespace-collapse.xcl-twee#8b74d3
variable, variable.other, variable.other.xcl-twee, variable.other.identifier.xcl-twee, variable.parameter#d68fb8—
entity.name.function, support.function, entity.name.function.macro.xcl-twee, support.function.macro.custom.xcl-twee#8b74d3—
support.function.macro.navigation.xcl-twee#8b74d3bold
support.function.macro.audio.xcl-twee#c96cce
support.function.macro.ui.xcl-twee#d68fb8
entity.name.section.passage.xcl-twee#8b74d3bold
punctuation.definition.passage.begin.xcl-twee#757080bold
entity.name.tag.hook.xcl-twee#8b74d3—
entity.name.tag.html, entity.name.tag.other.html, entity.name.tag#8b74d3—
entity.other.attribute-name.html, entity.other.attribute-name#d68fb8—
invalid, invalid.illegal, invalid.illegal.unclosed.macro.xcl-twee, invalid.illegal.unclosed.hook.xcl-twee#ff5c7aunderline
punctuation.section.parens.begin.xcl-twee, punctuation.section.parens.end.xcl-twee#6b70d4bold
punctuation.section.brackets.begin.xcl-twee, punctuation.section.brackets.end.xcl-twee#8b74d3bold
punctuation.section.braces.begin.xcl-twee, punctuation.section.braces.end.xcl-twee#d68fb8
punctuation.separator.key-value.xcl-twee#c96ccebold
punctuation.definition.link.begin.xcl-twee, punctuation.definition.link.end.xcl-twee#8b74d3bold
entity.other.attribute-name.passage.tag.xcl-twee#8b74d3italic
punctuation.definition.directive.begin.xcl-twee#d68fb8bold
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#8b74d3—
keyword.control.lambda.xcl-twee#8b74d3italic
keyword.control.macro.flow.xcl-twee#8b74d3—
support.function.macro.javascript.xcl-twee, keyword.other.script-timing.xcl-twee#8b74d3bold
support.type.datatype.xcl-twee, keyword.operator.type-signature.xcl-twee, keyword.operator.type-union.xcl-twee#8b74d3italic
variable.language.identifier.xcl-twee#d68fb8italic
variable.other.story.xcl-twee#d68fb8—
variable.other.temp.xcl-twee#d68fb8italic
constant.numeric.ordinal.xcl-twee, keyword.other.unit.time.xcl-twee#c96cce—
constant.other.colour.name.xcl-twee, constant.other.colour.hex.xcl-twee#f4dfbe—
constant.character.escape.xcl-twee, constant.character.escape.linebreak.xcl-twee#757080—
markup.raw.verbatim.xcl-twee#f4dfbe—
punctuation.definition.raw.begin.xcl-twee, punctuation.definition.raw.end.xcl-twee#757080—
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#757080—
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#8b74d3bold
entity.name.section.passage.link.xcl-twee#8b74d3underline
string.other.link.title.xcl-twee#f4dfbe—
keyword.operator.link.xcl-twee, punctuation.definition.link.begin.xcl-twee, punctuation.definition.link.end.xcl-twee#8b74d3—
keyword.other.passage.tag.special.xcl-twee#8b74d3bold
punctuation.definition.tags.xcl-twee#757080—
entity.name.tag.hook.reference.xcl-twee, punctuation.definition.hook.reference.xcl-twee, punctuation.definition.hook.name.xcl-twee#8b74d3—
invalid.illegal.unclosed.macro.xcl-twee, invalid.illegal.unclosed.hook.xcl-twee, invalid.illegal.unclosed.block.xcl-twee#ff5c7aunderline
invalid.illegal.operator.xcl-twee#ff5c7aunderline
punctuation.section.parens.begin.xcl-twee, punctuation.section.parens.end.xcl-twee, punctuation.separator.key-value.xcl-twee#8b74d3—
punctuation.section.brackets.begin.xcl-twee, punctuation.section.brackets.end.xcl-twee#8b74d3—
punctuation.section.braces.begin.xcl-twee, punctuation.section.braces.end.xcl-twee, keyword.control.whitespace-collapse.xcl-twee#8b74d3—
punctuation.separator.comma.xcl-twee#757080—