{
  "$schema": "vscode://schemas/color-theme",
  "name": "Pop N Lock Theme by Luxcium",
  "type": "dark",
  "colors": {
    "quickInput.foreground": "#C4BDB5DD",
    "peekViewEditor.background": "#235B",
    "peekViewEditorGutter.background": "#1D2545",
    "peekView.border": "#FC4E",
    "peekViewResult.background": "#52A2",
    "peekViewResult.fileForeground": "#C4BDB5DD",
    "peekViewResult.lineForeground": "#C4BDB5DD",
    "peekViewTitle.background": "#14B5",
    "peekViewTitleDescription.foreground": "#C4BDB5DD",
    "peekViewTitleLabel.foreground": "#C4BDB5DD",
    "diffEditor.insertedTextBackground": "#8DA3",
    "diffEditor.removedTextBackground": "#E473",
    "searchEditor.findMatchBackground": "#9365",
    "diffEditor.border": "#6171",
    "diffEditor.insertedTextBorder": "#6171",
    "diffEditor.removedTextBorder": "#6171",
    "searchEditor.findMatchBorder": "#C3CA",
    "editorWidget.foreground": "#C9BDB0DD",
    "editorWarning.border": "#EA20",
    "editorHint.border": "#FC64",
    "editorHint.foreground": "#FC4E",
    "editorInfo.border": "#4AE5",
    "editorInfo.foreground": "#C9BDB0DD",
    "editorError.border": "#F154",
    "walkThrough.embeddedEditorBackground": "#2C203C",
    "editorMarkerNavigationError.background": "#B35B",
    "editorMarkerNavigationInfo.background": "#FC4E",
    "editorMarkerNavigationWarning.background": "#d8cdb4bb",
    "editorMarkerNavigation.background": "#235",
    "inputValidation.errorBackground": "#7223",
    "inputValidation.errorBorder": "#B35",
    "inputValidation.errorForeground": "#C9BDB0DD",
    "inputValidation.infoBackground": "#2353",
    "inputValidation.infoBorder": "#FC4E",
    "inputValidation.infoForeground": "#C9BDB0DD",
    "inputValidation.warningBackground": "#7523",
    "inputValidation.warningBorder": "#FC4E",
    "inputValidation.warningForeground": "#C9BDB0DD",
    "minimap.background": "#1D1C2F",
    "minimapGutter.addedBackground": "#8B3C",
    "minimapGutter.deletedBackground": "#B35C",
    "minimapGutter.modifiedBackground": "#39CC",
    "minimapSlider.activeBackground": "#39CC",
    "minimapSlider.background": "#52A4",
    "minimapSlider.hoverBackground": "#52A8",
    "breadcrumb.background": "#1D2547",
    "breadcrumb.focusForeground": "#D2C8BEDD",
    "breadcrumb.foreground": "#D2C8BEAA",
    "breadcrumbPicker.background": "#2A255ADD",
    "tab.activeForeground": "#D2C8BEDD",
    "tab.unfocusedActiveForeground": "#D2C8BEDD",
    "tab.inactiveForeground": "#D2C8BEAA",
    "tab.unfocusedInactiveForeground": "#D2C8BEAA",
    "tab.hoverForeground": "#D2C8BE",
    "tab.unfocusedHoverForeground": "#D2C8BE",
    "tab.activeBackground": "#39C6",
    "tab.unfocusedActiveBackground": "#1D2545",
    "tab.inactiveBackground": "#2A2040",
    "tab.unfocusedInactiveBackground": "#2A2040",
    "tab.hoverBackground": "#52A5",
    "tab.unfocusedHoverBackground": "#52A4",
    "tab.activeBorder": "#1D254500",
    "tab.unfocusedActiveBorder": "#39C",
    "tab.unfocusedActiveBorderTop": "#AE49",
    "tab.unfocusedActiveModifiedBorder": "#F459",
    "tab.inactiveModifiedBorder": "#F459",
    "tab.unfocusedInactiveModifiedBorder": "#F455",
    "tab.hoverBorder": "#39C",
    "tab.unfocusedHoverBorder": "#39CD",
    "tab.border": "#1C1C2E",
    "notificationsInfoIcon.foreground": "#FC4",
    "notifications.background": "#1D1028",
    "notifications.border": "#6171",
    "notifications.foreground": "#C9BDB0DD",
    "errorForeground": "#D2C8BEBB",
    "editorOverviewRuler.infoForeground": "#FC4E",
    "problemsInfoIcon.foreground": "#FC4E",
    "editor.findMatchBackground": "#39C6",
    "editor.findMatchBorder": "#33FA",
    "editorOverviewRuler.findMatchForeground": "#39C",
    "listFilterWidget.background": "#426D",
    "listFilterWidget.noMatchesOutline": "#426D",
    "listFilterWidget.outline": "#426D",
    "list.filterMatchBackground": "#39CA",
    "list.filterMatchBorder": "#FC3",
    "editor.focusedStackFrameHighlightBackground": "#2355",
    "keybindingLabel.background": "#39C7",
    "keybindingLabel.border": "#FA0F",
    "keybindingLabel.bottomBorder": "#FA4A",
    "keybindingLabel.foreground": "#FEDF",
    "menu.background": "#251733F0",
    "menu.border": "#617F",
    "menu.foreground": "#DCBD",
    "menu.separatorBackground": "#ff00FF",
    "button.hoverBackground": "#39CC",
    "editorHoverWidget.background": "#1D2555EE",
    "editorHoverWidget.border": "#D2C8BE55",
    "editorHoverWidget.foreground": "#C9BDB0DD",
    "extensionButton.prominentHoverBackground": "#617C",
    "list.hoverBackground": "#6177",
    "list.hoverForeground": "#D2C8BEDD",
    "editorGroup.focusedEmptyBorder": "#1C1C2E",
    "list.inactiveFocusBackground": "#22E6",
    "focusBorder": "#617A",
    "list.focusBackground": "#22E7",
    "list.focusForeground": "#FFF",
    "contrastActiveBorder": "#F150",
    "editorIndentGuide.activeBackground": "#4AE3",
    "editorLineNumber.activeForeground": "#D2C8BEDD",
    "editorLink.activeForeground": "#D2C8BEDD",
    "inputOption.activeBackground": "#6178",
    "inputOption.activeBorder": "#EA2B",
    "panelTitle.activeBorder": "#39CC",
    "panelTitle.activeForeground": "#D2C8BEDD",
    "textLink.activeForeground": "#64CD",
    "titleBar.activeBackground": "#1C1C2E",
    "titleBar.activeForeground": "#D2C8BEDD",
    "window.activeBorder": "#617A",
    "panelTitle.inactiveForeground": "#D2C8BEAA",
    "titleBar.inactiveBackground": "#1C1C2E",
    "titleBar.inactiveForeground": "#D2C8BEAA",
    "window.inactiveBorder": "#1b1b26",
    "badge.background": "#39CC",
    "badge.foreground": "#FC6C",
    "extensionBadge.remoteBackground": "#617C",
    "extensionBadge.remoteForeground": "#C9BDB0EE",
    "button.background": "#617C",
    "button.foreground": "#C9BDB0EE",
    "contrastBorder": "#D2C8BE44",
    "debugExceptionWidget.background": "#1D2555EE",
    "debugExceptionWidget.border": "#D2C8BE33",
    "debugToolBar.background": "#2C203C",
    "debugToolBar.border": "#52A5",
    "descriptionForeground": "#C9BDB0EE",
    "editor.background": "#20213B",
    "editor.foreground": "#D2C8BEDD",
    "editorBracketMatch.background": "#AE44",
    "editorBracketMatch.border": "#AE4B",
    "editorCodeLens.foreground": "#D2C8BE33",
    "editorCursor.background": "#2915",
    "editorCursor.foreground": "#F33",
    "editorGroup.border": "#FC65",
    "editorGroup.dropBackground": "#2C203C",
    "editorGroup.emptyBackground": "#1C1C2E",
    "editorGutter.addedBackground": "#8B3",
    "editorGutter.background": "#1D1C2F",
    "editorGutter.commentRangeForeground": "#53EA",
    "editorGutter.deletedBackground": "#B35",
    "editorGutter.modifiedBackground": "#39C",
    "editorIndentGuide.background": "#4AE1",
    "editorLineNumber.foreground": "#D2C8BE55",
    "editorOverviewRuler.addedForeground": "#8B3A",
    "editorOverviewRuler.border": "#39CC",
    "editorOverviewRuler.bracketMatchForeground": "#AE4",
    "editorOverviewRuler.commonContentForeground": "#8DAA",
    "editorOverviewRuler.currentContentForeground": "#39CA",
    "editorOverviewRuler.deletedForeground": "#B35A",
    "editorOverviewRuler.incomingContentForeground": "#E36E",
    "editorOverviewRuler.modifiedForeground": "#39CA",
    "editorPane.background": "#1C1C2E",
    "editorRuler.foreground": "#E474",
    "editorSuggestWidget.background": "#235D",
    "editorSuggestWidget.border": "#5BFD",
    "editorSuggestWidget.foreground": "#C4BDB5DD",
    "editorUnnecessaryCode.border": "#95B4",
    "editorUnnecessaryCode.opacity": "#FFF6",
    "editorWhitespace.foreground": "#D2C8BE22",
    "editorWidget.background": "#1D2555EE",
    "editorWidget.border": "#D2C8BE55",
    "editorWidget.resizeBorder": "#39CE",
    "extensionButton.prominentBackground": "#39C",
    "extensionButton.prominentForeground": "#FECE",
    "foreground": "#D2C8BEDD",
    "input.background": "#39C3",
    "input.border": "#EA28",
    "input.foreground": "#FEDD",
    "input.placeholderForeground": "#FED8",
    "list.dropBackground": "#39C3",
    "list.invalidItemForeground": "#F42C",
    "notificationCenter.border": "#6171",
    "notificationCenterHeader.background": "#2C203C",
    "notificationCenterHeader.foreground": "#D2C8BEDD",
    "notificationLink.foreground": "#69FD",
    "notificationToast.border": "#6171",
    "panel.background": "#201039",
    "panel.border": "#D2C8BE55",
    "panelInput.border": "#6175",
    "pickerGroup.border": "#6171",
    "pickerGroup.foreground": "#D2C8BEBB",
    "progressBar.background": "#39CC",
    "scrollbar.shadow": "#112",
    "dropdown.background": "#1C1E2A",
    "dropdown.border": "#617A",
    "dropdown.foreground": "#D2C8BEDD",
    "dropdown.listBackground": "#19152F",
    "settings.dropdownBackground": "#6174",
    "settings.dropdownBorder": "#FC67",
    "settings.dropdownForeground": "#D2C8BEDD",
    "settings.dropdownListBorder": "#FC6B",
    "settings.checkboxBackground": "#39C4",
    "settings.checkboxBorder": "#FC67",
    "settings.checkboxForeground": "#D2C8BEDD",
    "settings.headerForeground": "#EDC",
    "settings.modifiedItemIndicator": "#8B3",
    "settings.numberInputBackground": "#39C4",
    "settings.numberInputBorder": "#FC64",
    "settings.numberInputForeground": "#D2C8BEDD",
    "settings.textInputBackground": "#6174",
    "settings.textInputBorder": "#FC64",
    "settings.textInputForeground": "#D2C8BEDD",
    "sideBar.background": "#1D1028",
    "sideBar.border": "#FC37",
    "sideBar.dropBackground": "#7493",
    "sideBar.foreground": "#D2C8BEDD",
    "sideBarSectionHeader.background": "#6176",
    "sideBarSectionHeader.border": "#FBA5",
    "sideBarSectionHeader.foreground": "#D2C8BEDD",
    "sideBarTitle.foreground": "#D2C8BEDD",
    "textBlockQuote.background": "#2C203C",
    "textBlockQuote.border": "#6171",
    "textCodeBlock.background": "#2C203C",
    "textLink.foreground": "#69FD",
    "textPreformat.foreground": "#D2C8BEDD",
    "textSeparator.foreground": "#D2C8BEDD",
    "titleBar.border": "#1C1C2E",
    "icon.foreground": "#FC7C",
    "widget.shadow": "#011",
    "editorGroupHeader.noTabsBackground": "#1C1C2E",
    "editorGroupHeader.tabsBackground": "#1C1C2E",
    "editorGroupHeader.tabsBorder": "#1D2545",
    "editorGroupHeader.border": "#013",
    "scrollbarSlider.hoverBackground": "#FC6C",
    "scrollbarSlider.activeBackground": "#8B3C",
    "scrollbarSlider.background": "#39C9",
    "activityBar.activeBackground": "#6178",
    "activityBar.activeBorder": "#617",
    "activityBar.inactiveForeground": "#C4BDB5AA",
    "activityBar.background": "#1C1C30",
    "activityBar.border": "#FC65",
    "activityBar.foreground": "#C4BDB5EE",
    "activityBarBadge.background": "#39CC",
    "activityBarBadge.foreground": "#FC6C",
    "activityBar.dropBorder": "#39C",
    "activityBar.activeFocusBorder": "#8B3",
    "inputOption.activeForeground": "#C4BDB5",
    "editorHoverWidget.statusBarBackground": "#1C1C2E",
    "statusBarItem.hoverBackground": "#1C1C2E",
    "statusBarItem.prominentHoverBackground": "#1C1C2E",
    "statusBarItem.activeBackground": "#1C1C2E",
    "statusBar.background": "#1D2547",
    "statusBar.border": "#6171",
    "statusBar.debuggingBackground": "#C60",
    "statusBar.debuggingBorder": "#6171",
    "statusBar.debuggingForeground": "#D2C8BEDD",
    "statusBar.foreground": "#D2C8BEAA",
    "statusBar.noFolderBackground": "#848",
    "statusBar.noFolderBorder": "#6171",
    "statusBar.noFolderForeground": "#D2C8BEDD",
    /*
    terminal colors for Original Theme
    */
    "terminal.background": "#1F1B18",
    "terminal.border": "#77116655",
    "terminal.foreground": "#C4BDB5DD",
    "terminalCursor.background": "#29153A",
    "terminalCursor.foreground": "#F33",
    "terminal.selectionBackground": "#4274",
    /*
    terminal colors for Original Theme
    */
    // COMMON PART TO ALL THEMES
    /*

    section select

    "breadcrumb.activeSelectionForeground": "#C9BDB0DD",
    "editor.findMatchHighlightBackground": "#39C2",
    "editor.findMatchHighlightBorder": "#39CA",
    "editor.findRangeHighlightBackground": "#2355",
    "editor.findRangeHighlightBorder": "#52A5",
    "editor.foldBackground": "#27A0D01A",
    "editor.hoverHighlightBackground": "#39C3",
    "editor.inactiveSelectionBackground": "#38D6",
    "editor.lineHighlightBackground": "#15E1",
    "editor.lineHighlightBorder": "#5274",
    "editor.rangeHighlightBackground": "#2355",
    "editor.rangeHighlightBorder": "#7261",
    "editor.selectionBackground": "#42E9",
    "editor.selectionForeground": "#C9BDB0DD",
    "editor.selectionHighlightBackground": "#5272",
    "editor.selectionHighlightBorder": "#62BA",
    "editor.snippetFinalTabstopHighlightBackground": "#235A",
    "editor.snippetFinalTabstopHighlightBorder": "#F74F",
    "editor.snippetTabstopHighlightBackground": "#235A",
    "editor.snippetTabstopHighlightBorder": "#39CA",
    "editor.stackFrameHighlightBackground": "#2355",
    "editor.symbolHighlightBackground": "#42EC",
    "editor.symbolHighlightBorder": "#B38",
    "editor.wordHighlightBackground": "#8DA2",
    "editor.wordHighlightBorder": "#8DAA",
    "editor.wordHighlightStrongBackground": "#E472",
    "editor.wordHighlightStrongBorder": "#E47A",
    "editorOverviewRuler.rangeHighlightForeground": "#F73C",
    "editorOverviewRuler.selectionHighlightForeground": "#FC4E",
    "editorOverviewRuler.wordHighlightForeground": "#8DA",
    "editorOverviewRuler.wordHighlightStrongForeground": "#E47",
    "editorSuggestWidget.highlightForeground": "#5BFD",
    "editorSuggestWidget.selectedBackground": "#4AE4",
    "list.activeSelectionBackground": "#39C7",
    "list.highlightForeground": "#7B5",
    "list.inactiveSelectionBackground": "#33D7",
    "list.inactiveSelectionForeground": "#D2C8BEDD",
    "menu.selectionBackground": "#6175",
    "menu.selectionBorder": "#617F",
    "menubar.selectionBackground": "#6175",
    "menubar.selectionBorder": "#617F",
    "minimap.findMatchHighlight": "#F738",
    "minimap.selectionHighlight": "#8DA8",
    "minimap.selectionOccurrenceHighlight": "#82DF",
    "peekViewEditor.matchHighlightBackground": "#526",
    "peekViewEditor.matchHighlightBorder": "#618",
    "peekViewResult.matchHighlightBackground": "#39C5",
    "peekViewResult.selectionBackground": "#42b4",
    "peekViewResult.selectionForeground": "#C4BDB5DD",
    "selection.background": "#698A",
    */
    "breadcrumb.activeSelectionForeground": "#C9BDB0DD",
    "editor.findMatchHighlightBackground": "#39C2",
    "editor.findMatchHighlightBorder": "#39CA",
    "editor.findRangeHighlightBackground": "#2355",
    "editor.findRangeHighlightBorder": "#52A5",
    "editor.foldBackground": "#27A0D01A",
    "editor.hoverHighlightBackground": "#39C3",
    "editor.inactiveSelectionBackground": "#38D6",
    "editor.lineHighlightBackground": "#15E1",
    "editor.lineHighlightBorder": "#5274",
    "editor.rangeHighlightBackground": "#2355",
    "editor.rangeHighlightBorder": "#7261",
    "editor.selectionBackground": "#42E9",
    "editor.selectionForeground": "#C9BDB0DD",
    "editor.selectionHighlightBackground": "#5272",
    "editor.selectionHighlightBorder": "#62BA",
    "editor.snippetFinalTabstopHighlightBackground": "#235A",
    "editor.snippetFinalTabstopHighlightBorder": "#F74F",
    "editor.snippetTabstopHighlightBackground": "#235A",
    "editor.snippetTabstopHighlightBorder": "#39CA",
    "editor.stackFrameHighlightBackground": "#2355",
    "editor.symbolHighlightBackground": "#42EC",
    "editor.symbolHighlightBorder": "#B38",
    "editor.wordHighlightBackground": "#8DA2",
    "editor.wordHighlightBorder": "#8DAA",
    "editor.wordHighlightStrongBackground": "#E472",
    "editor.wordHighlightStrongBorder": "#E47A",
    "editorOverviewRuler.rangeHighlightForeground": "#F73C",
    "editorOverviewRuler.selectionHighlightForeground": "#FC4E",
    "editorOverviewRuler.wordHighlightForeground": "#8DA",
    "editorOverviewRuler.wordHighlightStrongForeground": "#E47",
    "editorSuggestWidget.highlightForeground": "#5BFD",
    "editorSuggestWidget.selectedBackground": "#4AE4",
    "list.activeSelectionBackground": "#39C7",
    "list.highlightForeground": "#7B5",
    "list.inactiveSelectionBackground": "#33D7",
    "list.inactiveSelectionForeground": "#D2C8BEDD",
    "menu.selectionBackground": "#6175",
    "menu.selectionBorder": "#617F",
    "menubar.selectionBackground": "#6175",
    "menubar.selectionBorder": "#617F",
    "minimap.findMatchHighlight": "#F738",
    "minimap.selectionHighlight": "#8DA8",
    "minimap.selectionOccurrenceHighlight": "#82DF",
    "peekViewEditor.matchHighlightBackground": "#526",
    "peekViewEditor.matchHighlightBorder": "#618",
    "peekViewResult.matchHighlightBackground": "#39C5",
    "peekViewResult.selectionBackground": "#42b4",
    "peekViewResult.selectionForeground": "#C4BDB5DD",
    "selection.background": "#698A",
    /*

    diff

    */
    "diffEditor.diagonalFill": "#39C3",
    // "diffEditor.insertedLineBackground": "#ff0000",
    // "diffEditor.removedLineBackground": "#FffFFF",
    // "diffEditorGutter.insertedLineBackground": "#00ffF0",
    // "diffEditorGutter.removedLineBackground": "#E475",
    // "diffEditorOverview.insertedForeground": "#0000ff",
    // "diffEditorOverview.removedForeground": "#ff00FF",
    /*

    merge
    // "merge.border": "#39CC",
    // "merge.commonContentBackground": "#8DA3",
    // "merge.commonHeaderBackground": "#8DAA",
    // "merge.currentContentBackground": "#39C3",
    // "merge.currentHeaderBackground": "#39CA",
    // "merge.incomingContentBackground": "#E473",
    // "merge.incomingHeaderBackground": "#E36E",
    */
    "merge.border": "#FC6",
    "merge.commonContentBackground": "#8DA5",
    "merge.commonHeaderBackground": "#8DAA",
    "merge.currentContentBackground": "#39C5",
    "merge.currentHeaderBackground": "#39CA",
    "merge.incomingContentBackground": "#E475",
    "merge.incomingHeaderBackground": "#E36A",
    /*

    mergeEditor

    */
    "mergeEditor.conflict.handled.minimapOverViewRuler": "#617",
    "mergeEditor.conflict.handledFocused.border": "#8DA",
    "mergeEditor.conflict.handledUnfocused.border": "#617",
    "mergeEditor.conflict.unhandled.minimapOverViewRuler": "#FF0",
    "mergeEditor.conflict.unhandledFocused.border": "#FF0",
    "mergeEditor.conflict.unhandledUnfocused.border": "#E46",
    "mergeEditor.change.word.background": "#8DAA",
    "mergeEditor.change.background": "#8DA5",
    "mergeEditor.conflictingLines.background": "#617",
    /*

    editorBracketHighlight

    */
    "menu.selectionForeground": "#FD8D",
    "menubar.selectionForeground": "#FDAD",
    "editorGutter.foldingControlForeground": "#FC7D",
    "editorBracketHighlight.foreground1": "#FB6D",
    "editorBracketHighlight.foreground2": "#F6BD",
    "editorBracketHighlight.foreground3": "#5BFD",
    "editorBracketHighlight.foreground4": "#B6FD",
    "editorBracketHighlight.foreground5": "#86FD",
    "editorBracketHighlight.foreground6": "#F66D",
    "editorBracketHighlight.unexpectedBracket.foreground": "#C21D",
    /*

    symbolIcon

    */
    "symbolIcon.classForeground": "#D81",
    "symbolIcon.eventForeground": "#FC3E",
    "symbolIcon.methodForeground": "#A5BE",
    "symbolIcon.functionForeground": "#FC3E",
    "symbolIcon.constructorForeground": "#E1AE",
    "symbolIcon.moduleForeground": "#A5BE",
    "symbolIcon.fieldForeground": "#39CD",
    "symbolIcon.enumeratorMemberForeground": "#5BFD",
    "symbolIcon.structForeground": "#5BFD",
    "symbolIcon.operatorForeground": "#5BFD",
    "symbolIcon.interfaceForeground": "#297DC4",
    "symbolIcon.objectForeground": "#8D3",
    "symbolIcon.arrayForeground": "#8D3",
    "symbolIcon.constantForeground": "#297DC4",
    "symbolIcon.namespaceForeground": "#C4BDB5DD",
    "symbolIcon.typeParameterForeground": "#C4BDB5DD",
    "symbolIcon.numberForeground": "#E67",
    "symbolIcon.keywordForeground": "#E36",
    "symbolIcon.enumeratorForeground": "#FB2",
    "symbolIcon.packageForeground": "#F90",
    "symbolIcon.textForeground": "#FC3",
    "symbolIcon.stringForeground": "#CE5",
    "symbolIcon.booleanForeground": "#8D3",
    "symbolIcon.colorForeground": "#C4BDB5DD",
    "symbolIcon.fileForeground": "#C4BDB5DD",
    "symbolIcon.folderForeground": "#C4BDB5DD",
    "symbolIcon.keyForeground": "#C4BDB5DD",
    "symbolIcon.referenceForeground": "#00539C",
    "symbolIcon.snippetForeground": "#652D90",
    "symbolIcon.unitForeground": "#4B9",
    "symbolIcon.propertyForeground": "#39C",
    "symbolIcon.variableForeground": "#5BF",
    "symbolIcon.nullForeground": "#A5B",
    /*

    editorLightBulb

    */
    "editorLightBulb.foreground": "#FB0A",
    "editorLightBulbAutoFix.foreground": "#09CA",
    /*

    gitDecoration
    "gitDecoration.addedResourceForeground": "#F75E",
    "gitDecoration.conflictingResourceForeground": "#C21",
    "gitDecoration.deletedResourceForeground": "#A36E",
    "gitDecoration.ignoredResourceForeground": "#39CC",
    "gitDecoration.modifiedResourceForeground": "#F95E",
    "gitDecoration.renamedResourceForeground": "#3F5E",
    "gitDecoration.stageDeletedResourceForeground": "#F3FE",
    "gitDecoration.stageModifiedResourceForeground": "#FD5E",
    "gitDecoration.submoduleResourceForeground": "#C3CE",
    "gitDecoration.untrackedResourceForeground": "#B3AF",
    */
    "gitDecoration.submoduleResourceForeground": "#B4DE",
    "gitDecoration.conflictingResourceForeground": "#C21",
    "gitDecoration.deletedResourceForeground": "#A36E",
    "gitDecoration.stageDeletedResourceForeground": "#F3FE",
    //
    "gitDecoration.ignoredResourceForeground": "#3ACE",
    "gitDecoration.addedResourceForeground": "#F66E",
    "gitDecoration.modifiedResourceForeground": "#FA6E",
    "gitDecoration.stageModifiedResourceForeground": "#EC3E",
    "gitDecoration.renamedResourceForeground": "#6F6E",
    "gitDecoration.untrackedResourceForeground": "#C5CE",
    /*

    error and warnings

    */
    "editorError.foreground": "#F36F",
    "editorOverviewRuler.errorForeground": "#F36F",
    "editorOverviewRuler.warningForeground": "#CF4F",
    "editorWarning.foreground": "#CF4F",
    "list.errorForeground": "#F36F",
    "list.warningForeground": "#CF4F",
    "minimap.errorHighlight": "#F36F",
    "minimap.warningHighlight": "#CF4F",
    "notificationsErrorIcon.foreground": "#F36F",
    "notificationsWarningIcon.foreground": "#CF4F",
    "problemsErrorIcon.foreground": "#F36F",
    "problemsWarningIcon.foreground": "#CF4F",
    "tab.activeBorderTop": "#BFBF",
    "tab.activeModifiedBorder": "#F55F",
    /*

    terminal colors
    // "terminal.ansiBlack": "#1A0A2A",
    // "terminal.ansiBrightBlack": "#928374",
    // "terminal.ansiRed": "#CC271E",
    // "terminal.ansiBrightRed": "#FF2244",
    // "terminal.ansiYellow": "#E7A931",
    // "terminal.ansiBrightYellow": "#FABE2F",
    // "terminal.ansiGreen": "#98971A",
    // "terminal.ansiBrightGreen": "#B5C033",
    // "terminal.ansiBlue": "#458588",
    // "terminal.ansiBrightBlue": "#99CCDD",
    // "terminal.ansiCyan": "#689E6A",
    // "terminal.ansiBrightCyan": "#8AE180",
    // "terminal.ansiMagenta": "#BB5599",
    // "terminal.ansiBrightMagenta": "#DD6688",
    // "terminal.ansiWhite": "#CCBBAA",
    // "terminal.ansiBrightWhite": "#DDCCAA",
    */
    "terminal.ansiBlack": "#20101A",
    "terminal.ansiBrightBlack": "#908070",
    "terminal.ansiRed": "#CC371E",
    "terminal.ansiBrightRed": "#FF2255",
    "terminal.ansiYellow": "#E79931",
    "terminal.ansiBrightYellow": "#FACE2F",
    "terminal.ansiGreen": "#98971A",
    "terminal.ansiBrightGreen": "#B5D033",
    "terminal.ansiBlue": "#458588",
    "terminal.ansiBrightBlue": "#88BBDD",
    "terminal.ansiCyan": "#76BB77",
    "terminal.ansiBrightCyan": "#8AD1A5",
    "terminal.ansiMagenta": "#DD6688",
    "terminal.ansiBrightMagenta": "#C055A9",
    "terminal.ansiWhite": "#DCCBBA",
    "terminal.ansiBrightWhite": "#ECEBE0",
  },
  "tokenColors": [
    // "#E36B","#E43D","#E67D","#E1AD","#7ADD", // #D25 /%/
    // "#FC4E","#F91D","#C4BDB5DD","#A5BD","#ADEC",// #FC5 /%/ // #ADC /%/
    // "#CE5C","#8D3D","#4B9D","#55FD","#5BFC", // #6BF  /%/ // #7C3 /%/
    {
      "name": "Interface and Type Aliase definition keyword",
      "scope": [
        "source.ts storage.type.enum",
        "source.ts storage.type.interface",
        "source.ts storage.type.type"
      ],
      "settings": {
        "foreground": "#E36B", // #D25 /%/
        "fontStyle": "bold"
      }
    },
    {
      "name": "Property Definition in Interface",
      "scope": [
        "source.ts meta.interface meta.definition.property variable.object.property"
      ],
      "settings": {
        "foreground": "#ADEC", // #ADC /%/
        "fontStyle": ""
      }
    },
    {
      "name": "Primitive Annotation in Interface and Type Aliase",
      "scope": [
        "source.ts meta.interface meta.type.annotation support.type.primitive",
        "source.ts meta.type.declaration support.type.primitive",
        "source.ts meta.interface meta.type.annotation entity.name.type",
        "source.ts meta.type.declaration entity.name.type",
        "source.ts meta.type.declaration meta.type.function.return meta.type.parameters entity.name.type",
        "source.ts meta.function meta.block meta.type.parameters entity.name.type"
      ],
      "settings": {
        "foreground": "#FC4E", // #FC5 /%/
        "fontStyle": ""
      }
    },
    // #endregion TS INTERFACE END HERE
    {
      "name": "Types",
      "scope": [
        "source.ts meta.type.declaration meta.type.parameters entity.name.type",
        "source.ts meta.function meta.type.parameters entity.name.type"
      ],
      "settings": {
        "foreground": "#FC4C", // #FC5 /%/
        "fontStyle": "bold"
      }
    },
    {
      "name": "Types",
      "scope": [
        "source.ts entity.name.type",
        "source.ts meta.parameters entity.name.type",
        "source.ts meta.type.annotation meta.type.parameters entity.name.type",
        "source.ts meta.type.annotation",
        "source.ts meta.type.parameters entity.name.type",
        "source.ts type.annotation",
        "source.ts meta.type.annotation meta.type.parameters support.type.primitive",
        "source.ts support.type.primitive"
      ],
      "settings": {
        "foreground": "#FC4E", // #FC5 /%/
        "fontStyle": ""
      }
    },
    {
      "name": "Functions",
      "scope": [
        "source.ts entity.name.function",
        "source.ts meta.definition.function.ts entity.name.function",
        "source.ts meta.definition.method",
        "source.ts meta.definition.variable entity.name.function",
        "source.ts meta.field.declaration.ts"
      ],
      "settings": {
        "foreground": "#FC4E", // #FC5 /%/
        "fontStyle": ""
      }
    },
    {
      "name": "Function Math or builtin",
      "scope": [
        "source.ts support.function.builtin",
        // "source.ts support.function.git-rebase",
        // "source.ts support.function",
        "source.ts support.function.math"
        // "source.ts support.function.process"
        // "source.ts support.function.console"
      ],
      "settings": {
        "foreground": "#FC4C", // #FC5 /%/
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "Function Like",
      "scope": [
        // "source.ts support.function.builtin",
        "source.ts support.function.git-rebase",
        "source.ts support.function",
        // "source.ts support.function.math",
        "source.ts support.function.process",
        "source.ts support.function.dom"
        // "source.ts support.function.console"
      ],
      "settings": {
        "foreground": "#FC4C", // #FC5 /%/
        "fontStyle": "bold"
      }
    },
    {
      "name": "New Class",
      "scope": [
        "source.ts entity.other.inherited-class",
        "source.ts new.expr entity.name.type"
      ],
      "settings": {
        "foreground": "#FC4C", // #FC5 /%/
        "fontStyle": "bold"
      }
    },
    {
      "name": "Function Return Type",
      "scope": [
        "source.ts meta.return.type entity.name.type",
        "source.ts meta.return.type support.type.primitive"
      ],
      "settings": {
        "foreground": "#4B9C",
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "Function Return Type parameter name type",
      "scope": [
        "source.ts meta.return.type meta.type.parameters entity.name.type"
      ],
      "settings": {
        "foreground": "#FC4E", // #FC5 /%/
        "fontStyle": "italic"
      }
    },
    {
      "name": "Function Return Type parameter primitive type",
      "scope": [
        "source.ts meta.return.type meta.type.parameters support.type.primitive"
      ],
      "settings": {
        "foreground": "#E7BB", // "#FC4E",  "#E7BB",// #FC5 /%/
        "fontStyle": "italic"
      }
    },
    {
      "name": "Function Return Type parameter punctuation",
      "scope": [
        "source.ts meta.return.type meta.type.parameters punctuation.definition.typeparameters",
        "source.ts meta.return.type meta.type.tuple meta.brace.square",
        "source.ts meta.return.type keyword.operator.type"
      ],
      "settings": {
        "foreground": "#EDBD", //#EDB /%/
        "fontStyle": ""
      }
    },
    {
      "name": "Others",
      "scope": [
        "source.ts *link*",
        "source.ts *uri*",
        "source.ts *url*",
        "source.ts case-clause.expr ",
        "source.ts case-clause.expr",
        "source.ts cast.expr",
        "source.ts header",
        "source.ts keyword.other.back-reference.regexp",
        "source.ts keyword.other.unit",
        "source.ts markup.changed",
        "source.ts markup.deleted",
        "source.ts markup.heading",
        "source.ts markup.inline.raw",
        "source.ts markup.inserted",
        "source.ts markup.punctuation.list.beginning",
        "source.ts markup.punctuation.quote.beginning",
        "source.ts markup.underline",
        "source.ts module.node",
        "source.ts new.expr",
        "source.ts prototype",
        "source.ts punctuation.definition.binding-pattern.array",
        "source.ts punctuation.definition.binding-pattern.object",
        "source.ts source.embedded",
        "source.ts switch-block.expr",
        "source.ts switch-expression.expr",
        "source.ts switch-statement.expr",
        "source.ts variable.other.object",
        "source.ts meta.object.member variable.other.object"
      ],
      "settings": {
        "foreground": "#EDBD", //#EDB /%/
        "fontStyle": ""
      }
    },
    // DDCCBBCC
    // EEDDBBDD
    {
      "scope": [
        "source.ts support.class",
        "source.ts support.class.builtin",
        "source.ts support.class.node",
        "source.ts support.class.promise",
        "source.ts support.constant",
        "source.ts support.constant",
        "source.ts support.constant.math",
        "source.ts support.type",
        "source.ts support.type.object.module",
        "source.ts support.variable",
        "source.ts support.variable.object.node",
        "source.ts support.variable.object.process"
        // "source.ts support.class.console"
      ],
      "settings": {
        "foreground": "#EDBD", //#EDB /%/
        "fontStyle": ""
      }
    },
    {
      "name": "Entitys",
      "scope": [
        "source.ts punctuation.definition.template-expression.begin",
        "source.ts punctuation.definition.template-expression.end",
        "source.ts punctuation.definition.parameters.begin",
        "source.ts punctuation.definition.parameters.end",
        "source.ts meta.brace.angle",
        "source.ts meta.brace.round",
        "source.ts meta.brace.square",
        "source.ts punctuation.definition.block",
        "source.ts entity.function",
        "source.ts entity.name",
        "source.ts entity.other.attribute-name.css",
        "source.ts entity.other.attribute-name.directive",
        "source.ts entity.other.attribute-name",
        "source.ts entity.other.inherited-class",
        "source.ts entity.static"
      ],
      "settings": {
        "foreground": "#EDBD", //#EDB /%/
        "fontStyle": ""
      }
    },
    /*


    textmate scopes	variable.other.object.ts
    meta.function-call.ts
    meta.block.ts
    meta.method.declaration.ts
    meta.class.ts
    source.ts
    foreground	source.ts variable.other.object { "foreground": "#EDBD", "fontStyle": "" } //#EDB /%/

    textmate scopes	variable.other.object.ts
meta.function-call.ts
meta.var.expr.ts
source.ts
foreground	source.ts variable.other.object { "foreground": "#EDBD", "fontStyle": "" } //#EDB /%/



    */
    // {
    //   "name": "Interface and Type Aliase definition name",
    //   "scope": [
    //     "source.ts meta.interface entity.name.type.interface",
    //     "entity.name.type.alias"
    //   ],
    //   "settings": {
    //     "foreground": "#C8C3B7CC", // "#C4BDB5DD",
    //     "fontStyle": "bold"
    //   }
    // },
    // {
    //   "name": "Types",
    //   "scope": [
    //     "source.ts entity.name.type.class",
    //     "source.ts entity.name.type.enum",
    //     "source.ts entity.name.type.instance",
    //     "source.ts entity.name.type.module",
    //     "source.ts entity.name.type.interface",
    //     "source.ts entity.name.type.alias"
    //   ],
    //   "settings": {
    //     "foreground": "#C8C3B7CC", // "#C4BDB5DD",
    //     "fontStyle": "bold"
    //   }
    // },
    {
      "name": "Entitys",
      "scope": [
        "source.ts meta.decorator entity.name",
        "source.ts meta.decorator entity.name.function",
        "source.ts meta.decorator meta.function-call entity.name",
        "source.ts meta.decorator variable.other.readwrite",
        // !!
        "source.ts emphasis",
        "source.ts markup.bold",
        "source.ts strong",
        // !! Types
        "source.ts entity.name.type.class",
        "source.ts entity.name.type.enum",
        "source.ts entity.name.type.instance",
        "source.ts entity.name.type.module",
        "source.ts entity.name.type.interface",
        "source.ts entity.name.type.alias",
        // !! Interface and Type Aliase definition name
        "source.ts meta.interface entity.name.type.interface",
        "entity.name.type.alias"
      ],
      "settings": {
        "foreground": "#C8C3C7DD", // "#C4BDB5DD",
        "fontStyle": "bold"
      }
    },
    // {
    //   "scope": [
    //     "source.ts emphasis",
    //     "source.ts markup.bold",
    //     "source.ts strong"
    //   ],
    //   "settings": {
    //     "foreground": "#C8C3B7CC", // "#C4BDB5DD",
    //     "fontStyle": "bold"
    //   }
    // },
    {
      "scope": [
        "source.ts markup.italic"
      ],
      "settings": {
        "foreground": "#C8C3B7CC", // "#C4BDB5DD",
        "fontStyle": "italic"
      }
    },
    {
      "name": "regexp constants",
      "scope": [
        "source.ts string.regexp constant.other.character-class.set.regexp"
      ],
      "settings": {
        "foreground": "#E67D",
        "fontStyle": ""
      }
    },
    {
      "name": "regexp string",
      "scope": [
        "source.ts meta.var.expr string.regexp"
      ],
      "settings": {
        "foreground": "#9C8D",
        "fontStyle": ""
      }
    },
    {
      "name": "regexp other punctuation",
      "scope": [
        "source.ts string.regexp punctuation.definition.character-class.regexp"
      ],
      "settings": {
        "foreground": "#FC4E", // #FC5 /%/
        "fontStyle": ""
      }
    },
    // console.log etc ...
    {
      "name": "console function",
      "scope": [
        "source support.function.console"
      ],
      "settings": {
        "foreground": "#FC4E", // #FC5 /%/
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "console class",
      "scope": [
        "source support.class.console"
      ],
      "settings": {
        "foreground": "#4B9D",
        "fontStyle": "bold"
      }
    },
    {
      "name": "regexp punctuation",
      "scope": [
        "source support.function.promise"
      ],
      "settings": {
        "foreground": "#F91C",
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "regexp punctuation",
      "scope": [
        "source.ts string.regexp punctuation.definition.string.begin",
        "source.ts string.regexp punctuation.definition.string.end"
      ],
      "settings": {
        "foreground": "#F91C",
        "fontStyle": "bold"
      }
    },
    {
      "name": "Variables",
      "scope": [
        "source.ts meta.array-binding-pattern-variable variable.other.constant",
        "source.ts meta.array-binding-pattern-variable variable.other.constant",
        "source.ts meta.object-binding-pattern-variable variable.other.constant",
        "source.ts object-binding-pattern-variable variable.object.property",
        "source.ts variable.arguments",
        "source.ts variable.class",
        "source.ts variable.language.arguments",
        "source.ts variable.language",
        "source.ts variable.name",
        "source.ts variable.other.constant.object",
        "source.ts variable.other.constant",
        "source.ts variable.other.enummember",
        "source.ts variable.other.readwrite.alias",
        "source.ts variable.other.readwrite",
        "source.ts variable.other.readwrite",
        "source.ts variable.other.regexp",
        "source.ts variable.other",
        "source.ts variable.parameter",
        "source.ts variable",
      ],
      "settings": {
        "foreground": "#ADEC" // #ADC /%/
      }
    },
    /*

    "object-binding-pattern-variable variable.object.property",


    Greeter :
variable.object.property.ts
meta.object-binding-pattern-variable.ts
meta.var.expr.ts
source.ts
foreground	source.ts variable.object.property
{ "foreground": "#55BBFFBB" }
    */
    {
      "name": "Other Constant",
      "scope": [
        "source.ts meta.object-binding-pattern-variable variable.other.constant",
        "source.ts meta.object.member meta.object-literal.key",
        "source.ts meta.objectliteral meta.object.member",
        "source.ts meta.var.expr meta.object-literal.key",
        // "source.ts variable.object.property",
        "source.ts variable.other.constant.object.property",
        "source.ts variable.other.constant.property",
        "source.ts variable.other.property"
      ],
      "settings": {
        "foreground": "#5BFB" // #6BF  /%/
      }
    },
    /*

textmate scopes	meta.object-literal.key.ts
meta.object.member.ts
meta.objectliteral.ts
meta.var.expr.ts
meta.embedded.block.typescript
markup.fenced_code.block.markdown
text.html.markdown
foreground	text.html

meta.object-literal.key.ts
meta.object.member.ts
meta.objectliteral.ts
meta.var.expr.ts
source.ts

"source.ts",
"source.ts meta.block",
"source.ts meta.block meta.object-literal.key",
"source.ts meta.block meta.object-literal.key meta.object.member",
"source.ts meta.block meta.object-literal.key meta.object.member meta.objectliteral meta.var.expr",

"source.ts meta.var.expr.ts meta.arrow.ts meta.block.ts meta.var.expr.ts meta.objectliteral.ts meta.object.member.ts meta.object-literal.key.ts",
"meta.var.expr.ts meta.arrow.ts meta.block.ts meta.var.expr.ts meta.objectliteral.ts meta.object.member.ts meta.object-literal.key.ts",
"meta.block.ts meta.var.expr.ts meta.objectliteral.ts meta.object.member.ts meta.object-literal.key.ts",
"meta.var.expr.ts meta.objectliteral.ts meta.object.member.ts meta.object-literal.key.ts",
"meta.objectliteral.ts meta.object.member.ts meta.object-literal.key.ts",
"meta.object.member.ts meta.object-literal.key.ts",
" meta.object-literal.key.ts",
source.ts meta.var.expr.ts meta.arrow.ts meta.block.ts meta.var.expr.ts meta.objectliteral.ts meta.object.member.ts meta.object-literal.key.ts







    */
    // {
    //   "name": "Other Constant white",
    //   "scope": [
    //     "source.ts meta.var.expr.ts meta.arrow.ts meta.block.ts meta.var.expr.ts meta.objectliteral.ts meta.object.member.ts meta.object-literal.key.ts",
    //     "source.ts meta.var.expr.ts meta.arrow.ts meta.block.ts meta.var.expr.ts meta.objectliteral.ts meta.object.member.ts meta.object-literal.key.ts",
    //     "source.ts meta.block.ts meta.var.expr.ts meta.objectliteral.ts meta.object.member.ts meta.object-literal.key.ts",
    //     "source.ts meta.var.expr.ts meta.objectliteral.ts meta.object.member.ts meta.object-literal.key.ts",
    //     "source.ts meta.objectliteral.ts meta.object.member.ts meta.object-literal.key.ts",
    //     "source.ts meta.object.member.ts meta.object-literal.key.ts",
    //     "source.ts meta.object-literal.key.ts meta.definition.variable.ts variable.other.constant.ts",
    //     "source.ts meta.object-literal.key.ts variable.other.constant.ts",
    //     "source.ts meta.object-literal.key.ts meta.definition.variable.ts",
    //   ],
    //   "settings": {
    //     "foreground": "#FECD" // #6BF  /%/ #FFEECCDD
    //   }
    // },
    {
      "name": "support properties",
      "scope": [
        /*         "source.ts support.variable.property",
        "source.ts support.variable.property.importmeta",
        "source.ts support.variable.property.process",
        "source.ts support.variable.property.target",
        "source.ts support.type.property-name",
        "source.ts support.type.property-name.css",
        "source.ts support.property-value",
        "source.ts support.property-value.scss", */
        "source.ts support.constant.property.math"
      ],
      "settings": {
        "foreground": "#5BFB", // #6BF  /%/
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "support properties",
      "scope": [
        "source.ts support.variable.property",
        "source.ts support.variable.property.importmeta",
        "source.ts support.variable.property.process",
        "source.ts support.variable.property.target",
        "source.ts support.type.property-name",
        "source.ts support.type.property-name.css",
        "source.ts support.property-value",
        "source.ts support.property-value.scss"
        // "source.ts support.constant.property.math"
      ],
      "settings": {
        "foreground": "#5BFB", // #6BF  /%/
        "fontStyle": "bold"
      }
    },
    {
      "name": "Constants",
      "scope": [
        "source.ts constant",
        "source.ts constant.character.escape.backslash.regexp",
        "source.ts constant.character.numeric.regexp",
        "source.ts constant.language",
        "source.ts constant.language.import-export-all",
        "source.ts constant.other.character-class.range.regexp",
        "source.ts constant.other.character-class.regexp",
        "source.ts constant.other.character-class.set.regexp",
        "source.ts constant.rgb-value",
        "source.ts constant.sha.git-rebase",
        "source.ts constant.character.escape",
        "source.ts constant.numeric",
        "source.ts constant.numeric.binary",
        "source.ts constant.numeric.decimal",
        "source.ts constant.numeric.hex",
        "source.ts constant.numeric.octal"
      ],
      "settings": {
        "foreground": "#E67C",
        "fontStyle": ""
      }
    },
    {
      "name": "Strings",
      "scope": [
        "source.ts string",
        "source.ts string.constant.other.placeholder",
        "source.ts string.entity",
        "source.ts string.escape",
        "source.ts string.quoted.double",
        "source.ts string.quoted.single",
        "source.ts string.regexp",
        "source.ts string.tag",
        "source.ts string.template",
        "source.ts string.value"
      ],
      "settings": {
        "foreground": "#DE3C" // #CE3 /%/
      }
    },
    {
      "name": "ARROW FUNCTION STYLE",
      "scope": [
        "source.ts storage.type.function.arrow"
      ],
      "settings": {
        "fontStyle": "bold"
      }
    },
    {
      "name": "FUNCTION KEYWORD STYLE",
      "scope": [
        "source.ts storage.type.function"
      ],
      "settings": {
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "FUNCTION KEYWORD OR ARROW COLOUR",
      "scope": [
        "source.ts storage.type.function",
        "source.ts storage.type.function.arrow"
      ],
      "settings": {
        "foreground": "#8D3C" // #7C3 /%/
      }
    },
    {
      "name": "CLASS KEYWORD DEFINITION",
      "scope": [
        "source.ts storage.type.class"
      ],
      "settings": {
        "foreground": "#FC4E", // #FC5 /%/
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "Constructor Keyword",
      "scope": [
        "source.ts meta.method.declaration.ts storage.type"
      ],
      "settings": {
        "foreground": "#E36B", // #D25 /%/
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "Extends, Get, Implements, Private, Public, Set, etc...",
      "scope": [
        "source.ts meta.class storage.modifier",
        "source.ts meta.method.declaration storage.modifier",
        "source.ts storage.type.property",
        "storage.type.modifier.access.control"
      ],
      "settings": {
        "foreground": "#F91E",
        "fontStyle": ""
      }
    },
    {
      "name": "NEW KEYWORD DEFINITION",
      "scope": [
        "source.ts keyword.control.new",
        "source.ts keyword.operator.new"
      ],
      "settings": {
        "foreground": "#F91C",
        "fontStyle": "bold"
      }
    },
    {
      "name": "ASYNC KEYWORD DEFINITION",
      "scope": [
        "source.ts meta.method.declaration storage.modifier.async",
        "source.ts storage.modifier.async"
      ],
      "settings": {
        "foreground": "#F91C",
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "VARIABLE SUPER",
      "scope": [
        "source.ts variable.language.super"
      ],
      "settings": {
        "foreground": "#E1AC",
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "VARIABLE THIS",
      "scope": [
        "source.ts variable.language.this"
      ],
      "settings": {
        "foreground": "#E67C",
        "fontStyle": "bold italic"
      }
    },
    // import is italic
    {
      "name": "Import variables are italic",
      "scope": [
        "source.ts meta.import variable.other.readwrite.alias",
        "source.ts meta.import variable.other.readwrite"
      ],
      "settings": {
        "foreground": "#ADEC", // #ADC /%/
        "fontStyle": "italic"
      }
    },
    {
      "name": "Import variables are italic",
      "scope": [
        "source.ts meta.import punctuation.definition.block"
      ],
      "settings": {
        "foreground": "#FD0C",
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "Star in import expor all",
      "scope": [
        "source.ts constant.language.import-export-all"
      ],
      "settings": {
        "foreground": "#E67C",
        "fontStyle": "bold"
      }
    },
    {
      "name": "Import strings are italic",
      "scope": [
        "source.ts meta.import string.quoted.single",
        "source.ts meta.import string.quoted.double"
      ],
      "settings": {
        "foreground": "#CE5C",
        "fontStyle": "italic"
      }
    },
    {
      "name": "Import default as and From",
      "scope": [
        "source.ts meta.import keyword.control.as",
        "source.ts meta.import keyword.control.default",
        "source.ts meta.import keyword.control.from",
        "source.ts meta.import keyword.control.import"
      ],
      "settings": {
        "foreground": "#E36B", // #D25 /%/
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "Enum, Export, Import, Interface, Namespace, Type, etc",
      "scope": [
        "source.ts storage.type.internaldeclaration",
        "source.ts storage.type.namespace",
        "source.ts storage.type",
        "source.ts keyword.control.from",
        "source.ts keyword.control.import",
        "source.ts keyword.control.export",
        "source.ts meta.export.default keyword.control.default"
      ],
      "settings": {
        "foreground": "#E36B", // #D25 /%/
        "fontStyle": "bold"
      }
    },
    {
      "name": "KEYWORD.CONTROL others ETC.",
      "scope": [
        "source.ts keyword.control.as",
        "source.ts keyword.control.default",
        "source.ts keyword.control",
        "source.ts keyword.control.anchor.regexp",
        "source.ts keyword.control.conditional",
        "source.ts keyword.control.less",
        "source.ts keyword.control.loop",
        "source.ts keyword.control.module",
        "source.ts keyword.control.require",
        "source.ts keyword.control.switch",
        "source.ts keyword.control.trycatch",
        "source.ts keyword.control.with",
        "source.ts keyword",
        "source.ts keyword.other",
        "source.ts meta.block keyword.control.flow",
        "source.ts keyword.operator.logical",
        "source.ts storage.type.numeric.bigint"
      ],
      "settings": {
        "foreground": "#E36E", // #D25 /%/
        "fontStyle": ""
      }
    },
    {
      "name": "STORAGE TYPE => LET CONST etc ....",
      "scope": [
        "source.ts storage.type"
      ],
      "settings": {
        "foreground": "#E36B", // #D25 /%/
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "STORAGE TYPE => LET CONST etc ....",
      "scope": [
        "source.ts meta.block meta.var.expr storage.type"
      ],
      "settings": {
        "foreground": "#E36E", // #D25 /%/
        "fontStyle": "italic"
      }
    },
    {
      "scope": [
        "source.ts punctuation.decorator",
        "source.ts keyword.generator.asterisk",
      ],
      "settings": {
        "foreground": "#E36B", // #D25 /%/
        "fontStyle": "bold"
      }
    },
    {
      "scope": [
        "source.ts constant.language.boolean.false"
      ],
      "settings": {
        "foreground": "#E43C",
        "fontStyle": "bold italic"
      }
    },
    {
      "scope": [
        "source.ts constant.language.boolean.true"
      ],
      "settings": {
        "foreground": "#7D3C",
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "undefined",
      "scope": [
        "source.ts constant.language.undefined"
      ],
      "settings": {
        "foreground": "#A7B",
        "fontStyle": "bold italic"
      }
    },
    {
      "scope": [
        "source.ts constant.language.null"
      ],
      "settings": {
        "foreground": "#E67C",
        "fontStyle": "bold italic"
      }
    },
    {
      "scope": [
        "source.ts support.type.builtin"
      ],
      "settings": {
        "foreground": "#E7BB",
        "fontStyle": ""
      }
    },
    {
      "scope": [
        "source.ts constant.language.infinity",
        "source.ts constant.language.nan"
      ],
      "settings": {
        "foreground": "#7ADC",
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "Big Int",
      "scope": [
        "source.ts storage.type.numeric.bigint"
      ],
      "settings": {
        "foreground": "#E36E", // #D25 /%/
        "fontStyle": "italic"
      }
    },
    {
      "name": "Operators",
      "scope": [
        "source.ts keyword.operator.arithmetic",
        "source.ts keyword.operator.assignment.compound.bitwise",
        "source.ts keyword.operator.assignment.compound",
        "source.ts keyword.operator.bitwise.shift",
        "source.ts keyword.operator.bitwise",
        "source.ts keyword.operator.decrement",
        "source.ts keyword.operator.increment",
        "source.ts keyword.operator.definiteassignment",
        "source.ts keyword.operator",
        "source.ts keyword.operator.comparison",
        "source.ts keyword.operator.ternary",
        "source.ts punctuation.separator.key-value",
        "source.ts keyword.operator.assignment",
        "source.ts keyword.operator.type.annotation",
        "source.ts keyword.operator.expression.delete",
        "source.ts keyword.operator.expression.import",
        "source.ts keyword.operator.expression.in",
        "source.ts keyword.operator.expression.infer",
        "source.ts keyword.operator.expression.instanceof",
        "source.ts keyword.operator.expression.is",
        "source.ts keyword.operator.expression.keyof",
        "source.ts keyword.operator.expression.of",
        "source.ts keyword.operator.expression.typeof",
        "source.ts keyword.operator.expression.void",
        "source.ts keyword.operator.negation.regexp",
        "source.ts keyword.operator.optional",
        "source.ts keyword.operator.or.regexp",
        "source.ts keyword.operator.quantifier.regexp",
        "source.ts keyword.operator.relational",
        "source.ts keyword.operator.type.modifier",
        "source.ts keyword.operator.type",
        "source punctuation.separator.scope-resolution",
        "source punctuation.separator.namespace.access"
      ],
      "settings": {
        "foreground": "#4B9C",
        "fontStyle": ""
      }
    },
    {
      "scope": [
        "source.ts keyword.operator.spread",
        "source.ts keyword.operator.rest"
      ],
      "settings": {
        "foreground": "#4B9A",
        "fontStyle": "bold"
      }
    },
    {
      "scope": [
        "source.ts punctuation.quasi",
        "source.ts string.quasi",
        "source.ts invalid",
        "source.ts invalid.illegal",
        "source.ts invalid.illegal.newline"
      ],
      "settings": {
        "foreground": "#E36E", // #D25 /%/
        "fontStyle": ""
      }
    },
    {
      "scope": [
        "source.ts invalid.deprecated"
      ],
      "settings": {
        "foreground": "#E36E", // #D25 /%/
        "fontStyle": "underline"
      }
    },
    // #endregion
    // #region "TypeScript REACT (TSX)" ----------------------------------------
    // #region TS INTERFACE START HERE
    {
      "name": "Interface and Type Aliase definition keyword",
      "scope": [
        "source.tsx storage.type.enum",
        "source.tsx storage.type.interface",
        "source.tsx storage.type.type"
      ],
      "settings": {
        "foreground": "#E36B", // #D25 /%/
        "fontStyle": "bold"
      }
    },
    {
      "name": "Interface and Type Aliase definition name",
      "scope": [
        "source.tsx meta.interface entity.name.type.interface",
        "entity.name.type.alias"
      ],
      "settings": {
        "foreground": "#CFC5B2DD",
        "fontStyle": "bold"
      }
    },
    {
      "name": "Property Definition in Interface",
      "scope": [
        "source.tsx meta.interface meta.definition.property variable.object.property"
      ],
      "settings": {
        "foreground": "#ADEC", // #ADC /%/
        "fontStyle": ""
      }
    },
    {
      "name": "Primitive Annotation in Interface and Type Aliase",
      "scope": [
        "source.tsx meta.interface meta.type.annotation support.type.primitive",
        "source.tsx meta.type.declaration support.type.primitive"
      ],
      "settings": {
        "foreground": "#FC4D", //  "#E7BB",// #FC5 /%/
        "fontStyle": ""
      }
    },
    {
      "name": "Entity Name Type Annotation in Interface and Type Aliases",
      "scope": [
        "source.tsx meta.interface meta.type.annotation entity.name.type",
        "source.tsx meta.type.declaration entity.name.type",
        "source.tsx meta.type.declaration meta.type.function.return meta.type.parameters entity.name.type",
        "source.tsx meta.function meta.block meta.type.parameters entity.name.type"
      ],
      "settings": {
        "foreground": "#FC4D", //  "#E7BB",// #FC5 /%/
        "fontStyle": ""
      }
    },
    // #endregion TS INTERFACE END HERE
    {
      "name": "Types",
      "scope": [
        "source.tsx meta.type.declaration meta.type.parameters entity.name.type",
        "source.tsx meta.function meta.type.parameters entity.name.type"
      ],
      "settings": {
        "foreground": "#FC4C", // #FC5 /%/
        "fontStyle": "bold"
      }
    },
    {
      "name": "Types",
      "scope": [
        "source.tsx entity.name.type",
        "source.tsx meta.parameters entity.name.type",
        "source.tsx meta.type.annotation meta.type.parameters entity.name.type",
        "source.tsx meta.type.annotation",
        "source.tsx meta.type.parameters entity.name.type",
        "source.tsx type.annotation"
      ],
      "settings": {
        "foreground": "#FC4D", // #FC5 /%/
        "fontStyle": ""
      }
    },
    {
      "name": "Types primitives",
      "scope": [
        "source.tsx meta.type.annotation meta.type.parameters support.type.primitive",
        "source.tsx support.type.primitive"
      ],
      "settings": {
        "foreground": "#FC4D", //  "#E7BB",  "#FC4D",// #FC5 /%/
        "fontStyle": ""
      }
    },
    {
      "name": "Functions",
      "scope": [
        "source.tsx entity.name.function",
        "source.tsx meta.definition.function.tsx entity.name.function",
        "source.tsx meta.definition.method",
        "source.tsx meta.definition.variable entity.name.function",
        "source.tsx meta.field.declaration.tsx"
      ],
      "settings": {
        "foreground": "#FC4D" /*#FC4D*/, // #FC5 /%/
        "fontStyle": ""
      }
    },
    {
      "name": "Function Like",
      "scope": [
        "source.tsx support.function.builtin",
        "source.tsx support.function.git-rebase",
        "source.tsx support.function",
        "source.tsx support.function.math",
        "source.tsx support.function.process"
        // "source.tsx support.function.console"
      ],
      "settings": {
        "foreground": "#FC4C", // #FC5 /%/
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "New Class",
      "scope": [
        "source.tsx entity.other.inherited-class",
        "source.tsx new.expr entity.name.type"
      ],
      "settings": {
        "foreground": "#FC4C", // #FC5 /%/
        "fontStyle": "bold"
      }
    },
    {
      "name": "Function Return Type",
      "scope": [
        "source.tsx meta.return.type entity.name.type",
        "source.tsx meta.return.type support.type.primitive"
      ],
      "settings": {
        "foreground": "#4B9C",
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "Function Return Type parameter name type",
      "scope": [
        "source.tsx meta.return.type meta.type.parameters entity.name.type"
      ],
      "settings": {
        "foreground": "#FC4D", // #FC5 /%/
        "fontStyle": "italic"
      }
    },
    {
      "name": "Function Return Type parameter primitive type",
      "scope": [
        "source.tsx meta.return.type meta.type.parameters support.type.primitive"
      ],
      "settings": {
        "foreground": "#E7BB", // "#FC4D",  "#E7BB",// #FC5 /%/
        "fontStyle": "italic"
      }
    },
    {
      "name": "Function Return Type parameter punctuation",
      "scope": [
        "source.tsx meta.return.type meta.type.parameters punctuation.definition.typeparameters",
        "source.tsx meta.return.type meta.type.tuple meta.brace.square",
        "source.tsx meta.return.type keyword.operator.type"
      ],
      "settings": {
        "foreground": "#E4D5ADDD",
        "fontStyle": ""
      }
    },
    {
      "name": "Types",
      "scope": [
        "source.tsx entity.name.type.class",
        "source.tsx entity.name.type.enum",
        "source.tsx entity.name.type.instance",
        "source.tsx entity.name.type.module"
      ],
      "settings": {
        "foreground": "#CFC5B2DD",
        "fontStyle": "bold"
      }
    },
    {
      "name": "Entitys",
      "scope": [
        "source.tsx punctuation.definition.template-expression.begin",
        "source.tsx punctuation.definition.template-expression.end",
        "source.tsx punctuation.definition.parameters.begin",
        "source.tsx punctuation.definition.parameters.end",
        "source.tsx meta.brace.angle",
        "source.tsx meta.brace.round",
        "source.tsx meta.brace.square",
        "source.tsx punctuation.definition.block",
        "source.tsx entity.function",
        "source.tsx entity.name",
        "source.tsx entity.other.attribute-name.css",
        "source.tsx entity.other.attribute-name.directive",
        "source.tsx entity.other.attribute-name",
        "source.tsx entity.other.inherited-class",
        "source.tsx entity.static"
      ],
      "settings": {
        "foreground": "#E4D5ADDD",
        "fontStyle": ""
      }
    },
    {
      "name": "Entitys",
      "scope": [
        "source.tsx meta.decorator entity.name",
        "source.tsx meta.decorator entity.name.function",
        "source.tsx meta.decorator meta.function-call entity.name",
        "source.tsx meta.decorator variable.other.readwrite"
      ],
      "settings": {
        "foreground": "#CFC5B2DD",
        "fontStyle": "bold"
      }
    },
    {
      "name": "regexp constants",
      "scope": [
        "source.tsx string.regexp constant.other.character-class.set.regexp"
      ],
      "settings": {
        "foreground": "#E67D" /*#E67E*/,
        "fontStyle": ""
      }
    },
    {
      "name": "regexp string",
      "scope": [
        "source.tsx meta.var.expr string.regexp"
      ],
      "settings": {
        "foreground": "#9C8D" /*#9C8D*/,
        "fontStyle": ""
      }
    },
    {
      "name": "regexp other punctuation",
      "scope": [
        "source.tsx string.regexp punctuation.definition.character-class.regexp"
      ],
      "settings": {
        "foreground": "#FC4D" /*#FC4D*/, // #FC5 /%/
        "fontStyle": ""
      }
    },
    // console.log etc ...
    {
      "name": "console function",
      "scope": [
        "source support.function.console"
      ],
      "settings": {
        "foreground": "#FC4C", // #FC5 /%/
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "console class",
      "scope": [
        "source support.class.console"
      ],
      "settings": {
        "foreground": "#4B9C",
        "fontStyle": "bold"
      }
    },
    {
      "name": "regexp punctuation",
      "scope": [
        "source support.function.promise"
      ],
      "settings": {
        "foreground": "#F91C",
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "regexp punctuation",
      "scope": [
        "source.tsx string.regexp punctuation.definition.string.begin",
        "source.tsx string.regexp punctuation.definition.string.end"
      ],
      "settings": {
        "foreground": "#F91C",
        "fontStyle": "bold"
      }
    },
    {
      "name": "Variables",
      "scope": [
        "source.tsx variable.other.enummember",
        "source.tsx variable.arguments",
        "source.tsx variable.class",
        "source.tsx variable.language.arguments",
        "source.tsx variable.language",
        "source.tsx variable.name",
        "source.tsx variable.other.constant.object",
        "source.tsx variable.other.constant",
        "source.tsx variable.other.readwrite.alias",
        "source.tsx meta.array-binding-pattern-variable variable.other.constant",
        "source.tsx variable.other.readwrite",
        "source.tsx variable.other.readwrite",
        "source.tsx variable.other.regexp",
        "source.tsx variable.other",
        "source.tsx variable.parameter",
        "source.tsx variable",
        "source.tsx meta.array-binding-pattern-variable variable.other.constant",
        "source.tsx meta.object-binding-pattern-variable variable.other.constant"
      ],
      "settings": {
        "foreground": "#ADEC" // #ADC /%/
      }
    },
    {
      "name": "Other Constant",
      "scope": [
        "source.tsx meta.object-binding-pattern-variable variable.other.constant",
        "source.tsx meta.object.member meta.object-literal.key",
        "source.tsx meta.objectliteral meta.object.member",
        "source.tsx meta.var.expr meta.object-literal.key",
        "source.tsx variable.object.property",
        "source.tsx variable.other.constant.object.property",
        "source.tsx variable.other.constant.property",
        "source.tsx variable.other.property"
      ],
      "settings": {
        "foreground": "#5BFC" // #6BF  /%/
      }
    },
    {
      "name": "support properties",
      "scope": [
        /*         "source.tsx support.variable.property",
        "source.tsx support.variable.property.importmeta",
        "source.tsx support.variable.property.process",
        "source.tsx support.variable.property.target",
        "source.tsx support.type.property-name",
        "source.tsx support.type.property-name.css",
        "source.tsx support.property-value",
        "source.tsx support.property-value.scss", */
        "source.tsx support.constant.property.math"
      ],
      "settings": {
        "foreground": "#5BFC", // #6BF  /%/
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "support properties",
      "scope": [
        "source.tsx support.variable.property",
        "source.tsx support.variable.property.importmeta",
        "source.tsx support.variable.property.process",
        "source.tsx support.variable.property.target",
        "source.tsx support.type.property-name",
        "source.tsx support.type.property-name.css",
        "source.tsx support.property-value",
        "source.tsx support.property-value.scss"
        // "source.tsx support.constant.property.math"
      ],
      "settings": {
        "foreground": "#5BFB", // #6BF  /%/
        "fontStyle": "bold"
      }
    },
    {
      "name": "Constants",
      "scope": [
        "source.tsx constant",
        "source.tsx constant.character.escape.backslash.regexp",
        "source.tsx constant.character.numeric.regexp",
        "source.tsx constant.language",
        "source.tsx constant.language.import-export-all",
        "source.tsx constant.other.character-class.range.regexp",
        "source.tsx constant.other.character-class.regexp",
        "source.tsx constant.other.character-class.set.regexp",
        "source.tsx constant.rgb-value",
        "source.tsx constant.sha.git-rebase",
        "source.tsx constant.character.escape",
        "source.tsx constant.numeric",
        "source.tsx constant.numeric.binary",
        "source.tsx constant.numeric.decimal",
        "source.tsx constant.numeric.hex",
        "source.tsx constant.numeric.octal"
      ],
      "settings": {
        "foreground": "#E67D" /*#E67E*/,
        "fontStyle": ""
      }
    },
    {
      "name": "Strings",
      "scope": [
        "source.tsx string",
        "source.tsx string.constant.other.placeholder",
        "source.tsx string.entity",
        "source.tsx string.escape",
        "source.tsx string.quoted.double",
        "source.tsx string.quoted.single",
        "source.tsx string.regexp",
        "source.tsx string.tag",
        "source.tsx string.template",
        "source.tsx string.value"
      ],
      "settings": {
        "foreground": "#CE5C"
      }
    },
    {
      "name": "ARROW FUNCTION STYLE",
      "scope": [
        "source.tsx storage.type.function.arrow"
      ],
      "settings": {
        "fontStyle": "bold"
      }
    },
    {
      "name": "FUNCTION KEYWORD STYLE",
      "scope": [
        "source.tsx storage.type.function"
      ],
      "settings": {
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "FUNCTION KEYWORD OR ARROW COLOUR",
      "scope": [
        "source.tsx storage.type.function",
        "source.tsx storage.type.function.arrow"
      ],
      "settings": {
        "foreground": "#8D3C" // #7C3 /%/
      }
    },
    {
      "name": "CLASS KEYWORD DEFINITION",
      "scope": [
        "source.tsx storage.type.class"
      ],
      "settings": {
        "foreground": "#FC4C", // #FC5 /%/
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "Constructor Keyword",
      "scope": [
        "source.tsx meta.method.declaration.tsx storage.type"
      ],
      "settings": {
        "foreground": "#E36B", // #D25 /%/
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "Extends, Get, Implements, Private, Public, Set, etc...",
      "scope": [
        "source.tsx meta.class storage.modifier",
        "source.tsx meta.method.declaration storage.modifier",
        "source.tsx storage.type.property"
      ],
      "settings": {
        "foreground": "#F91D" /*#F91E*/,
        "fontStyle": ""
      }
    },
    {
      "name": "NEW KEYWORD DEFINITION",
      "scope": [
        "source.tsx keyword.control.new",
        "source.tsx keyword.operator.new"
      ],
      "settings": {
        "foreground": "#F91C",
        "fontStyle": "bold"
      }
    },
    {
      "name": "ASYNC KEYWORD DEFINITION",
      "scope": [
        "source.tsx meta.method.declaration storage.modifier.async",
        "source.tsx storage.modifier.async"
      ],
      "settings": {
        "foreground": "#F91C",
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "VARIABLE SUPER",
      "scope": [
        "source.tsx variable.language.super"
      ],
      "settings": {
        "foreground": "#E1AC" /*#E1AE*/,
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "VARIABLE THIS",
      "scope": [
        "source.tsx variable.language.this"
      ],
      "settings": {
        "foreground": "#E67C" /*#E67E*/,
        "fontStyle": "bold italic"
      }
    },
    // import is italic
    {
      "name": "Import variables are italic",
      "scope": [
        "source.tsx meta.import variable.other.readwrite.alias",
        "source.tsx meta.import variable.other.readwrite"
      ],
      "settings": {
        "foreground": "#ADEC", // #ADC /%/
        "fontStyle": "italic"
      }
    },
    {
      "name": "Import variables are italic",
      "scope": [
        "source.tsx meta.import punctuation.definition.block"
      ],
      "settings": {
        "foreground": "#FD0C",
        "fontStyle": "bold italic"
      }
    },
    //     "source.tsx constant.language.import-export-all",
    {
      "name": "Star in import expor all",
      "scope": [
        "source.tsx constant.language.import-export-all"
      ],
      "settings": {
        "foreground": "#E67C",
        "fontStyle": "bold"
      }
    },
    {
      "name": "Import strings are italic",
      "scope": [
        "source.tsx meta.import string.quoted.single",
        "source.tsx meta.import string.quoted.double"
      ],
      "settings": {
        "foreground": "#CE5C",
        "fontStyle": "italic"
      }
    },
    {
      "name": "Import default as and From",
      "scope": [
        "source.tsx meta.import keyword.control.as",
        "source.tsx meta.import keyword.control.default",
        "source.tsx meta.import keyword.control.from",
        "source.tsx meta.import keyword.control.import"
      ],
      "settings": {
        "foreground": "#E36B", // #D25 /%/
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "Enum, Export, Import, Interface, Namespace, Type, etc",
      "scope": [
        "source.tsx storage.type.internaldeclaration",
        "source.tsx storage.type.namespace",
        "source.tsx storage.type",
        "source.tsx keyword.control.from",
        "source.tsx keyword.control.import",
        "source.tsx keyword.control.export",
        "source.tsx meta.export.default keyword.control.default"
      ],
      "settings": {
        "foreground": "#E36B", // #D25 /%/
        "fontStyle": "bold"
      }
    },
    {
      "name": "KEYWORD.CONTROL others ETC.",
      "scope": [
        "source.tsx keyword.control.as",
        "source.tsx keyword.control.default",
        "source.tsx keyword.control",
        "source.tsx keyword.control.anchor.regexp",
        "source.tsx keyword.control.conditional",
        "source.tsx keyword.control.less",
        "source.tsx keyword.control.loop",
        "source.tsx keyword.control.module",
        "source.tsx keyword.control.require",
        "source.tsx keyword.control.switch",
        "source.tsx keyword.control.trycatch",
        "source.tsx keyword.control.with",
        "source.tsx keyword",
        "source.tsx keyword.other",
        "source.tsx keyword.generator.asterisk",
        "source.tsx meta.block keyword.control.flow",
        "source.tsx keyword.operator.logical",
        "source.tsx storage.type.numeric.bigint"
      ],
      "settings": {
        "foreground": "#E36D", // #D25 /%/
        "fontStyle": ""
      }
    },
    {
      "name": "STORAGE TYPE => LET CONST etc ....",
      "scope": [
        "source.tsx storage.type"
      ],
      "settings": {
        "foreground": "#E36B", // #D25 /%/
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "STORAGE TYPE => LET CONST etc ....",
      "scope": [
        "source.tsx meta.block meta.var.expr storage.type"
      ],
      "settings": {
        "foreground": "#E36D", // #D25 /%/
        "fontStyle": "italic"
      }
    },
    {
      "scope": [
        "source.tsx punctuation.decorator"
      ],
      "settings": {
        "foreground": "#E36B", // #D25 /%/
        "fontStyle": "bold"
      }
    },
    {
      "scope": [
        "source.tsx constant.language.boolean.false"
      ],
      "settings": {
        "foreground": "#E43C",
        "fontStyle": "bold italic"
      }
    },
    {
      "scope": [
        "source.tsx constant.language.boolean.true"
      ],
      "settings": {
        "foreground": "#8D3C", // #7C3 /%/
        "fontStyle": "bold italic"
      }
    },
    {
      "scope": [
        "source.tsx constant.language.undefined"
      ],
      "settings": {
        "foreground": "#A7BA",
        "fontStyle": "bold italic"
      }
    },
    {
      "scope": [
        "source.tsx constant.language.null"
      ],
      "settings": {
        "foreground": "#E67C",
        "fontStyle": "bold italic"
      }
    },
    {
      "scope": [
        "source.tsx support.type.builtin"
      ],
      "settings": {
        "foreground": "#E7BB",
        "fontStyle": ""
      }
    },
    {
      "scope": [
        "source.tsx constant.language.infinity",
        "source.tsx constant.language.nan"
      ],
      "settings": {
        "foreground": "#7ADC",
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "Operators",
      "scope": [
        "source.tsx keyword.operator.arithmetic",
        "source.tsx keyword.operator.assignment.compound.bitwise",
        "source.tsx keyword.operator.assignment.compound",
        "source.tsx keyword.operator.bitwise.shift",
        "source.tsx keyword.operator.bitwise",
        "source.tsx keyword.operator.decrement",
        "source.tsx keyword.operator.increment",
        "source.tsx keyword.operator.definiteassignment",
        "source.tsx keyword.operator",
        "source.tsx keyword.operator.comparison",
        "source.tsx keyword.operator.ternary",
        "source.tsx punctuation.separator.key-value",
        "source.tsx keyword.operator.assignment",
        "source.tsx keyword.operator.type.annotation",
        "source.tsx keyword.operator.expression.delete",
        "source.tsx keyword.operator.expression.import",
        "source.tsx keyword.operator.expression.in",
        "source.tsx keyword.operator.expression.infer",
        "source.tsx keyword.operator.expression.instanceof",
        "source.tsx keyword.operator.expression.is",
        "source.tsx keyword.operator.expression.keyof",
        "source.tsx keyword.operator.expression.of",
        "source.tsx keyword.operator.expression.typeof",
        "source.tsx keyword.operator.expression.void",
        "source.tsx keyword.operator.negation.regexp",
        "source.tsx keyword.operator.optional",
        "source.tsx keyword.operator.or.regexp",
        "source.tsx keyword.operator.quantifier.regexp",
        "source.tsx keyword.operator.relational",
        "source.tsx keyword.operator.type.modifier",
        "source.tsx keyword.operator.type"
      ],
      "settings": {
        "foreground": "#4B9C",
        "fontStyle": ""
      }
    },
    {
      "scope": [
        "source.tsx keyword.operator.spread",
        "source.tsx keyword.operator.rest"
      ],
      "settings": {
        "foreground": "#4B9A",
        "fontStyle": "bold"
      }
    },
    {
      "name": "Others",
      "scope": [
        "source.tsx *link*",
        "source.tsx *uri*",
        "source.tsx *url*",
        "source.tsx case-clause.expr ",
        "source.tsx case-clause.expr",
        "source.tsx cast.expr",
        "source.tsx header",
        "source.tsx keyword.other.back-reference.regexp",
        "source.tsx keyword.other.unit",
        "source.tsx markup.changed",
        "source.tsx markup.deleted",
        "source.tsx markup.heading",
        "source.tsx markup.inline.raw",
        "source.tsx markup.inserted",
        "source.tsx markup.punctuation.list.beginning",
        "source.tsx markup.punctuation.quote.beginning",
        "source.tsx markup.underline",
        "source.tsx module.node",
        "source.tsx new.expr",
        "source.tsx prototype",
        "source.tsx punctuation.definition.binding-pattern.array",
        "source.tsx punctuation.definition.binding-pattern.object",
        "source.tsx source.embedded",
        "source.tsx switch-block.expr",
        "source.tsx switch-expression.expr",
        "source.tsx switch-statement.expr",
        "source.tsx variable.other.object",
        "source.tsx meta.object.member variable.other.object"
      ],
      "settings": {
        "foreground": "#E4D5ADDD",
        "fontStyle": ""
      }
    },
    {
      "scope": [
        "source.tsx support.class",
        "source.tsx support.class.builtin",
        "source.tsx support.class.node",
        "source.tsx support.class.promise",
        "source.tsx support.constant",
        "source.tsx support.constant",
        "source.tsx support.constant.math",
        "source.tsx support.type",
        "source.tsx support.type.object.module",
        "source.tsx support.variable",
        "source.tsx support.variable.object.node",
        "source.tsx support.variable.object.process"
        // "source.tsx support.class.console"
      ],
      "settings": {
        "foreground": "#E4D5ADDD",
        "fontStyle": ""
      }
    },
    {
      "scope": [
        "source.tsx emphasis",
        "source.tsx markup.bold",
        "source.tsx strong"
      ],
      "settings": {
        "foreground": "#CFC5B2DD",
        "fontStyle": "bold"
      }
    },
    {
      "scope": [
        "source.tsx markup.italic"
      ],
      "settings": {
        "foreground": "#CFC5B2DD",
        "fontStyle": "italic"
      }
    },
    {
      "scope": [
        "source.tsx punctuation.quasi",
        "source.tsx string.quasi",
        "source.tsx invalid",
        "source.tsx invalid.illegal",
        "source.tsx invalid.illegal.newline"
      ],
      "settings": {
        "foreground": "#E36D", // #D25 /%/
        "fontStyle": ""
      }
    },
    {
      "scope": [
        "source.tsx invalid.deprecated"
      ],
      "settings": {
        "foreground": "#E36B", // #D25 /%/
        "fontStyle": "underline"
      }
    },
    // #endregion
    // #region "JavaScript" ----------------------------------------------------
    // #region TS INTERFACE START HERE (not used in JavaScript)
    {
      "name": "Interface and Type Aliase definition keyword",
      "scope": [
        "source.js storage.type.enum",
        "source.js storage.type.interface",
        "source.js storage.type.type"
      ],
      "settings": {
        "foreground": "#E36B", // #D25 /%/
        "fontStyle": "bold"
      }
    },
    {
      "name": "Interface and Type Aliase definition name",
      "scope": [
        "source.js meta.interface entity.name.type.interface",
        "entity.name.type.alias"
      ],
      "settings": {
        "foreground": "#CFC5B2DD",
        "fontStyle": "bold"
      }
    },
    {
      "name": "Property Definition in Interface",
      "scope": [
        "source.js meta.interface meta.definition.property variable.object.property"
      ],
      "settings": {
        "foreground": "#ADEC", // #ADC /%/
        "fontStyle": ""
      }
    },
    {
      "name": "Primitive Annotation in Interface and Type Aliase",
      "scope": [
        "source.js meta.interface meta.type.annotation support.type.primitive",
        "source.js meta.type.declaration support.type.primitive"
      ],
      "settings": {
        "foreground": "#FC4D", //  "#E7BB",// #FC5 /%/
        "fontStyle": ""
      }
    },
    {
      "name": "Entity Name Type Annotation in Interface and Type Aliases",
      "scope": [
        "source.js meta.interface meta.type.annotation entity.name.type",
        "source.js meta.type.declaration entity.name.type",
        "source.js meta.type.declaration meta.type.function.return meta.type.parameters entity.name.type",
        "source.js meta.function meta.block meta.type.parameters entity.name.type"
      ],
      "settings": {
        "foreground": "#FC4D", //  "#E7BB",// #FC5 /%/
        "fontStyle": ""
      }
    },
    // #endregion TS INTERFACE END HERE
    {
      "name": "Types",
      "scope": [
        "source.js meta.type.declaration meta.type.parameters entity.name.type",
        "source.js meta.function meta.type.parameters entity.name.type"
      ],
      "settings": {
        "foreground": "#FC4C", // #FC5 /%/
        "fontStyle": "bold"
      }
    },
    {
      "name": "Types",
      "scope": [
        "source.js entity.name.type",
        "source.js meta.parameters entity.name.type",
        "source.js meta.type.annotation meta.type.parameters entity.name.type",
        "source.js meta.type.annotation",
        "source.js meta.type.parameters entity.name.type",
        "source.js type.annotation"
      ],
      "settings": {
        "foreground": "#FC4D", // #FC5 /%/
        "fontStyle": ""
      }
    },
    {
      "name": "Types primitives",
      "scope": [
        "source.js meta.type.annotation meta.type.parameters support.type.primitive",
        "source.js support.type.primitive"
      ],
      "settings": {
        "foreground": "#FC4D", //  "#E7BB",  "#FC4D",// #FC5 /%/
        "fontStyle": ""
      }
    },
    {
      "name": "Functions",
      "scope": [
        "source.js entity.name.function",
        "source.js meta.definition.function.js entity.name.function",
        "source.js meta.definition.method",
        "source.js meta.definition.variable entity.name.function",
        "source.js meta.field.declaration.js",
        "source.js support.function"
      ],
      "settings": {
        "foreground": "#FC4D" /*#FC4D*/, // #FC5 /%/
        "fontStyle": ""
      }
    },
    {
      "name": "Function Like",
      "scope": [
        "source.js support.function.builtin",
        // "source.js support.function.git-rebase",
        // "source.js support.function",
        "source.js support.function.math"
        // "source.js support.function.process"
        // "source.js support.function.console"
      ],
      "settings": {
        "foreground": "#FC4C", // #FC5 /%/
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "Function Like",
      "scope": [
        // "source.js support.function.builtin",
        "source.js support.function.git-rebase",
        "source.js support.function.dom",
        // "source.js support.function.math",
        "source.js support.function.process"
        // "source.js support.function.console"
      ],
      "settings": {
        "foreground": "#FC4C", // #FC5 /%/
        "fontStyle": "bold"
      }
    },
    {
      "name": "New Class",
      "scope": [
        "source.js entity.other.inherited-class",
        "source.js new.expr entity.name.type"
      ],
      "settings": {
        "foreground": "#FC4C", // #FC5 /%/
        "fontStyle": "bold"
      }
    },
    {
      "name": "Function Return Type",
      "scope": [
        "source.js meta.return.type entity.name.type",
        "source.js meta.return.type support.type.primitive"
      ],
      "settings": {
        "foreground": "#4B9C",
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "Function Return Type parameter name type",
      "scope": [
        "source.js meta.return.type meta.type.parameters entity.name.type"
      ],
      "settings": {
        "foreground": "#FC4D", // #FC5 /%/
        "fontStyle": "italic"
      }
    },
    {
      "name": "Function Return Type parameter primitive type",
      "scope": [
        "source.js meta.return.type meta.type.parameters support.type.primitive"
      ],
      "settings": {
        "foreground": "#E7BB", // "#FC4D",  "#E7BB",// #FC5 /%/
        "fontStyle": "italic"
      }
    },
    {
      "name": "Function Return Type parameter punctuation",
      "scope": [
        "source.js meta.return.type meta.type.parameters punctuation.definition.typeparameters",
        "source.js meta.return.type meta.type.tuple meta.brace.square",
        "source.js meta.return.type keyword.operator.type"
      ],
      "settings": {
        "foreground": "#E4D5ADDD",
        "fontStyle": ""
      }
    },
    {
      "name": "Types",
      "scope": [
        "source.js entity.name.type.class",
        "source.js entity.name.type.enum",
        "source.js entity.name.type.instance",
        "source.js entity.name.type.module"
      ],
      "settings": {
        "foreground": "#CFC5B2DD",
        "fontStyle": "bold"
      }
    },
    {
      "name": "Entitys",
      "scope": [
        "source.js punctuation.definition.parameters.begin",
        "source.js punctuation.definition.parameters.end",
        "source.js meta.brace.angle",
        "source.js meta.brace.round",
        "source.js meta.brace.square",
        "source.js punctuation.definition.block",
        "source.js entity.function",
        "source.js entity.name",
        "source.js entity.other.attribute-name.css",
        "source.js entity.other.attribute-name.directive",
        "source.js entity.other.attribute-name",
        "source.js entity.other.inherited-class",
        "source.js entity.static"
      ],
      "settings": {
        "foreground": "#E4D5ADDD",
        "fontStyle": ""
      }
    },
    {
      "name": "Entitys",
      "scope": [
        "source.js meta.decorator entity.name",
        "source.js meta.decorator entity.name.function",
        "source.js meta.decorator meta.function-call entity.name",
        "source.js meta.decorator variable.other.readwrite"
      ],
      "settings": {
        "foreground": "#CFC5B2DD",
        "fontStyle": "bold"
      }
    },
    {
      "name": "regexp constants",
      "scope": [
        "source.js string.regexp constant.other.character-class.set.regexp"
      ],
      "settings": {
        "foreground": "#E67D" /*#E67E*/,
        "fontStyle": ""
      }
    },
    {
      "name": "regexp string",
      "scope": [
        "source.js meta.var.expr string.regexp"
      ],
      "settings": {
        "foreground": "#9C8D" /*#9C8D*/,
        "fontStyle": ""
      }
    },
    {
      "name": "regexp other punctuation",
      "scope": [
        "source.js string.regexp punctuation.definition.character-class.regexp"
      ],
      "settings": {
        "foreground": "#FC4D" /*#FC4D*/, // #FC5 /%/
        "fontStyle": ""
      }
    },
    /*
source.js support.function.promise
support.class.console.js
support.function.console.js
    */
    // console.log etc ...
    // console.log etc ...
    // console.log etc ...
    {
      "name": "console function",
      "scope": [
        "source support.function.console"
      ],
      "settings": {
        "foreground": "#FC4C", // #FC5 /%/
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "console class",
      "scope": [
        "source support.class.console"
      ],
      "settings": {
        "foreground": "#4B9C",
        "fontStyle": "bold"
      }
    },
    {
      "name": "regexp punctuation",
      "scope": [
        "source support.function.promise"
      ],
      "settings": {
        "foreground": "#F91C",
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "regexp punctuation",
      "scope": [
        "source.js string.regexp punctuation.definition.string.begin",
        "source.js string.regexp punctuation.definition.string.end"
      ],
      "settings": {
        "foreground": "#F91C",
        "fontStyle": "bold"
      }
    },
    {
      "name": "Variables",
      "scope": [
        "source.js variable.other.enummember",
        "source.js variable.arguments",
        "source.js variable.class",
        "source.js variable.language.arguments",
        "source.js variable.language",
        "source.js variable.name",
        "source.js variable.other.constant.object",
        "source.js variable.other.constant",
        "source.js variable.other.readwrite.alias",
        "source.js meta.array-binding-pattern-variable variable.other.constant",
        "source.js variable.other.readwrite",
        "source.js variable.other.readwrite",
        "source.js variable.other.regexp",
        "source.js variable.other",
        "source.js variable.parameter",
        "source.js variable",
        "source.js meta.array-binding-pattern-variable variable.other.constant",
        "source.js meta.object-binding-pattern-variable variable.other.constant"
      ],
      "settings": {
        "foreground": "#ADEC" // #ADC /%/
      }
    },
    {
      "name": "Other Constant",
      "scope": [
        "source.js meta.object-binding-pattern-variable variable.other.constant",
        "source.js meta.object.member meta.object-literal.key",
        "source.js meta.objectliteral meta.object.member",
        "source.js meta.var.expr meta.object-literal.key",
        "source.js variable.object.property",
        "source.js variable.other.constant.object.property",
        "source.js variable.other.constant.property",
        "source.js variable.other.property"
      ],
      "settings": {
        "foreground": "#5BFC" // #6BF  /%/
      }
    },
    {
      "name": "support properties",
      "scope": [
        /*         "source.js support.variable.property",
        "source.js support.variable.property.importmeta",
        "source.js support.variable.property.process",
        "source.js support.variable.property.target",
        "source.js support.type.property-name",
        "source.js support.type.property-name.css",
        "source.js support.property-value",
        "source.js support.property-value.scss", */
        "source.js support.constant.property.math"
      ],
      "settings": {
        "foreground": "#5BFC", // #6BF  /%/
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "support properties",
      "scope": [
        "source.js support.variable.property",
        "source.js support.variable.property.importmeta",
        "source.js support.variable.property.process",
        "source.js support.variable.property.target",
        "source.js support.type.property-name",
        "source.js support.type.property-name.css",
        "source.js support.property-value",
        "source.js support.property-value.scss"
        // "source.js support.constant.property.math"
      ],
      "settings": {
        "foreground": "#5BFB", // #6BF  /%/
        "fontStyle": "bold"
      }
    },
    {
      "name": "Constants",
      "scope": [
        "source.js constant",
        "source.js constant.character.escape.backslash.regexp",
        "source.js constant.character.numeric.regexp",
        "source.js constant.language",
        "source.js constant.language.import-export-all",
        "source.js constant.other.character-class.range.regexp",
        "source.js constant.other.character-class.regexp",
        "source.js constant.other.character-class.set.regexp",
        "source.js constant.rgb-value",
        "source.js constant.sha.git-rebase",
        "source.js constant.character.escape",
        "source.js constant.numeric",
        "source.js constant.numeric.binary",
        "source.js constant.numeric.decimal",
        "source.js constant.numeric.hex",
        "source.js constant.numeric.octal"
      ],
      "settings": {
        "foreground": "#E67D" /*#E67E*/,
        "fontStyle": ""
      }
    },
    {
      "name": "Strings",
      "scope": [
        "source.js string",
        "source.js string.constant.other.placeholder",
        "source.js string.entity",
        "source.js string.escape",
        "source.js string.quoted.double",
        "source.js string.quoted.single",
        "source.js string.regexp",
        "source.js string.tag",
        "source.js string.template",
        "source.js string.value"
      ],
      "settings": {
        "foreground": "#CE5C"
      }
    },
    {
      "name": "ARROW FUNCTION STYLE",
      "scope": [
        "source.js storage.type.function.arrow"
      ],
      "settings": {
        "fontStyle": "bold"
      }
    },
    {
      "name": "FUNCTION KEYWORD STYLE",
      "scope": [
        "source.js storage.type.function"
      ],
      "settings": {
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "FUNCTION KEYWORD OR ARROW COLOUR",
      "scope": [
        "source.js storage.type.function",
        "source.js storage.type.function.arrow"
      ],
      "settings": {
        "foreground": "#8D3C" // #7C3 /%/
      }
    },
    {
      "name": "CLASS KEYWORD DEFINITION",
      "scope": [
        "source.js storage.type.class"
      ],
      "settings": {
        "foreground": "#FC4C", // #FC5 /%/
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "Constructor Keyword",
      "scope": [
        "source.js meta.method.declaration.js storage.type"
      ],
      "settings": {
        "foreground": "#E36B", // #D25 /%/
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "Extends, Get, Implements, Private, Public, Set, etc...",
      "scope": [
        "source.js meta.class storage.modifier",
        "source.js meta.method.declaration storage.modifier",
        "source.js storage.type.property"
      ],
      "settings": {
        "foreground": "#F91D" /*#F91E*/,
        "fontStyle": ""
      }
    },
    {
      "name": "NEW KEYWORD DEFINITION",
      "scope": [
        "source.js keyword.control.new",
        "source.js keyword.operator.new"
      ],
      "settings": {
        "foreground": "#F91C",
        "fontStyle": "bold"
      }
    },
    {
      "name": "ASYNC KEYWORD DEFINITION",
      "scope": [
        "source.js meta.method.declaration storage.modifier.async",
        "source.js storage.modifier.async"
      ],
      "settings": {
        "foreground": "#F91C",
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "VARIABLE SUPER",
      "scope": [
        "source.js variable.language.super"
      ],
      "settings": {
        "foreground": "#E1AC" /*#E1AE*/,
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "VARIABLE THIS",
      "scope": [
        "source.js variable.language.this"
      ],
      "settings": {
        "foreground": "#E67C" /*#E67E*/,
        "fontStyle": "bold italic"
      }
    },
    // import is italic
    {
      "name": "Import variables are italic",
      "scope": [
        "source.js meta.import variable.other.readwrite.alias",
        "source.js meta.import variable.other.readwrite"
      ],
      "settings": {
        "foreground": "#ADEC", // #ADC /%/
        "fontStyle": "italic"
      }
    },
    {
      "name": "Import variables are italic",
      "scope": [
        "source.js meta.import punctuation.definition.block"
      ],
      "settings": {
        "foreground": "#FD0C",
        "fontStyle": "bold italic"
      }
    },
    //     "source.js constant.language.import-export-all",
    {
      "name": "Star in import expor all",
      "scope": [
        "source.js constant.language.import-export-all"
      ],
      "settings": {
        "foreground": "#E67C",
        "fontStyle": "bold"
      }
    },
    {
      "name": "Import strings are italic",
      "scope": [
        "source.js meta.import string.quoted.single",
        "source.js meta.import string.quoted.double"
      ],
      "settings": {
        "foreground": "#CE5C",
        "fontStyle": "italic"
      }
    },
    {
      "name": "Import default as and From",
      "scope": [
        "source.js meta.import keyword.control.as",
        "source.js meta.import keyword.control.default",
        "source.js meta.import keyword.control.from",
        "source.js meta.import keyword.control.import"
      ],
      "settings": {
        "foreground": "#E36B", // #D25 /%/
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "Enum, Export, Import, Interface, Namespace, Type, etc",
      "scope": [
        "source.js storage.type.internaldeclaration",
        "source.js storage.type.namespace",
        "source.js storage.type",
        "source.js keyword.control.from",
        "source.js keyword.control.import",
        "source.js keyword.control.export",
        "source.js meta.export.default keyword.control.default"
      ],
      "settings": {
        "foreground": "#E36B", // #D25 /%/
        "fontStyle": "bold"
      }
    },
    {
      "name": "KEYWORD.CONTROL others ETC.",
      "scope": [
        "source.js keyword.control.as",
        "source.js keyword.control.default",
        "source.js keyword.control",
        "source.js keyword.control.anchor.regexp",
        "source.js keyword.control.conditional",
        "source.js keyword.control.less",
        "source.js keyword.control.loop",
        "source.js keyword.control.module",
        "source.js keyword.control.require",
        "source.js keyword.control.switch",
        "source.js keyword.control.trycatch",
        "source.js keyword.control.with",
        "source.js keyword",
        "source.js keyword.other",
        "source.js keyword.generator.asterisk",
        "source.js meta.block keyword.control.flow",
        "source.js keyword.operator.logical",
        "source.js storage.type.numeric.bigint"
      ],
      "settings": {
        "foreground": "#E36D", // #D25 /%/
        "fontStyle": ""
      }
    },
    {
      "name": "STORAGE TYPE => LET CONST etc ....",
      "scope": [
        "source.js storage.type"
      ],
      "settings": {
        "foreground": "#E36B", // #D25 /%/
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "STORAGE TYPE => LET CONST etc ....",
      "scope": [
        "source.js meta.block meta.var.expr storage.type"
      ],
      "settings": {
        "foreground": "#E36D", // #D25 /%/
        "fontStyle": "italic"
      }
    },
    {
      "scope": [
        "source.js punctuation.decorator"
      ],
      "settings": {
        "foreground": "#E36B", // #D25 /%/
        "fontStyle": "bold"
      }
    },
    {
      "scope": [
        "source.js constant.language.boolean.false"
      ],
      "settings": {
        "foreground": "#E43C",
        "fontStyle": "bold italic"
      }
    },
    {
      "scope": [
        "source.js constant.language.boolean.true"
      ],
      "settings": {
        "foreground": "#8D3C", // #7C3 /%/
        "fontStyle": "bold italic"
      }
    },
    {
      "scope": [
        "source.js constant.language.undefined"
      ],
      "settings": {
        "foreground": "#A7BA",
        "fontStyle": "bold italic"
      }
    },
    {
      "scope": [
        "source.js constant.language.null"
      ],
      "settings": {
        "foreground": "#E67C",
        "fontStyle": "bold italic"
      }
    },
    {
      "scope": [
        "source.js support.type.builtin"
      ],
      "settings": {
        "foreground": "#E7BB",
        "fontStyle": ""
      }
    },
    {
      "scope": [
        "source.js constant.language.infinity",
        "source.js constant.language.nan"
      ],
      "settings": {
        "foreground": "#7ADC",
        "fontStyle": "bold italic"
      }
    },
    {
      "name": "Big Int",
      "scope": [
        "source.js storage.type.numeric.bigint"
      ],
      "settings": {
        "foreground": "#E36D", // #D25 /%/
        "fontStyle": "italic"
      }
    },
    /*

textmate scopes	punctuation.definition.template-expression.begin.js
meta.template.expression.js
string.template.js
meta.object.member.js
meta.objectliteral.js
meta.var.expr.js
meta.block.js
meta.block.js
meta.function.expression.js
meta.export.default.js
source.js
foreground	source.js punctuation.definition.template-expression.begin { "foreground": "#E4D5ADDD", "fontStyle": "" }


    */
    {
      "name": "Operators",
      "scope": [
        "source.js keyword.operator.arithmetic",
        "source.js keyword.operator.assignment.compound.bitwise",
        "source.js keyword.operator.assignment.compound",
        "source.js keyword.operator.bitwise.shift",
        "source.js keyword.operator.bitwise",
        "source.js keyword.operator.decrement",
        "source.js keyword.operator.increment",
        "source.js keyword.operator.definiteassignment",
        "source.js keyword.operator",
        "source.js keyword.operator.comparison",
        "source.js keyword.operator.ternary",
        "source.js punctuation.separator.key-value",
        "source.js keyword.operator.assignment",
        "source.js keyword.operator.type.annotation",
        "source.js keyword.operator.expression.delete",
        "source.js keyword.operator.expression.import",
        "source.js keyword.operator.expression.in",
        "source.js keyword.operator.expression.infer",
        "source.js keyword.operator.expression.instanceof",
        "source.js keyword.operator.expression.is",
        "source.js keyword.operator.expression.keyof",
        "source.js keyword.operator.expression.of",
        "source.js keyword.operator.expression.typeof",
        "source.js keyword.operator.expression.void",
        "source.js keyword.operator.negation.regexp",
        "source.js keyword.operator.optional",
        "source.js keyword.operator.or.regexp",
        "source.js keyword.operator.quantifier.regexp",
        "source.js keyword.operator.relational",
        "source.js keyword.operator.type.modifier",
        "source.js keyword.operator.type"
      ],
      "settings": {
        "foreground": "#4B9C",
        "fontStyle": ""
      }
    },
    {
      "scope": [
        "source.js keyword.operator.spread",
        "source.js keyword.operator.rest"
      ],
      "settings": {
        "foreground": "#4B9A",
        "fontStyle": "bold"
      }
    },
    {
      "name": "Others",
      "scope": [
        "source.js *link*",
        "source.js *uri*",
        "source.js *url*",
        "source.js case-clause.expr ",
        "source.js case-clause.expr",
        "source.js cast.expr",
        "source.js header",
        "source.js keyword.other.back-reference.regexp",
        "source.js keyword.other.unit",
        "source.js markup.changed",
        "source.js markup.deleted",
        "source.js markup.heading",
        "source.js markup.inline.raw",
        "source.js markup.inserted",
        "source.js markup.punctuation.list.beginning",
        "source.js markup.punctuation.quote.beginning",
        "source.js markup.underline",
        "source.js module.node",
        "source.js new.expr",
        "source.js prototype",
        "source.js punctuation.definition.binding-pattern.array",
        "source.js punctuation.definition.binding-pattern.object",
        "source.js source.embedded",
        "source.js switch-block.expr",
        "source.js switch-expression.expr",
        "source.js switch-statement.expr",
        "source.js variable.other.object",
        "source.js meta.object.member variable.other.object"
      ],
      "settings": {
        "foreground": "#E4D5ADDD",
        "fontStyle": ""
      }
    },
    {
      "scope": [
        "source.js support.class",
        "source.js support.class.builtin",
        "source.js support.class.node",
        "source.js support.class.promise",
        "source.js support.constant",
        "source.js support.constant",
        "source.js support.constant.math",
        "source.js support.type",
        "source.js support.type.object.module",
        "source.js support.variable",
        "source.js support.variable.object.node",
        "source.js support.variable.object.process"
        // "source.js support.class.console"
      ],
      "settings": {
        "foreground": "#E4D5ADDD",
        "fontStyle": ""
      }
    },
    {
      "scope": [
        "source.js emphasis",
        "source.js markup.bold",
        "source.js strong"
      ],
      "settings": {
        "foreground": "#CFC5B2DD",
        "fontStyle": "bold"
      }
    },
    {
      "scope": [
        "source.js markup.italic"
      ],
      "settings": {
        "foreground": "#CFC5B2DD",
        "fontStyle": "italic"
      }
    },
    {
      "scope": [
        "source.js punctuation.quasi",
        "source.js string.quasi",
        "source.js invalid",
        "source.js invalid.illegal",
        "source.js invalid.illegal.newline"
      ],
      "settings": {
        "foreground": "#E36D", // #D25 /%/
        "fontStyle": ""
      }
    },
    {
      "scope": [
        "source.js invalid.deprecated"
      ],
      "settings": {
        "foreground": "#E36B", // #D25 /%/
        "fontStyle": "underline"
      }
    },
    // #endregion
    // #region "JSON" ----------------------------------------------------------
    // "#FC4D","#9C8D","#CE5C","#D89D","#5BED","#DDDD","#39ED"// #FC5 /%/
    {
      "name": "JSON key-value separator",
      "scope": [
        "source.json punctuation.separator.dictionary.key-value"
      ],
      "settings": {
        "foreground": "#BB3"
      }
    },
    {
      "name": "JSON numeric value",
      "scope": "source.json constant.numeric",
      "settings": {
        "foreground": "#DDD"
      }
    },
    {
      "name": "JSON constant value color",
      "scope": [
        "source.json constant.language"
      ],
      "settings": {
        "foreground": "#5BED" /*#5BEE*/,
        "fontStyle": "italic bold"
      }
    },
    {
      "name": "JSON string value",
      "scope": "source.json string.quoted.double",
      "settings": {
        "foreground": "#CE5C"
      }
    },
    {
      "name": "JSON Level 0",
      "scope": [
        "source.json meta.structure.dictionary.json support.type.property-name"
      ],
      "settings": {
        "foreground": "#FC4D" /*#FC4D*/ // #FC5 /%/
      }
    },
    {
      "name": "JSON Level 1",
      "scope": [
        "source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name"
      ],
      "settings": {
        "foreground": "#D89"
      }
    },
    {
      "name": "JSON Level 2",
      "scope": [
        "source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name"
      ],
      "settings": {
        "foreground": "#9C8"
      }
    },
    {
      "name": "JSON Level 3",
      "scope": [
        "source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name"
      ],
      "settings": {
        "foreground": "#5BE"
      }
    },
    {
      "name": "JSON Level 4",
      "scope": [
        "source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name"
      ],
      "settings": {
        "foreground": "#DDD"
      }
    },
    {
      "name": "JSON Level 5 and more",
      "scope": [
        "source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name"
      ],
      "settings": {
        "foreground": "#9C8"
      }
    },
    {
      "name": "JSON Level 6 and more",
      "scope": [
        "source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name"
      ],
      "settings": {
        "foreground": "#FC4D" /*#FC4D*/ // #FC5 /%/
      }
    },
    {
      "scope": [
        "source.json string.quasi"
      ],
      "settings": {
        "foreground": "#B35",
        "fontStyle": ""
      }
    },
    {
      "scope": [
        "source.json punctuation.quasi"
      ],
      "settings": {
        "foreground": "#E42C3EEE",
        "fontStyle": ""
      }
    },
    {
      "scope": [
        "source.json invalid"
      ],
      "settings": {
        "foreground": "#B35",
        "fontStyle": ""
      }
    },
    {
      "scope": [
        "source.json invalid.deprecated"
      ],
      "settings": {
        "foreground": "#B35",
        "fontStyle": "underline"
      }
    },
    {
      "scope": [
        "source.json invalid.illegal"
      ],
      "settings": {
        "foreground": "#B35",
        "fontStyle": ""
      }
    },
    {
      "scope": [
        "source.json invalid.illegal.newline"
      ],
      "settings": {
        "foreground": "#B35",
        "fontStyle": ""
      }
    },
    // #endregion
    // #region "YAML" ----------------------------------------------------------
    {
      "name": "YAML Comment",
      "scope": [
        "source.yaml comment.line.number-sign"
      ],
      "settings": {
        "foreground": "#2BD9",
        "fontStyle": ""
      }
    },
    {
      "name": "YAML Comment Punctuation",
      "scope": [
        "source.yaml comment.line.number-sign punctuation.definition.comment"
      ],
      "settings": {
        "foreground": "#4AEB",
        "fontStyle": ""
      }
    },
    {
      "scope": [
        "source.yaml string.quoted.double",
        "source.yaml string.quoted.single",
        "source.yaml string.unquoted.plain.out"
      ],
      "settings": {
        "foreground": "#CE5B"
      }
    },
    {
      "scope": [
        "source.yaml punctuation.definition.block.sequence.item",
        "source.yaml punctuation.separator.key-value.mapping"
      ],
      "settings": {
        "foreground": "#CFC5B2DD",
        "fontStyle": "bold"
      }
    },
    {
      "scope": [
        "source.yaml string.unquoted.plain.out entity.name.tag"
      ],
      "settings": {
        "foreground": "#FC4B" // #FC5 /%/
      }
    },
    {
      "scope": [
        "source.yaml string.unquoted.plain.in entity.name.tag"
      ],
      "settings": {
        "foreground": "#D89B"
      }
    },
    {
      "scope": [
        "source.yaml string.unquoted.plain.in",
        "source.yaml constant.language.boolean.yaml"
      ],
      "settings": {
        "foreground": "#9C8B"
      }
    },
    // #endregion
    // #region "JSDOCs" --------------------------------------------------------
    {
      "scope": [
        "comment.block.documentation.js punctuation.definition.comment.js",
        "comment.block.documentation.ts punctuation.definition.comment.ts",
        "comment.block.documentation.js",
        "comment.block.documentation.ts"
      ],
      "settings": {
        "foreground": "#667C",
        "fontStyle": "bold"
      }
    },
    {
      "scope": [
        "storage.type.class.jsdoc punctuation.definition.block.tag.jsdoc"
      ],
      "settings": {
        "foreground": "#E35B",
        "fontStyle": "bold"
      }
    },
    {
      "scope": [
        "storage.type.class.jsdoc"
      ],
      "settings": {
        "foreground": "#EDA9",
        "fontStyle": "bold"
      }
    },
    {
      "scope": [
        "constant.other.email.link.underline.jsdoc",
        "variable.other.link.underline.jsdoc"
      ],
      "settings": {
        "foreground": "#DB9B",
        "fontStyle": "underline"
      }
    },
    {
      "scope": [
        "punctuation.definition.bracket.angle.begin.jsdoc",
        "punctuation.definition.bracket.angle.end.jsdoc",
        "punctuation.definition.bracket.curly.begin.jsdoc",
        "punctuation.definition.bracket.curly.end.jsdoc",
        "punctuation.definition.bracket.square.begin.jsdoc",
        "punctuation.definition.bracket.square.end.jsdoc",
        "punctuation.definition.optional-value.begin.bracket.square.jsdoc",
        "punctuation.definition.optional-value.end.bracket.square.jsdoc"
      ],
      "settings": {
        "foreground": "#EDAA",
        "fontStyle": ""
      }
    },
    {
      "scope": [
        "constant.language.access-type.jsdoc",
        "constant.language.symbol-type.jsdoc",
        "constant.other.description.jsdoc",
        "entity.name.tag.inline.jsdoc",
        "entity.name.type.instance.jsdoc",
        "keyword.operator.assignment.jsdoc",
        "keyword.operator.control.jsdoc",
        "meta.example.jsdoc",
        "punctuation.definition.inline.tag.jsdoc",
        "punctuation.separator.pipe.jsdoc",
        "variable.other.description.jsdoc",
        "variable.other.jsdoc"
      ],
      "settings": {
        "foreground": "#667A",
        "fontStyle": "bold"
      }
    },
    {
      "scope": [
        "entity.name.type.instance.jsdoc"
      ],
      "settings": {
        "foreground": "#FC4C", // #FC5 /%/
        "fontStyle": ""
      }
    },
    {
      "scope": [
        "comment.block.documentation variable.other.jsdoc"
      ],
      "settings": {
        "foreground": "#A3DC",
        "fontStyle": ""
      }
    },
    {
      "scope": [
        "keyword.operator.assignment.jsdoc"
      ],
      "settings": {
        "foreground": "#4B9A",
        "fontStyle": "bold"
      }
    },
    {
      "scope": [
        "variable.other.jsdoc source.embedded"
      ],
      "settings": {
        "foreground": "#5BFC", // #6BF  /%/
        "fontStyle": ""
      }
    },
    // #endregion
    // #region "POPPING AND LOCKING ORIGINAL" ----------------------------------
    {
      "scope": "emphasis",
      "settings": {
        "fontStyle": "italic"
      }
    },
    {
      "scope": "strong",
      "settings": {
        "fontStyle": "bold"
      }
    },
    {
      "scope": "header",
      "settings": {
        "foreground": "#458588FF"
      }
    },
    {
      "name": "Comments",
      "scope": [
        "comment",
        "punctuation.definition.comment"
      ],
      "settings": {
        "foreground": "#506899",
        "fontStyle": "italic"
      }
    },
    {
      "scope": [
        "constant",
        "variable.arguments"
      ],
      "settings": {
        "foreground": "#d3869bFF"
      }
    },
    {
      "scope": "constant.rgb-value",
      "settings": {
        "foreground": "#ebdbb2FF"
      }
    },
    {
      "scope": "entity.name.selector",
      "settings": {
        "foreground": "#7ec16eFF"
      }
    },
    {
      "scope": "entity.other.attribute-name",
      "settings": {
        "foreground": "#7ec16eFF"
      }
    },
    {
      "scope": "entity.other.attribute-name.css",
      "settings": {
        "foreground": "#fe8019FF"
      }
    },
    {
      "scope": "invalid",
      "settings": {
        "foreground": "#cc241dFF"
      }
    },
    {
      "scope": "markup.underline",
      "settings": {
        "fontStyle": "underline"
      }
    },
    {
      "scope": "markup.bold",
      "settings": {
        "fontStyle": "bold",
        "foreground": "#fe8019FF"
      }
    },
    {
      "scope": "markup.heading",
      "settings": {
        "fontStyle": "bold",
        "foreground": "#fe8019FF"
      }
    },
    {
      "scope": "markup.italic",
      "settings": {
        "fontStyle": "italic"
      }
    },
    {
      "scope": "markup.inserted",
      "settings": {
        "foreground": "#b8bb26FF"
      }
    },
    {
      "scope": "markup.deleted",
      "settings": {
        "foreground": "#d65E0eFF"
      }
    },
    {
      "scope": "markup.changed",
      "settings": {
        "foreground": "#fe8019FF"
      }
    },
    {
      "scope": "markup.punctuation.quote.beginning",
      "settings": {
        "foreground": "#98971aFF"
      }
    },
    {
      "scope": "markup.punctuation.list.beginning",
      "settings": {
        "foreground": "#99c6caFF"
      }
    },
    {
      "scope": "markup.inline.raw",
      "settings": {
        "foreground": "#d65E0eFF"
      }
    },
    {
      "scope": "meta.selector",
      "settings": {
        "foreground": "#7ec16eFF"
      }
    },
    {
      "name": "brackets of XML tags",
      "scope": [],
      "settings": {
        "foreground": "#d79921FF"
      }
    },
    {
      "scope": "meta.preprocessor",
      "settings": {
        "foreground": "#fe8019FF"
      }
    },
    {
      "scope": "meta.preprocessor.string",
      "settings": {
        "foreground": "#b8bb26FF"
      }
    },
    {
      "scope": "meta.preprocessor.numeric",
      "settings": {
        "foreground": "#b8bb26FF"
      }
    },
    {
      "scope": "meta.structure.dictionary.key.python",
      "settings": {
        "foreground": "#689E6aFF"
      }
    },
    {
      "scope": "meta.header.diff",
      "settings": {
        "foreground": "#fe8019FF"
      }
    },
    {
      "scope": "storage",
      "settings": {
        "foreground": "#f42c3eFF"
      }
    },
    {
      "scope": "storage.modifier",
      "settings": {
        "foreground": "#fe8019FF"
      }
    },
    {
      "scope": "string",
      "settings": {
        "foreground": "#b8bb26FF"
      }
    },
    {
      "scope": "string.tag",
      "settings": {
        "foreground": "#b8bb26FF"
      }
    },
    {
      "scope": "string.value",
      "settings": {
        "foreground": "#b8bb26FF"
      }
    },
    {
      "scope": "string.regexp",
      "settings": {
        "foreground": "#fe8019FF"
      }
    },
    {
      "scope": "string.escape",
      "settings": {
        "foreground": "#f42c3eFF"
      }
    },
    {
      "scope": "string.quasi",
      "settings": {
        "foreground": "#7ec16eFF"
      }
    },
    {
      "scope": "string.entity",
      "settings": {
        "foreground": "#b8bb26FF"
      }
    },
    {
      "scope": "object",
      "settings": {
        "foreground": "#ebdbb2FF"
      }
    },
    {
      "scope": "module.node",
      "settings": {
        "foreground": "#99c6caFF"
      }
    },
    {
      "scope": "support.type.property-name",
      "settings": {
        "foreground": "#fabE2fFF"
      }
    },
    {
      "scope": "keyword",
      "settings": {
        "foreground": "#f42c3eFF"
      }
    },
    {
      "scope": "keyword.control",
      "settings": {
        "foreground": "#B6BD" /*#B6BE*/
      }
    },
    {
      "scope": "keyword.control.module",
      "settings": {
        "foreground": "#7ec16eFF"
      }
    },
    {
      "scope": "keyword.control.less",
      "settings": {
        "foreground": "#d79921FF"
      }
    },
    {
      "scope": "keyword.operator",
      "settings": {
        "foreground": "#7ec16eFF"
      }
    },
    {
      "scope": "keyword.operator.new",
      "settings": {
        "foreground": "#fe8019FF"
      }
    },
    {
      "scope": "keyword.other.unit",
      "settings": {
        "foreground": "#b8bb26FF"
      }
    },
    {
      "scope": "metatag.php",
      "settings": {
        "foreground": "#fe8019FF"
      }
    },
    {
      "scope": "support.function.git-rebase",
      "settings": {
        "foreground": "#689E6aFF"
      }
    },
    {
      "scope": "constant.sha.git-rebase",
      "settings": {
        "foreground": "#b8bb26FF"
      }
    },
    {
      "name": "coloring of the Java import and package identifiers",
      "scope": [
        "storage.modifier.import.java",
        "storage.modifier.package.java"
      ],
      "settings": {
        "foreground": "#ebdbb2FF"
      }
    },
    {
      "name": "Types declaration and references",
      "scope": [
        "meta.type.name",
        "meta.cast",
        "meta.type.annotation",
        "support.type",
        "storage.type.cs",
        "storage.type.java",
        "variable.class"
      ],
      "settings": {
        "foreground": "#fabE2fFF"
      }
    },
    {
      "scope": "variable.this",
      "settings": {
        "foreground": "#d3869bFF"
      }
    },
    {
      "scope": [
        "entity.name",
        "entity.static",
        "entity.name.class.static.function",
        "entity.name.function",
        "entity.name.class",
        "entity.name.type"
      ],
      "settings": {
        "foreground": "#fabE2fFF"
      }
    },
    {
      "name": "Function declarations",
      "scope": [
        "storage.type.function",
        "entity.function",
        "entity.name.function.static"
      ],
      "settings": {
        "foreground": "#7ec16eFF"
      }
    },
    {
      "name": "Variable names that are specified by the language",
      "scope": [
        "variable.language"
      ],
      "settings": {
        "foreground": "#d3869b",
        "fontStyle": "italic"
      }
    },
    {
      "scope": "entity.name.function.function-call",
      "settings": {
        "foreground": "#7ec16eFF"
      }
    },
    {
      "scope": [
        "entity.name.method",
        "entity.name.method.function-call",
        "entity.name.static.function-call"
      ],
      "settings": {
        "foreground": "#689E6aFF"
      }
    },
    {
      "scope": "brace",
      "settings": {
        "foreground": "#d5c4a1FF"
      }
    },
    {
      "name": "Variable and parameter name",
      "scope": [
        "meta.parameter.type.variable",
        "variable.parameter",
        "variable",
        "variable.name",
        "variable.other"
      ],
      "settings": {
        "foreground": "#99c6caFF"
      }
    },
    {
      "name": "CSS property value",
      "scope": [
        "support.property-value",
        "constant.rgb-value",
        "support.property-value.scss",
        "constant.rgb-value.scss"
      ],
      "settings": {
        "foreground": "#d65E0eFF"
      }
    },
    {
      "scope": "prototype",
      "settings": {
        "foreground": "#d3869bFF"
      }
    },
    {
      "scope": "storage.type.class",
      "settings": {
        "foreground": "#f42c3eFF"
      }
    },
    // {
    //   "name": "CSS propperty",
    //   "scope": "support.type.property-name.css",
    //   "settings": {
    //     "foreground": "#fabE2fFF"
    //   }
    // },
    // {
    //   "name": "CSS propperty value",
    //   "scope": [
    //     "meta.property-group",
    //     "support.constant.property-value.css"
    //   ],
    //   "settings": {
    //     "foreground": "#b8bb26FF"
    //   }
    // },
    {
      "name": "HTML and JSX Tags",
      "scope": [
        "entity.name.tag",
        "punctuation.tag"
      ],
      "settings": {
        "foreground": "#fabE2fFF"
      }
    },
    {
      "scope": [
        "punctuation"
      ],
      "settings": {
        "foreground": "#ebdbb2FF"
      }
    },
    {
      "scope": "punctuation.quasi",
      "settings": {
        "foreground": "#f42c3eFF"
      }
    },
    // #endregion "POPPING AND LOCKING ORIGINAL --------------------------------
    // #region "JSX / TSX TAGS" ------------------------------------------------
    // "#BE5B" "#FC4D" "#ADEC" "#5BFC" "#FEBE"// #FC5 /%/ // #ADC  /%/// #6BF  /%/
    {
      "scope": [
        "meta.tag meta.jsx.children"
      ],
      "settings": {
        "foreground": "#CFC5B2"
      }
    },
    {
      "scope": [
        "meta.tag keyword.operator.assignment.tsx",
        "meta.tag keyword.operator.assignment.js"
      ],
      "settings": {
        "foreground": "#E4D5ADDD",
        "fontStyle": "bold"
      }
    },
    {
      "scope": [
        "meta.tag entity.other.attribute-name.tsx",
        "meta.tag entity.other.attribute-name.js",
        "meta.tag meta.tag.attributes.tsx",
        "meta.tag meta.tag.attributes.js"
      ],
      "settings": {
        "foreground": "#FC4D" /*#FC4D*/ // #FC5 /%/
      }
    },
    {
      "scope": [
        "meta.tag string.quoted.double.tsx",
        "meta.tag string.quoted.double.js",
        "meta.tag string.quoted.single.tsx",
        "meta.tag string.quoted.single.js"
      ],
      "settings": {
        "foreground": "#BE5B"
      }
    },
    {
      "scope": [],
      "settings": {
        "foreground": "#FC4D" /*#FC4D*/ // #FC5 /%/
      }
    },
    {
      "scope": [
        "meta.tag entity.name.tag.tsx",
        "meta.tag entity.name.tag.js"
      ],
      "settings": {
        "foreground": "#ADEC", // #ADC /%/
        "fontStyle": ""
      }
    },
    {
      "scope": [
        "meta.tag support.class.component.tsx",
        "meta.tag support.class.component.js"
      ],
      "settings": {
        "foreground": "#8BDC",
        "fontStyle": "bold"
      }
    },
    {
      "scope": [
        "meta.tag punctuation.definition.tag.begin.tsx",
        "meta.tag punctuation.definition.tag.end.tsx"
      ],
      "settings": {
        "foreground": "#6CED" /*#6CEE*/, //"#A5ED", /*#A5EE*/
        "fontStyle": ""
      }
    },
    {
      "scope": [
        "meta.tag punctuation.definition.tag.begin.js",
        "meta.tag punctuation.definition.tag.end.js"
      ],
      "settings": {
        "foreground": "#FC4D" /*#FC4D*/, // #FC5 /%/
        "fontStyle": ""
      }
    },
    // #endregion "JSX / TSX TAGS" ------------------------------------------------
    // #region "HTML" ----------------------------------------------------------
    // "#BE5B" "#FC4D" "#ADEC" "#5BFC" "#CFC5B2" "#4B9D""#D79F"  "#DF8E"// #FC5 /%/ // #ADC /%/// #6BF  /%/
    // "#fabE2fFF""#b8bb26FF""#8ec07cFF""#d3869bFF""#369ec7FF""#B35F""#CFC5B2"
    /* support.function.misc.css



     */
    {
      "scope": [
        "text.html meta.tag punctuation.definition.tag"
      ],
      "settings": {
        "foreground": "#FECD" /*#FECE*/,
        "fontStyle": ""
      }
    },
    {
      "scope": [
        "text.html meta.tag entity.name.tag"
      ],
      "settings": {
        "foreground": "#FC4D" /*#FC4D*/, // #FC5 /%/
        "fontStyle": ""
      }
    },
    {
      "scope": [
        "text.html meta.tag entity.other.attribute-name"
      ],
      "settings": {
        "foreground": "#AD3C",
        "fontStyle": ""
      }
    },
    {
      "scope": [
        "text.html meta.tag meta.attribute string.quoted.single",
        "text.html meta.tag meta.attribute string.quoted.double"
      ],
      "settings": {
        "foreground": "#EE3C",
        "fontStyle": ""
      }
    },
    {
      "scope": [
        "text.html meta.tag meta.attribute string",
        "text.html.derivative constant.character.entity"
      ],
      "settings": {
        "foreground": "#F73D" /*#F73E*/,
        "fontStyle": ""
      }
    },
    {
      "scope": [
        "text.html"
      ],
      "settings": {
        "foreground": "#FECD" /*#FECE*/,
        "fontStyle": ""
      }
    },
    {
      "scope": [
        "text.html.derivative comment.block.html"
      ],
      "settings": {
        "foreground": "#6DF8",
        "fontStyle": ""
      }
    },
    {
      "scope": [
        "text.html.derivative comment.block punctuation.definition.comment"
      ],
      "settings": {
        "foreground": "#FC4D" /*#FC4D*/, // #FC5 /%/
        "fontStyle": ""
      }
    },
    // #endregion
    // #region "script in HTML" ------------------------------------------------
    // {
    //   "scope": [
    //     "text.html source variable.arguments",
    //     "text.html source variable.class",
    //     "text.html source variable.language.arguments",
    //     "text.html source variable.language",
    //     "text.html source variable.name",
    //     "text.html source variable.other.constant.object",
    //     "text.html source variable.other.constant",
    //     "text.html source variable.other.readwrite.alias",
    //     "text.html source meta.array-binding-pattern-variable variable.other.constant",
    //     "text.html source variable.other.readwrite",
    //     "text.html source variable.other.readwrite",
    //     "text.html source variable.other.regexp",
    //     "text.html source variable.other",
    //     "text.html source variable.parameter",
    //     "text.html source meta.objectliteral meta.object.member variable.other.object",
    //     "text.html source variable",
    //     "text.html source meta.object-binding-pattern-variable variable.other.constant",
    //     "text.html source meta.object.member meta.object-literal.key",
    //     "text.html source meta.objectliteral meta.object.member",
    //     "text.html source meta.var.expr meta.object-literal.key",
    //     "text.html source variable.object.property",
    //     "text.html source variable.other.constant.object.property",
    //     "text.html source variable.other.constant.property",
    //     "text.html source variable.other.object.property",
    //     "text.html source variable.other.property",
    //     "text.html source support.variable.property",
    //     "text.html source support.variable.property.importmeta",
    //     "text.html source support.variable.property.process",
    //     "text.html source support.variable.property.target",
    //     "text.html source support.type.property-name",
    //     "text.html source support.type.property-name.css",
    //     "text.html source support.property-value",
    //     "text.html source support.property-value.scss",
    //     "text.html source support.constant.property.math"
    //   ],
    //   "settings": { "foreground": "#8DCF" }
    // },
    // {
    //   "scope": [
    //     "text.html source support.function.builtin",
    //     "text.html source support.function.git-rebase",
    //     "text.html source support.function",
    //     "text.html source support.function.math",
    //     "text.html source support.function.process",
    //     "text.html source support.function.console",
    //     "text.html source meta.definition.variable entity.name.function",
    //     "text.html source meta.definition.function entity.name.function",
    //     "text.html source support.function",
    //     "text.html source support.function",
    //     "text.html source meta.definition.method",
    //     "text.html source entity.name.function",
    //     "text.html source entity.other.inherited-class",
    //     "text.html source meta.type.declaration support.type.primitive",
    //     "text.html source support.type.primitive",
    //     "text.html source meta.interface support.type.primitive",
    //     "text.html source type.annotation",
    //     "text.html source entity.name.type"
    //   ],
    //   "settings": {
    //     "foreground": "#FC4D" /*#FC4D*/,// #FC5 /%/
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": [
    //     "text.html source string",
    //     "text.html source string.constant.other.placeholder",
    //     "text.html source string.entity",
    //     "text.html source string.escape",
    //     "text.html source string.quoted.double",
    //     "text.html source string.quoted.single",
    //     "text.html source string.regexp",
    //     "text.html source string.tag",
    //     "text.html source string.template",
    //     "text.html source string.value",
    //     "text.html source meta.interface variable.object.property",
    //     "text.html source variable.other.enummember"
    //   ],
    //   "settings": {
    //     "foreground": "#DF8D" /*#DF8E*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": [
    //     "text.html source storage.type.interface",
    //     "text.html source storage.type.type",
    //     "text.html source storage.type.enum"
    //   ],
    //   "settings": {
    //     "foreground": "#D1AD" /*#D1AE*/,
    //     "fontStyle": "bold"
    //   }
    // },
    // {
    //   "scope": [
    //     "text.html source variable.other.object",
    //     "text.html source entity.name.type.alias",
    //     "text.html source entity.name.type.class",
    //     "text.html source entity.name.type.enum",
    //     "text.html source entity.name.type.interface",
    //     "text.html source entity.name.type.module",
    //     "text.html source punctuation.definition.parameters.begin",
    //     "text.html source punctuation.definition.parameters.end",
    //     "text.html source meta.brace.angle",
    //     "text.html source meta.brace.round",
    //     "text.html source meta.brace.square",
    //     "text.html source punctuation.definition.block",
    //     "text.html source meta.decorator entity.name.function",
    //     "text.html source meta.decorator variable.other.readwrite",
    //     "text.html source punctuation.definition.template-expression.begin",
    //     "text.html source punctuation.definition.template-expression.end",
    //     "text.html source punctuation.definition.binding-pattern.array",
    //     "text.html source punctuation.definition.binding-pattern.object",
    //     "text.html source meta.array-binding-pattern-variable variable.other.constant",
    //     "text.html source meta.object-binding-pattern-variable variable.other.constant"
    //   ],
    //   "settings": {
    //     "foreground": "#FEBD" /*#FEBE*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": ["text.html source storage.type.function.arrow"],
    //   "settings": { "fontStyle": "bold" }
    // },
    // {
    //   "scope": ["text.html source storage.type.function"],
    //   "settings": { "fontStyle": "bold italic" }
    // },
    // {
    //   "scope": [
    //     "text.html source storage.type.function",
    //     "text.html source storage.type.function.arrow",
    //     "text.html source storage.type.class"
    //   ],
    //   "settings": { "foreground": "#D1AD" /*#D1AE*/ }
    // },
    // {
    //   "scope": ["text.html source meta.method.declaration storage.type"],
    //   "settings": {
    //     "foreground": "#D1AD" /*#D1AE*/,
    //     "fontStyle": "italic"
    //   }
    // },
    // {
    //   "scope": [
    //     "text.html source meta.class storage.modifier",
    //     "text.html source meta.method.declaration storage.modifier"
    //   ],
    //   "settings": {
    //     "foreground": "#E81D" /*#E81E*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": ["text.html source variable.language.super"],
    //   "settings": {
    //     "foreground": "#D1AD" /*#D1AE*/,
    //     "fontStyle": "italic"
    //   }
    // },
    // {
    //   "scope": ["text.html source variable.language.this"],
    //   "settings": {
    //     "foreground": "#C68",
    //     "fontStyle": "italic"
    //   }
    // },
    // {
    //   "scope": [
    //     "text.html source keyword.control.new",
    //     "text.html source keyword.operator.new"
    //   ],
    //   "settings": {
    //     "foreground": "#F91D" /*#F91E*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": [
    //     "text.html source meta.method.declaration storage.modifier.async"
    //   ],
    //   "settings": {
    //     "foreground": "#F91D" /*#F91E*/,
    //     "fontStyle": "italic"
    //   }
    // },
    // {
    //   "scope": ["text.html source storage.modifier.async"],
    //   "settings": {
    //     "foreground": "#F91D" /*#F91E*/,
    //     "fontStyle": "italic"
    //   }
    // },
    // {
    //   "scope": ["text.html source storage.type.property"],
    //   "settings": {
    //     "foreground": "#F91D" /*#F91E*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": [
    //     "text.html source keyword.control.import",
    //     "text.html source keyword.control.export",
    //     "text.html source meta.export.default keyword.control.default",
    //     "text.html source keyword.control.as",
    //     "text.html source keyword.control.default",
    //     "text.html source keyword.control.from",
    //     "text.html source keyword.control",
    //     "text.html source keyword.control.anchor.regexp",
    //     "text.html source keyword.control.conditional",
    //     "text.html source keyword.control.less",
    //     "text.html source keyword.control.loop",
    //     "text.html source keyword.control.module",
    //     "text.html source keyword.control.require",
    //     "text.html source keyword.control.switch",
    //     "text.html source keyword.control.trycatch",
    //     "text.html source keyword.control.with",
    //     "text.html source keyword",
    //     "text.html source keyword.other",
    //     "text.html source keyword.generator.asterisk",
    //     "text.html source meta.block keyword.control.flow",
    //     "text.html source storage.type.internaldeclaration",
    //     "text.html source storage.type.namespace",
    //     "text.html source storage.type.numeric.bigint",
    //     "text.html source storage.type",
    //     "text.html source meta.block meta.var.expr storage.type",
    //     "text.html source keyword.operator.logical",
    //     "text.html source punctuation.decorator"
    //   ],
    //   "settings": {
    //     "foreground": "#F1AD" /*#F1AE*/,
    //     "fontStyle": "italic"
    //   }
    // },
    // {
    //   "scope": [
    //     "text.html source constant",
    //     "text.html source constant.character.escape.backslash.regexp",
    //     "text.html source constant.character.numeric.regexp",
    //     "text.html source constant.language",
    //     "text.html source constant.language.import-export-all",
    //     "text.html source constant.other.character-class.range.regexp",
    //     "text.html source constant.other.character-class.regexp",
    //     "text.html source constant.other.character-class.set.regexp",
    //     "text.html source constant.rgb-value",
    //     "text.html source constant.sha.git-rebase",
    //     "text.html source constant.character.escape",
    //     "text.html source support.constant.property-value.css",
    //     "text.html source constant.numeric",
    //     "text.html source constant.numeric.binary",
    //     "text.html source constant.numeric.decimal",
    //     "text.html source constant.numeric.hex",
    //     "text.html source constant.numeric.octal"
    //   ],
    //   "settings": {
    //     "foreground": "#D5AD" /*#D5AE*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": ["text.html source constant.language.boolean.false"],
    //   "settings": {
    //     "foreground": "#E43D" /*#E43E*/,
    //     "fontStyle": "italic"
    //   }
    // },
    // {
    //   "scope": ["text.html source constant.language.boolean.true"],
    //   "settings": {
    //     "foreground": "#8D3D", // #7C3 /%/
    //     "fontStyle": "italic"
    //   }
    // },
    // {
    //   "scope": ["text.html source constant.language.undefined"],
    //   "settings": {
    //     "foreground": "#B6BD" /*#B6BE*/,
    //     "fontStyle": "italic"
    //   }
    // },
    // {
    //   "scope": ["text.html source constant.language.null"],
    //   "settings": {
    //     "foreground": "#D65D" /*#D65E*/,
    //     "fontStyle": "italic"
    //   }
    // },
    // {
    //   "scope": ["text.html source constant.language.infinity"],
    //   "settings": {
    //     "foreground": "#7ADD" /*#7ADE*/,
    //     "fontStyle": "italic"
    //   }
    // },
    // {
    //   "scope": ["text.html source constant.language.nan"],
    //   "settings": {
    //     "foreground": "#7ADD" /*#7ADE*/,
    //     "fontStyle": "italic"
    //   }
    // },
    // {
    //   "scope": ["text.html source string.quasi"],
    //   "settings": {
    //     "foreground": "#B35D" /*#B35E*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": ["text.html source punctuation.quasi"],
    //   "settings": {
    //     "foreground": "#B35D" /*#B35E*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": ["text.html source invalid"],
    //   "settings": {
    //     "foreground": "#B35D" /*#B35E*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": ["text.html source invalid.deprecated"],
    //   "settings": {
    //     "foreground": "#B35D" /*#B35E*/,
    //     "fontStyle": "underline"
    //   }
    // },
    // {
    //   "scope": ["text.html source invalid.illegal"],
    //   "settings": {
    //     "foreground": "#B35D" /*#B35E*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": ["text.html source invalid.illegal.newline"],
    //   "settings": {
    //     "foreground": "#B35D" /*#B35E*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": ["text.html source emphasis"],
    //   "settings": {
    //     "foreground": "#FEBD" /*#FEBE*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": ["text.html source header"],
    //   "settings": {
    //     "foreground": "#FEBD" /*#FEBE*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": ["text.html source keyword.other.back-reference.regexp"],
    //   "settings": {
    //     "foreground": "#FEBD" /*#FEBE*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": ["text.html source keyword.other.unit"],
    //   "settings": {
    //     "foreground": "#FEBD" /*#FEBE*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": ["text.html source markup.bold"],
    //   "settings": {
    //     "foreground": "#FEBD" /*#FEBE*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": ["text.html source markup.changed"],
    //   "settings": {
    //     "foreground": "#FEBD" /*#FEBE*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": ["text.html source markup.deleted"],
    //   "settings": {
    //     "foreground": "#FEBD" /*#FEBE*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": ["text.html source markup.heading"],
    //   "settings": {
    //     "foreground": "#FEBD" /*#FEBE*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": ["text.html source markup.inline.raw"],
    //   "settings": {
    //     "foreground": "#FEBD" /*#FEBE*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": ["text.html source markup.inserted"],
    //   "settings": {
    //     "foreground": "#FEBD" /*#FEBE*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": ["text.html source markup.italic"],
    //   "settings": {
    //     "foreground": "#FEBD" /*#FEBE*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": ["text.html source markup.punctuation.list.beginning"],
    //   "settings": {
    //     "foreground": "#FEBD" /*#FEBE*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": ["text.html source markup.punctuation.quote.beginning"],
    //   "settings": {
    //     "foreground": "#FEBD" /*#FEBE*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": ["text.html source markup.underline"],
    //   "settings": {
    //     "foreground": "#FEBD" /*#FEBE*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": ["text.html source module.node"],
    //   "settings": {
    //     "foreground": "#FEBD" /*#FEBE*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": ["text.html source new.expr"],
    //   "settings": {
    //     "foreground": "#FEBD" /*#FEBE*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": ["text.html source prototype"],
    //   "settings": {
    //     "foreground": "#FEBD" /*#FEBE*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": ["text.html source source.embedded"],
    //   "settings": {
    //     "foreground": "#FEBD" /*#FEBE*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": ["text.html source strong"],
    //   "settings": {
    //     "foreground": "#FEBD" /*#FEBE*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": ["text.html source switch-block.expr"],
    //   "settings": {
    //     "foreground": "#FEBD" /*#FEBE*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": ["text.html source switch-expression.expr"],
    //   "settings": {
    //     "foreground": "#FEBD" /*#FEBE*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": ["text.html source switch-statement.expr"],
    //   "settings": {
    //     "foreground": "#FEBD" /*#FEBE*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": ["text.html source *link*"],
    //   "settings": {
    //     "foreground": "#FEBD" /*#FEBE*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": ["text.html source *uri*"],
    //   "settings": {
    //     "foreground": "#FEBD" /*#FEBE*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": ["text.html source *url*"],
    //   "settings": {
    //     "foreground": "#FEBD" /*#FEBE*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": ["text.html source case-clause.expr "],
    //   "settings": {
    //     "foreground": "#FEBD" /*#FEBE*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": ["text.html source case-clause.expr"],
    //   "settings": {
    //     "foreground": "#FEBD" /*#FEBE*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": ["text.html source cast.expr"],
    //   "settings": {
    //     "foreground": "#FEBD" /*#FEBE*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": ["text.html source support.type.builtin"],
    //   "settings": {
    //     "foreground": "#D65D" /*#D65E*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": [
    //     "text.html source keyword.operator.arithmetic",
    //     "text.html source keyword.operator.assignment.compound.bitwise",
    //     "text.html source keyword.operator.assignment.compound",
    //     "text.html source keyword.operator.bitwise.shift",
    //     "text.html source keyword.operator.bitwise",
    //     "text.html source keyword.operator.decrement",
    //     "text.html source keyword.operator.increment",
    //     "text.html source keyword.operator.definiteassignment",
    //     "text.html source keyword.operator",
    //     "text.html source keyword.operator.comparison",
    //     "text.html source keyword.operator.ternary",
    //     "text.html source punctuation.separator.key-value",
    //     "text.html source keyword.operator.assignment",
    //     "text.html source keyword.operator.type.annotation",
    //     "text.html source keyword.operator.expression.delete",
    //     "text.html source keyword.operator.expression.import",
    //     "text.html source keyword.operator.expression.in",
    //     "text.html source keyword.operator.expression.infer",
    //     "text.html source keyword.operator.expression.instanceof",
    //     "text.html source keyword.operator.expression.is",
    //     "text.html source keyword.operator.expression.keyof",
    //     "text.html source keyword.operator.expression.of",
    //     "text.html source keyword.operator.expression.typeof",
    //     "text.html source keyword.operator.expression.void",
    //     "text.html source keyword.operator.negation.regexp",
    //     "text.html source keyword.operator.optional",
    //     "text.html source keyword.operator.or.regexp",
    //     "text.html source keyword.operator.quantifier.regexp",
    //     "text.html source keyword.operator.relational",
    //     "text.html source keyword.operator.type.modifier",
    //     "text.html source keyword.operator.type",
    //     "text.html source keyword.operator.spread",
    //     "text.html source keyword.operator.rest"
    //   ],
    //   "settings": {
    //     "foreground": "#9E8D" /*#9E8E*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": [],
    //   "settings": {
    //     "foreground": "#E36B", // #D25 /%/
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": [
    //     "text.html source punctuation.accessor.optional",
    //     "text.html source punctuation.accessor",
    //     "text.html source punctuation.decorator.internaldeclaration",
    //     "text.html source punctuation.definition.character-class.regexp",
    //     "text.html source punctuation.definition.group.assertion.regexp",
    //     "text.html source punctuation.definition.group.no-capture.regexp",
    //     "text.html source punctuation.definition.group.regexp",
    //     "text.html source punctuation.definition.section.case-statement",
    //     "text.html source punctuation.definition.typeparameters.begin",
    //     "text.html source punctuation.definition.typeparameters.end",
    //     "text.html source punctuation.definition.tag.directive",
    //     "text.html source punctuation.destructuring",
    //     "text.html source punctuation.quoted",
    //     "text.html source punctuation.separator.comma",
    //     "text.html source punctuation.separator.label",
    //     "text.html source punctuation.separator.parameter",
    //     "text.html source punctuation.tag",
    //     "text.html source punctuation.whitespace.comment.leading",
    //     "text.html source support.class",
    //     "text.html source support.class.builtin",
    //     "text.html source support.class.node",
    //     "text.html source support.class.promise",
    //     "text.html source support.constant",
    //     "text.html source support.constant",
    //     "text.html source support.constant.math",
    //     "text.html source support.type",
    //     "text.html source support.type.object.module",
    //     "text.html source support.variable",
    //     "text.html source support.variable.object.node",
    //     "text.html source support.variable.object.process",
    //     "text.html source support.class.console",
    //     "text.html source entity.function",
    //     "text.html source entity.name.class.static.function",
    //     "text.html source entity.name.class",
    //     "text.html source entity.name.function.function-call",
    //     "text.html source entity.name.function.static",
    //     "text.html source entity.name.function.tagged-template",
    //     "text.html source entity.name.label",
    //     "text.html source entity.name.method.function-call",
    //     "text.html source entity.name.method",
    //     "text.html source entity.name.selector",
    //     "text.html source entity.name.static.function-call",
    //     "text.html source entity.name.tag.directive",
    //     "text.html source entity.name.tag",
    //     "text.html source entity.name",
    //     "text.html source entity.other.attribute-name.css",
    //     "text.html source entity.other.attribute-name.directive",
    //     "text.html source entity.other.attribute-name",
    //     "text.html source entity.other.inherited-class",
    //     "text.html source entity.static",
    //     "text.html source meta.array-binding-pattern-variable",
    //     "text.html source meta.array.literal",
    //     "text.html source meta.arrow",
    //     "text.html source meta.assertion.look-ahead.regexp",
    //     "text.html source meta.assertion.look-behind.regexp",
    //     "text.html source meta.assertion.negative-look-ahead.regexp",
    //     "text.html source meta.assertion.negative-look-behind.regexp",
    //     "text.html source meta.block",
    //     "text.html source meta.cast",
    //     "text.html source meta.class",
    //     "text.html source meta.decorator",
    //     "text.html source meta.definition.function",
    //     "text.html source meta.definition.method",
    //     "text.html source meta.definition.property",
    //     "text.html source meta.definition.variable",
    //     "text.html source meta.delimiter.decimal.period",
    //     "text.html source meta.enum.declaration",
    //     "text.html source meta.export",
    //     "text.html source meta.export.default",
    //     "text.html source meta.field.declaration",
    //     "text.html source meta.function",
    //     "text.html source meta.function-call",
    //     "text.html source meta.function.expression",
    //     "text.html source meta.group.assertion.regexp",
    //     "text.html source meta.group.regexp",
    //     "text.html source meta.header.diff",
    //     "text.html source meta.import",
    //     "text.html source meta.import-equals.external",
    //     "text.html source meta.import-equals.internal",
    //     "text.html source meta.indexer.declaration",
    //     "text.html source meta.indexer.mappedtype.declaration",
    //     "text.html source meta.interface",
    //     "text.html source meta.method.declaration",
    //     "text.html source meta.namespace.declaration",
    //     "text.html source meta.object-binding-pattern-variable",
    //     "text.html source meta.object-literal.key",
    //     "text.html source meta.object.member",
    //     "text.html source meta.object.type",
    //     "text.html source meta.objectliteral",
    //     "text.html source meta.parameter.object-binding-pattern",
    //     "text.html source meta.parameter.type.variable",
    //     "text.html source meta.parameters",
    //     "text.html source meta.paramter.array-binding-pattern",
    //     "text.html source meta.preprocessor",
    //     "text.html source meta.preprocessor.numeric",
    //     "text.html source meta.preprocessor.string",
    //     "text.html source meta.property-group",
    //     "text.html source meta.selector",
    //     "text.html source meta.structure.dictionary.key.python",
    //     "text.html source meta.tag",
    //     "text.html source meta.template.expression",
    //     "text.html source meta.type.annotation",
    //     "text.html source meta.type.constructor",
    //     "text.html source meta.type.declaration",
    //     "text.html source meta.type.function",
    //     "text.html source meta.type.function.return",
    //     "text.html source meta.type.name",
    //     "text.html source meta.type.parameters",
    //     "text.html source meta.type.paren.cover",
    //     "text.html source meta.type.tuple",
    //     "text.html source meta.var-single-variable.expr",
    //     "text.html source meta.var.expr"
    //   ],
    //   "settings": {
    //     "foreground": "#FEBD" /*#FEBE*/,
    //     "fontStyle": ""
    //   }
    // },
    // // #endregion
    // #region "CSS" -----------------------------------------------------------
    // entity.name.tag.css entity.other.attribute-name.pseudo-class.css
    /*
keyword.other.unit.px.css
constant.numeric.css
meta.property-value.css
meta.property-list.css
source.css
    */
    {
      "name": "css comment block punctuation",
      "scope": [
        "source.css comment.block punctuation.definition.comment"
      ],
      "settings": {
        "foreground": "#FC4C" /*#FC4D*/, // #FC5 /%/
        "fontStyle": "bold"
      }
    },
    {
      "name": "css comment block",
      "scope": [
        "source.css comment.block"
      ],
      "settings": {
        "foreground": "#53EC" /*#53EE*/,
        "fontStyle": "bold"
      }
    },
    {
      "name": "css TAG ELEMENT",
      "scope": [
        "source.css meta.selector entity.name.tag"
      ],
      "settings": {
        "foreground": "#5AEC" /*#5AEE*/,
        "fontStyle": "bold"
      }
    }, //
    {
      "name": "css PSEUDO-ELEMENT",
      "scope": [
        "source.css meta.selector entity.other.attribute-name.pseudo-element"
      ],
      "settings": {
        "foreground": "#E85C",
        "fontStyle": "bold"
      }
    },
    {
      "name": "css CLASS",
      "scope": [
        "source.css meta.selector entity.other.attribute-name.class punctuation.definition.entity",
        "source.css meta.selector entity.other.attribute-name.class"
      ],
      "settings": {
        "foreground": "#FEBC" /*#FEBE*/,
        "fontStyle": "bold"
      }
    },
    {
      "name": "css PSEUDO-CLASS",
      "scope": [
        "source.css meta.selector entity.other.attribute-name.pseudo-class",
        "source.css meta.property-list meta.property-value meta.function.color.css"
      ],
      "settings": {
        "foreground": "#FC4C" /*#FC4D*/, // #FC5 /%/
        "fontStyle": "bold"
      }
    },
    {
      "name": "css PSEUDO-CLASS",
      "scope": [
        "source.css meta.property-list meta.property-value meta.function.color.css"
      ],
      "settings": {
        "foreground": "#FC4D" /*#FC4D*/, // #FC5 /%/
        "fontStyle": ""
      }
    },
    {
      "name": "css #ID",
      "scope": [
        "source.css meta.selector entity.other.attribute-name.id punctuation.definition.entity",
        "source.css meta.selector entity.other.attribute-name.id"
      ],
      "settings": {
        "foreground": "#E85E",
        "fontStyle": "bold"
      }
    },
    {
      "name": "css property-name",
      "scope": [
        "source.css meta.property-list meta.property-name support.type.property-name.css",
        "source.css support.type.property-name.css"
      ],
      "settings": {
        "foreground": "#8DC",
        "fontStyle": ""
      }
    },
    {
      "scope": [
        "source.css meta.at-rule.media.header support.type.property-name.media"
      ],
      "settings": {
        "foreground": "#FC4C" /*#FC4D*/, // #FC5 /%/
        "fontStyle": "bold"
      }
    },
    {
      "scope": [
        "source.css meta.at-rule.media.header.css"
      ],
      "settings": {
        "fontStyle": "bold"
      }
    },
    {
      "scope": [
        "source.css keyword.control.at-rule.media punctuation.definition.keyword",
        "source.css meta.at-rule.media.header support.constant.media"
      ],
      "settings": {
        "foreground": "#FEBC" /*#FEBE*/,
        "fontStyle": "bold"
      }
    },
    {
      "scope": [
        "source.css meta.at-rule.media.header keyword.control.at-rule.media"
      ],
      "settings": {
        "foreground": "#D4CC" /*#D4CE*/,
        "fontStyle": "bold italic"
      }
    },
    /*
constant.numeric.css
meta.function.color.css
meta.property-value.css
meta.property-list.css
source.css

upport.constant.property-value.css
meta.property-value.css
meta.property-list.css
source.css

meta.property-value support.constant.property-value
meta.property-value.css
meta.property-list.css
source.css
    */
    {
      "name": "css UNIT keyword",
      "scope": [
        "source.css meta.property-value keyword.other.unit",
        "source.css entity.other.attribute-name.css",
        "source.css meta.at-rule.media.header keyword.other.unit"
      ],
      "settings": {
        "foreground": "#CE5C",
        "fontStyle": ""
      }
    },
    {
      "name": "css property value",
      "scope": [
        "source.css support.constant.property-value",
        "source.css meta.property-value support.constant.property-value"
      ],
      "settings": {
        "foreground": "#D2CD" /*#D5AE*/,
        "fontStyle": ""
      }
    },
    {
      "name": "css numeric value",
      "scope": [
        "source.css meta.property-value constant.numeric",
        "source.css meta.at-rule.media.header constant.numeric"
      ],
      "settings": {
        "foreground": "#E67D" /*#D5AE*/,
        "fontStyle": ""
      }
    },
    {
      "name": "css STRINGS",
      "scope": [
        "source.css string.quoted.double.css",
        "source.css string.quoted.single.css"
      ],
      "settings": {
        "foreground": "#DF8D" /*#DF8E*/,
        "fontStyle": ""
      }
    },
    {
      "name": "css PUNCTUATION",
      "scope": [
        "source.css meta.selector entity.other.attribute-name.pseudo-element punctuation.definition.entity",
        "source.css meta.selector entity.other.attribute-name.pseudo-class punctuation.definition.entity"
      ],
      "settings": {
        "foreground": "#FEBC" /*#FEBE*/,
        "fontStyle": "bold"
      }
    },
    {
      "name": "css keyword IMPORTANT",
      "scope": [
        "source.css meta.property-value keyword.other.important",
        "source.css meta.at-rule.media.header keyword.operator.logical"
      ],
      "settings": {
        "foreground": "#F42C",
        "fontStyle": "bold"
      }
    },
    // #endregion
    // // #region "OTHERS" --------------------------------------------------------
    // {
    //   "name": "Interface and Type Aliase definition keyword",
    //   "scope": [
    //     "source storage.type.enum",
    //     "source storage.type.interface",
    //     "source storage.type.type"
    //   ],
    //   "settings": {
    //     "foreground": "#E36B", // #D25 /%/
    //     "fontStyle": "bold"
    //   }
    // },
    // {
    //   "name": "Interface and Type Aliase definition name",
    //   "scope": [
    //     "source meta.interface entity.name.type.interface",
    //     "entity.name.type.alias"
    //   ],
    //   "settings": {
    //     "foreground": "#CFC5B2DD",
    //     "fontStyle": "bold"
    //   }
    // },
    // {
    //   "name": "Property Definition in Interface",
    //   "scope": [
    //     "source meta.interface meta.definition.property variable.object.property"
    //   ],
    //   "settings": {
    //     "foreground": "#ADEC", // #ADC /%/
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "name": "Primitive Annotation in Interface and Type Aliase",
    //   "scope": [
    //     "source meta.interface meta.type.annotation support.type.primitive",
    //     "source meta.type.declaration support.type.primitive"
    //   ],
    //   "settings": {
    //     "foreground": "#FC4D", //  "#E7BB",// #FC5 /%/
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "name": "Entity Name Type Annotation in Interface and Type Aliases",
    //   "scope": [
    //     "source meta.interface meta.type.annotation entity.name.type",
    //     "source meta.type.declaration entity.name.type",
    //     "source meta.type.declaration meta.type.function.return meta.type.parameters entity.name.type",
    //     "source meta.function meta.block meta.type.parameters entity.name.type"
    //   ],
    //   "settings": {
    //     "foreground": "#FC4D", //  "#E7BB",// #FC5 /%/
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "name": "Types",
    //   "scope": [
    //     "source meta.type.declaration meta.type.parameters entity.name.type",
    //     "source meta.function meta.type.parameters entity.name.type"
    //   ],
    //   "settings": {
    //     "foreground": "#FC4C", // #FC5 /%/
    //     "fontStyle": "bold"
    //   }
    // },
    // {
    //   "name": "Types",
    //   "scope": [
    //     "source entity.name.type",
    //     "source meta.parameters entity.name.type",
    //     "source meta.type.annotation meta.type.parameters entity.name.type",
    //     "source meta.type.annotation",
    //     "source meta.type.parameters entity.name.type",
    //     "source type.annotation"
    //   ],
    //   "settings": {
    //     "foreground": "#FC4D", // #FC5 /%/
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "name": "Types primitives",
    //   "scope": [
    //     "source meta.type.annotation meta.type.parameters support.type.primitive",
    //     "source support.type.primitive"
    //   ],
    //   "settings": {
    //     "foreground": "#FC4D", //  "#E7BB",  "#FC4D",// #FC5 /%/
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "name": "Functions",
    //   "scope": [
    //     "source entity.name.function",
    //     "source meta.definition.function entity.name.function",
    //     "source meta.definition.method",
    //     "source meta.definition.variable entity.name.function",
    //     "source meta.field.declaration"
    //   ],
    //   "settings": {
    //     "foreground": "#FC4D" /*#FC4E*/, // #FC5 /%/
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "name": "Function Like",
    //   "scope": [
    //     "source support.function.builtin",
    //     "source support.function.git-rebase",
    //     "source support.function",
    //     "source support.function.math",
    //     "source support.function.process"
    //     // "source support.function.console"
    //   ],
    //   "settings": {
    //     "foreground": "#FC4C", // #FC5 /%/
    //     "fontStyle": "bold italic"
    //   }
    // },
    // {
    //   "name": "New Class",
    //   "scope": [
    //     "source entity.other.inherited-class",
    //     "source new.expr entity.name.type"
    //   ],
    //   "settings": {
    //     "foreground": "#FC4C", // #FC5 /%/
    //     "fontStyle": "bold"
    //   }
    // },
    // {
    //   "name": "Function Return Type",
    //   "scope": [
    //     "source meta.return.type entity.name.type",
    //     "source meta.return.type support.type.primitive"
    //   ],
    //   "settings": {
    //     "foreground": "#4B9C",
    //     "fontStyle": "bold italic"
    //   }
    // },
    // {
    //   "name": "Function Return Type parameter name type",
    //   "scope": [
    //     "source meta.return.type meta.type.parameters entity.name.type"
    //   ],
    //   "settings": {
    //     "foreground": "#FC4D", // #FC5 /%/
    //     "fontStyle": "italic"
    //   }
    // },
    // {
    //   "name": "Function Return Type parameter primitive type",
    //   "scope": [
    //     "source meta.return.type meta.type.parameters support.type.primitive"
    //   ],
    //   "settings": {
    //     "foreground": "#E7BB", // "#FC4E",  "#E7BB",// #FC5 /%/
    //     "fontStyle": "italic"
    //   }
    // },
    // {
    //   "name": "Function Return Type parameter punctuation",
    //   "scope": [
    //     "source meta.return.type meta.type.parameters punctuation.definition.typeparameters",
    //     "source meta.return.type meta.type.tuple meta.brace.square",
    //     "source meta.return.type keyword.operator.type"
    //   ],
    //   "settings": {
    //     "foreground": "#E4D5ADDD",
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "name": "Types",
    //   "scope": [
    //     "source entity.name.type.class",
    //     "source entity.name.type.enum",
    //     "source entity.name.type.instance",
    //     "source entity.name.type.module",
    //     "source entity.name.type.record"
    //   ],
    //   "settings": {
    //     "foreground": "#CFC5B2DD",
    //     "fontStyle": "bold"
    //   }
    // },
    // {
    //   "name": "Entitys",
    //   "scope": [
    //     "source punctuation.definition.parameters.begin",
    //     "source punctuation.definition.parameters.end",
    //     "source meta.brace.angle",
    //     "source meta.brace.round",
    //     "source meta.brace.square",
    //     "source punctuation.definition.block",
    //     "source entity.function",
    //     "source entity.name",
    //     "source entity.other.attribute-name.css",
    //     "source entity.other.attribute-name.directive",
    //     "source entity.other.attribute-name",
    //     "source entity.other.inherited-class",
    //     "source entity.static"
    //   ],
    //   "settings": {
    //     "foreground": "#E4D5ADDD",
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "name": "Entitys",
    //   "scope": [
    //     "source meta.decorator entity.name",
    //     "source meta.decorator entity.name.function",
    //     "source meta.decorator meta.function-call entity.name",
    //     "source meta.decorator variable.other.readwrite"
    //   ],
    //   "settings": {
    //     "foreground": "#CFC5B2DD",
    //     "fontStyle": "bold"
    //   }
    // },
    // {
    //   "name": "regexp constants",
    //   "scope": [
    //     "source string.regexp constant.other.character-class.set.regexp"
    //   ],
    //   "settings": {
    //     "foreground": "#E67D" /*#E67E*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "name": "regexp string",
    //   "scope": [
    //     "source meta.var.expr string.regexp"
    //   ],
    //   "settings": {
    //     "foreground": "#9C8D" /*#9C8E*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "name": "regexp other punctuation",
    //   "scope": [
    //     "source string.regexp punctuation.definition.character-class.regexp"
    //   ],
    //   "settings": {
    //     "foreground": "#FC4D" /*#FC4E*/, // #FC5 /%/
    //     "fontStyle": ""
    //   }
    // },
    // /*
    // source support.function.promise
    // support.class.console
    // support.function.console
    //     */
    // // console.log etc ...
    // // console.log etc ...
    // // console.log etc ...
    // {
    //   "name": "console function",
    //   "scope": [
    //     "source support.function.console"
    //   ],
    //   "settings": {
    //     "foreground": "#FC4C", // #FC5 /%/
    //     "fontStyle": "bold italic"
    //   }
    // },
    // {
    //   "name": "console class",
    //   "scope": [
    //     "source support.class.console"
    //   ],
    //   "settings": {
    //     "foreground": "#4B9C",
    //     "fontStyle": "bold"
    //   }
    // },
    // {
    //   "name": "regexp punctuation",
    //   "scope": [
    //     "source support.function.promise"
    //   ],
    //   "settings": {
    //     "foreground": "#F91C",
    //     "fontStyle": "bold italic"
    //   }
    // },
    // {
    //   "name": "regexp punctuation",
    //   "scope": [
    //     "source string.regexp punctuation.definition.string.begin",
    //     "source string.regexp punctuation.definition.string.end"
    //   ],
    //   "settings": {
    //     "foreground": "#F91C",
    //     "fontStyle": "bold"
    //   }
    // },
    // {
    //   "name": "Variables",
    //   "scope": [
    //     "meta.body.struct",
    //     "source meta.body",
    //     "source variable.other.enummember",
    //     "source variable.arguments",
    //     "source variable.class",
    //     "source variable.language.arguments",
    //     "source variable.language",
    //     "source variable.name",
    //     "source variable.other.constant.object",
    //     "source variable.other.constant",
    //     "source variable.other.readwrite.alias",
    //     "source meta.array-binding-pattern-variable variable.other.constant",
    //     "source variable.other.readwrite",
    //     "source variable.other.readwrite",
    //     "source variable.other.regexp",
    //     "source variable.other",
    //     "source variable.parameter",
    //     "source variable",
    //     "source meta.array-binding-pattern-variable variable.other.constant",
    //     "source meta.object-binding-pattern-variable variable.other.constant"
    //   ],
    //   "settings": {
    //     "foreground": "#ADEC" // #ADC /%/
    //   }
    // },
    // {
    //   "name": "Other Constant",
    //   "scope": [
    //     "source meta.object-binding-pattern-variable variable.other.constant",
    //     "source meta.object.member meta.object-literal.key",
    //     "source meta.objectliteral meta.object.member",
    //     "source meta.var.expr meta.object-literal.key",
    //     "source variable.object.property",
    //     "source variable.other.constant.object.property",
    //     "source variable.other.constant.property",
    //     "source variable.other.property"
    //   ],
    //   "settings": {
    //     "foreground": "#5BFC" // #6BF  /%/
    //   }
    // },
    // {
    //   "name": "support properties",
    //   "scope": [
    //     /*  "source support.variable.property",
    //         "source support.variable.property.importmeta",
    //         "source support.variable.property.process",
    //         "source support.variable.property.target",
    //         "source support.type.property-name",
    //         "source support.type.property-name.css",
    //         "source support.property-value",
    //         "source support.property-value.scss", */
    //     "source support.constant.property.math"
    //   ],
    //   "settings": {
    //     "foreground": "#5BFC", // #6BF  /%/
    //     "fontStyle": "bold italic"
    //   }
    // },
    // {
    //   "name": "support properties",
    //   "scope": [
    //     "source support.variable.property",
    //     "source support.variable.property.importmeta",
    //     "source support.variable.property.process",
    //     "source support.variable.property.target",
    //     "source support.type.property-name",
    //     "source support.type.property-name.css",
    //     "source support.property-value",
    //     "source support.property-value.scss"
    //     // "source support.constant.property.math"
    //   ],
    //   "settings": {
    //     "foreground": "#5BFB", // #6BF  /%/
    //     "fontStyle": "bold"
    //   }
    // },
    // {
    //   "name": "Constants",
    //   "scope": [
    //     "source constant",
    //     "source constant.character.escape.backslash.regexp",
    //     "source constant.character.numeric.regexp",
    //     "source constant.language",
    //     "source constant.language.import-export-all",
    //     "source constant.other.character-class.range.regexp",
    //     "source constant.other.character-class.regexp",
    //     "source constant.other.character-class.set.regexp",
    //     "source constant.rgb-value",
    //     "source constant.sha.git-rebase",
    //     "source constant.character.escape",
    //     "source constant.numeric",
    //     "source constant.numeric.binary",
    //     "source constant.numeric.decimal",
    //     "source constant.numeric.hex",
    //     "source constant.numeric.octal"
    //   ],
    //   "settings": {
    //     "foreground": "#E67D" /*#E67E*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "name": "Strings",
    //   "scope": [
    //     "source string",
    //     "source string.constant.other.placeholder",
    //     "source string.entity",
    //     "source string.escape",
    //     "source string.quoted.double",
    //     "source string.quoted.single",
    //     "source string.regexp",
    //     "source string.tag",
    //     "source string.template",
    //     "source string.value"
    //   ],
    //   "settings": {
    //     "foreground": "#CE5C"
    //   }
    // },
    // {
    //   "name": "ARROW FUNCTION STYLE",
    //   "scope": [
    //     "source storage.type.function.arrow"
    //   ],
    //   "settings": {
    //     "fontStyle": "bold"
    //   }
    // },
    // {
    //   "name": "FUNCTION KEYWORD STYLE",
    //   "scope": [
    //     "source storage.type.function"
    //   ],
    //   "settings": {
    //     "fontStyle": "bold italic"
    //   }
    // },
    // {
    //   "name": "FUNCTION KEYWORD OR ARROW COLOUR",
    //   "scope": [
    //     "source storage.type.function",
    //     "source storage.type.function.arrow"
    //   ],
    //   "settings": {
    //     "foreground": "#8D3C" // #7C3 /%/
    //   }
    // },
    // {
    //   "name": "CLASS KEYWORD DEFINITION",
    //   "scope": [
    //     "source storage.type.class"
    //   ],
    //   "settings": {
    //     "foreground": "#FC4C", // #FC5 /%/
    //     "fontStyle": "bold italic"
    //   }
    // },
    // {
    //   "name": "Constructor Keyword",
    //   "scope": [
    //     "source meta.method.declaration storage.type"
    //   ],
    //   "settings": {
    //     "foreground": "#E36B", // #D25 /%/
    //     "fontStyle": "bold italic"
    //   }
    // },
    // {
    //   "name": "Extends, Get, Implements, Private, Public, Set, etc...",
    //   "scope": [
    //     "source meta.class storage.modifier",
    //     "source meta.method.declaration storage.modifier",
    //     "source storage.type.property"
    //   ],
    //   "settings": {
    //     "foreground": "#F91D" /*#F91E*/,
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "name": "NEW KEYWORD DEFINITION",
    //   "scope": [
    //     "source keyword.control.new",
    //     "source keyword.operator.new"
    //   ],
    //   "settings": {
    //     "foreground": "#F91C",
    //     "fontStyle": "bold"
    //   }
    // },
    // {
    //   "name": "ASYNC KEYWORD DEFINITION",
    //   "scope": [
    //     "source meta.method.declaration storage.modifier.async",
    //     "source storage.modifier.async"
    //   ],
    //   "settings": {
    //     "foreground": "#F91C",
    //     "fontStyle": "bold italic"
    //   }
    // },
    // {
    //   "name": "VARIABLE SUPER",
    //   "scope": [
    //     "source variable.language.super"
    //   ],
    //   "settings": {
    //     "foreground": "#E1AC" /*#E1AE*/,
    //     "fontStyle": "bold italic"
    //   }
    // },
    // {
    //   "name": "VARIABLE THIS",
    //   "scope": [
    //     "source variable.language.this"
    //   ],
    //   "settings": {
    //     "foreground": "#E67C" /*#E67E*/,
    //     "fontStyle": "bold italic"
    //   }
    // },
    // // import is italic
    // {
    //   "name": "Import variables are italic",
    //   "scope": [
    //     "source meta.import variable.other.readwrite.alias",
    //     "source meta.import variable.other.readwrite"
    //   ],
    //   "settings": {
    //     "foreground": "#ADEC", // #ADC /%/
    //     "fontStyle": "italic"
    //   }
    // },
    // {
    //   "name": "Import variables are italic",
    //   "scope": [
    //     "source meta.import punctuation.definition.block"
    //   ],
    //   "settings": {
    //     "foreground": "#FD0C",
    //     "fontStyle": "bold italic"
    //   }
    // },
    // //     "source constant.language.import-export-all",
    // {
    //   "name": "Star in import expor all",
    //   "scope": [
    //     "source constant.language.import-export-all"
    //   ],
    //   "settings": {
    //     "foreground": "#E67C",
    //     "fontStyle": "bold"
    //   }
    // },
    // {
    //   "name": "Import strings are italic",
    //   "scope": [
    //     "source meta.import string.quoted.single",
    //     "source meta.import string.quoted.double"
    //   ],
    //   "settings": {
    //     "foreground": "#CE5C",
    //     "fontStyle": "italic"
    //   }
    // },
    // {
    //   "name": "Import default as and From",
    //   "scope": [
    //     "source meta.import keyword.control.as",
    //     "source meta.import keyword.control.default",
    //     "source meta.import keyword.control.from",
    //     "source meta.import keyword.control.import"
    //   ],
    //   "settings": {
    //     "foreground": "#E36B", // #D25 /%/
    //     "fontStyle": "bold italic"
    //   }
    // },
    // {
    //   "name": "Enum, Export, Import, Interface, Namespace, Type, etc",
    //   "scope": [
    //     "source storage.type.internaldeclaration",
    //     "source storage.type.namespace",
    //     "source storage.type",
    //     "source keyword.control.from",
    //     "source keyword.control.import",
    //     "source keyword.control.export",
    //     "source meta.export.default keyword.control.default"
    //   ],
    //   "settings": {
    //     "foreground": "#E36B", // #D25 /%/
    //     "fontStyle": "bold"
    //   }
    // },
    // {
    //   "name": "KEYWORD.CONTROL others ETC.",
    //   "scope": [
    //     "source keyword.control.as",
    //     "source keyword.control.default",
    //     "source keyword.control",
    //     "source keyword.control.anchor.regexp",
    //     "source keyword.control.conditional",
    //     "source keyword.control.less",
    //     "source keyword.control.loop",
    //     "source keyword.control.module",
    //     "source keyword.control.require",
    //     "source keyword.control.switch",
    //     "source keyword.control.trycatch",
    //     "source keyword.control.with",
    //     "source keyword",
    //     "source keyword.other",
    //     "source keyword.generator.asterisk",
    //     "source meta.block keyword.control.flow",
    //     "source keyword.operator.logical",
    //     "source storage.type.numeric.bigint"
    //   ],
    //   "settings": {
    //     "foreground": "#E36D", // #D25 /%/
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "name": "STORAGE TYPE => LET CONST etc ....",
    //   "scope": [
    //     "source storage.type"
    //   ],
    //   "settings": {
    //     "foreground": "#E36B", // #D25 /%/
    //     "fontStyle": "bold italic"
    //   }
    // },
    // {
    //   "name": "STORAGE TYPE => LET CONST etc ....",
    //   "scope": [
    //     "source meta.block meta.var.expr storage.type"
    //   ],
    //   "settings": {
    //     "foreground": "#E36D", // #D25 /%/
    //     "fontStyle": "italic"
    //   }
    // },
    // {
    //   "scope": [
    //     "source punctuation.decorator"
    //   ],
    //   "settings": {
    //     "foreground": "#E36B", // #D25 /%/
    //     "fontStyle": "bold"
    //   }
    // },
    // {
    //   "scope": [
    //     "source constant.language.boolean.false"
    //   ],
    //   "settings": {
    //     "foreground": "#E43C",
    //     "fontStyle": "bold italic"
    //   }
    // },
    // {
    //   "scope": [
    //     "source constant.language.boolean.true"
    //   ],
    //   "settings": {
    //     "foreground": "#8D3C", // #7C3 /%/
    //     "fontStyle": "bold italic"
    //   }
    // },
    // {
    //   "scope": [
    //     "source constant.language.undefined"
    //   ],
    //   "settings": {
    //     "foreground": "#A7BA",
    //     "fontStyle": "bold italic"
    //   }
    // },
    // {
    //   "scope": [
    //     "source constant.language.null"
    //   ],
    //   "settings": {
    //     "foreground": "#E67C",
    //     "fontStyle": "bold italic"
    //   }
    // },
    // {
    //   "scope": [
    //     "source support.type.builtin"
    //   ],
    //   "settings": {
    //     "foreground": "#E7BB",
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": [
    //     "source constant.language.infinity",
    //     "source constant.language.nan"
    //   ],
    //   "settings": {
    //     "foreground": "#7ADC",
    //     "fontStyle": "bold italic"
    //   }
    // },
    // {
    //   "name": "Operators",
    //   "scope": [
    //     "source keyword.operator.arithmetic",
    //     "source keyword.operator.assignment.compound.bitwise",
    //     "source keyword.operator.assignment.compound",
    //     "source keyword.operator.bitwise.shift",
    //     "source keyword.operator.bitwise",
    //     "source keyword.operator.decrement",
    //     "source keyword.operator.increment",
    //     "source keyword.operator.definiteassignment",
    //     "source keyword.operator",
    //     "source keyword.operator.comparison",
    //     "source keyword.operator.ternary",
    //     "source punctuation.separator.key-value",
    //     "source keyword.operator.assignment",
    //     "source keyword.operator.type.annotation",
    //     "source keyword.operator.expression.delete",
    //     "source keyword.operator.expression.import",
    //     "source keyword.operator.expression.in",
    //     "source keyword.operator.expression.infer",
    //     "source keyword.operator.expression.instanceof",
    //     "source keyword.operator.expression.is",
    //     "source keyword.operator.expression.keyof",
    //     "source keyword.operator.expression.of",
    //     "source keyword.operator.expression.typeof",
    //     "source keyword.operator.expression.void",
    //     "source keyword.operator.negation.regexp",
    //     "source keyword.operator.optional",
    //     "source keyword.operator.or.regexp",
    //     "source keyword.operator.quantifier.regexp",
    //     "source keyword.operator.relational",
    //     "source keyword.operator.type.modifier",
    //     "source keyword.operator.type"
    //   ],
    //   "settings": {
    //     "foreground": "#4B9C",
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": [
    //     "source keyword.operator.spread",
    //     "source keyword.operator.rest"
    //   ],
    //   "settings": {
    //     "foreground": "#4B9A",
    //     "fontStyle": "bold"
    //   }
    // },
    // {
    //   "name": "Others",
    //   "scope": [
    //     "source *link*",
    //     "source *uri*",
    //     "source *url*",
    //     "source case-clause.expr ",
    //     "source case-clause.expr",
    //     "source cast.expr",
    //     "source header",
    //     "source keyword.other.back-reference.regexp",
    //     "source keyword.other.unit",
    //     "source markup.changed",
    //     "source markup.deleted",
    //     "source markup.heading",
    //     "source markup.inline.raw",
    //     "source markup.inserted",
    //     "source markup.punctuation.list.beginning",
    //     "source markup.punctuation.quote.beginning",
    //     "source markup.underline",
    //     "source module.node",
    //     "source new.expr",
    //     "source prototype",
    //     "source punctuation.definition.binding-pattern.array",
    //     "source punctuation.definition.binding-pattern.object",
    //     "source source.embedded",
    //     "source switch-block.expr",
    //     "source switch-expression.expr",
    //     "source switch-statement.expr",
    //     "source variable.other.object",
    //     "source meta.object.member variable.other.object"
    //   ],
    //   "settings": {
    //     "foreground": "#E4D5ADDD",
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": [
    //     "source support.class",
    //     "source support.class.builtin",
    //     "source support.class.node",
    //     "source support.class.promise",
    //     "source support.constant",
    //     "source support.constant",
    //     "source support.constant.math",
    //     "source support.type",
    //     "source support.type.object.module",
    //     "source support.variable",
    //     "source support.variable.object.node",
    //     "source support.variable.object.process"
    //     // "source support.class.console"
    //   ],
    //   "settings": {
    //     "foreground": "#E4D5ADDD",
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": [
    //     "source emphasis",
    //     "source markup.bold",
    //     "source strong"
    //   ],
    //   "settings": {
    //     "foreground": "#CFC5B2DD",
    //     "fontStyle": "bold"
    //   }
    // },
    // {
    //   "scope": [
    //     "source markup.italic"
    //   ],
    //   "settings": {
    //     "foreground": "#CFC5B2DD",
    //     "fontStyle": "italic"
    //   }
    // },
    // {
    //   "scope": [
    //     "source punctuation.quasi",
    //     "source string.quasi",
    //     "source invalid",
    //     "source invalid.illegal",
    //     "source invalid.illegal.newline"
    //   ],
    //   "settings": {
    //     "foreground": "#E36D", // #D25 /%/
    //     "fontStyle": ""
    //   }
    // },
    // {
    //   "scope": [
    //     "source invalid.deprecated"
    //   ],
    //   "settings": {
    //     "foreground": "#E36B", // #D25 /%/
    //     "fontStyle": "underline"
    //   }
    // },
    //   // #endregion
    // #region "MAIN" ----------------------------------------------------------
    /*
        "comment.line.triple-slash.directive meta.tag entity.name.tag.directive",
        "comment.line.triple-slash.directive entity.other.attribute-name.directive"
        "comment.line.triple-slash.directive punctuation.definition.tag.directive"
        "comment.line.triple-slash.directive punctuation.definition.comment",
        "comment.line.triple-slash.directive keyword.operator.assignment",
        "comment.line.triple-slash.directive punctuation.definition.tag.directive"
        "comment.line.triple-slash.directive string.quoted.double"

    */
    /* SHEBANG */
    {
      "scope": [
        "comment.line.shebang punctuation.definition.comment",
        "source punctuation.definition.comment.shebang"
      ],
      "settings": {
        "foreground": "#F159",
        "fontStyle": "bold underline"
      }
    },
    {
      "scope": [
        "source comment.line.shebang",
        "comment.line.number-sign.shebang",
        "source comment.line.number-sign.shebang"
      ],
      "settings": {
        "foreground": "#EDA7",
        "fontStyle": "italic bold underline"
      }
    },
    {
      "scope": [
        "comment"
      ],
      "settings": {
        "foreground": "#667",
        "fontStyle": ""
      }
    },
    /* TESTING: COMMENTS */
    // TESTING: COMMENTS
    {
      "scope": [
        "comment.line.double-slash"
      ],
      "settings": {
        "foreground": "#4DDA",
        "fontStyle": ""
      }
    },
    {
      "scope": [
        "comment.line.double-slash punctuation.definition.comment"
      ],
      "settings": {
        "foreground": "#4CD5",
        "fontStyle": "bold"
      }
    },
    {
      "scope": [
        "comment.block"
      ],
      "settings": {
        "foreground": "#B4DB",
        "fontStyle": ""
      }
    },
    {
      "scope": [
        "comment.block punctuation.definition.comment"
      ],
      "settings": {
        "foreground": "#B4D5",
        "fontStyle": "bold"
      }
    },
    /* TESTING: COMMENTS */
    // TESTING: COMMENTS
    {
      "scope": [
        "comment.line.triple-slash.directive punctuation.definition.comment"
      ],
      "settings": {
        "foreground": "#B985",
        "fontStyle": ""
      }
    },
    {
      "scope": [
        "comment.line.triple-slash.directive punctuation.definition.tag.directive",
        "comment.line.triple-slash.directive punctuation.definition.tag.directive",
        "comment.line.triple-slash.directive punctuation.definition.string",
        "comment.line.triple-slash.directive keyword.operator.assignment"
      ],
      "settings": {
        "foreground": "#B985",
        "fontStyle": ""
      }
    },
    {
      "scope": [
        "comment.line.triple-slash.directive meta.tag entity.name.tag.directive",
        "comment.line.triple-slash.directive entity.other.attribute-name.directive",
        "comment.line.triple-slash.directive string.quoted"
      ],
      "settings": {
        "foreground": "#2BD7",
        "fontStyle": ""
      }
    },
    {
      "scope": [
        "comment.line.triple-slash.directive string.quoted",
        "comment.line.triple-slash.directive string.quoted.single",
        "comment.line.triple-slash.directive string.quoted.double"
      ],
      "settings": {
        "foreground": "#CE59",
        "fontStyle": ""
      }
    },
    {
      "scope": [
        "meta.tag punctuation.definition.string.begin.js",
        "meta.tag punctuation.definition.string.begin.tsx",
        "meta.tag punctuation.definition.string.end.js",
        "meta.tag punctuation.definition.string.end.tsx",
        // "punctuation.accessor.optional",
        "punctuation.accessor",
        "punctuation.decorator.internaldeclaration",
        "punctuation.definition.character-class.regexp",
        "punctuation.definition.group.assertion.regexp",
        "punctuation.definition.group.no-capture.regexp",
        "punctuation.definition.group.regexp",
        "punctuation.definition.section.case-statement",
        "punctuation.definition.string",
        "punctuation.definition.string.template",
        "punctuation.definition.tag.directive",
        "punctuation.definition.typeparameters",
        "punctuation.destructuring",
        "punctuation.quoted",
        "punctuation.separator.comma",
        "punctuation.separator.label",
        "punctuation.separator.parameter",
        "punctuation.tag",
        "punctuation.whitespace.comment.leading",
        "source.json punctuation.definition.string",
        "string.quoted.double punctuation.definition.string",
        "string.quoted.single punctuation.definition.string",
        "text.html meta.tag meta.attribute punctuation.definition.string",
        "text.html source punctuation.definition.string",
        "text.html source punctuation.definition.string.template",
        "text.html source string.quoted.double punctuation.definition.string",
        "text.html source string.quoted.single punctuation.definition.string",
        "source.js punctuation.terminator.statement",
        "source.ts punctuation.terminator.statement",
        "punctuation.terminator.statement.ts",
        "punctuation.terminator.statement.js",
        "source.js.jsx punctuation.terminator.statement",
        "source.tsx punctuation.terminator.statement"
      ],
      "settings": {
        "foreground": "#EDCA", // "#CFC5B2DD", //#EDB /%/
        "fontStyle": "bold"
      }
    },
    {
      "scope": [
        "punctuation.accessor.optional",
      ],
      "settings": {
        "foreground": "#EDBD", //#EDB /%/
        "fontStyle": "bold"
      }
    },
    {
      "scope": [
        "source.js punctuation.definition.template-expression.begin",
        "source.js punctuation.definition.template-expression.end",
        "source.ts string.template punctuation.definition.template-expression.begin",
        "source.ts string.template punctuation.definition.template-expression.end",
        "source punctuation.definition.template-expression.begin",
        "source punctuation.definition.template-expression.end",
      ],
      "settings": {
        "foreground": "#E8DD" /*#E8DE*/,
        "fontStyle": ""
      }
    },
    {
      "scope": [],
      "settings": {
        "foreground": "#49F",
        "fontStyle": "bold"
      }
    },
    {
      "scope": [
        "keyword.other.debugger"
      ],
      "settings": {
        "foreground": "#FC4C" /*#FC4D*/, // #FC5 /%/
        "fontStyle": "bold underline"
      }
    }
    // #endregion
  ]
}
/*
3 6 9 C F

#333 #336 #339 #33C #33F
#633 #636 #639 #63C #63F
#933 #936 #939 #93C #93F
#C33 #C36 #C39 #C3C #C3F
#F33 #F36 #F39 #F3C #F3F

#363 #366 #369 #36C #36F
#663 #666 #669 #66C #66F
#963 #966 #969 #96C #96F
#C63 #C66 #C69 #C6C #C6F
#F63 #F66 #F69 #F6C #F6F

#393 #396 #399 #39C #39C
#693 #696 #699 #69C #69F
#993 #996 #999 #99C #99F
#C93 #C96 #C99 #C9C #C9F
#F93 #F96 #F99 #F9C #F9F

#3C3 #3C6 #3C9 #3CC #3CF
#6C3 #6C6 #6C9 #6CC #6CF
#9C3 #9C6 #9C9 #9CC #9CF
#CC3 #CC6 #CC9 #CCC #CCF
#FC3 #FC6 #FC9 #FCC #FCF

#3F3 #3F6 #3F9 #3FC #3FF
#6F3 #6F6 #6F9 #6FC #6FF
#9F3 #9F6 #9F9 #9FC #9FF
#CF3 #CF6 #CF9 #CFC #CFF
#FF3 #FF6 #FF9 #FFC #FFF


*/
/*
3 6 9 C F

#333 #336 #339 #33C #33F
#633 #636 #639 #63C #63F
#933 #936 #939 #93C #93F
#C33 #C36 #C39 #C3C #C3F
#F33 #F36 #F39 #F3C #F3F
#363 #366 #369 #36C #36F
#663 #666 #669 #66C #66F
#963 #966 #969 #96C #96F
#C63 #C66 #C69 #C6C #C6F
#F63 #F66 #F69 #F6C #F6F
#393 #396 #399 #39C #39C
#693 #696 #699 #69C #69F
#993 #996 #999 #99C #99F
#C93 #C96 #C99 #C9C #C9F
#F93 #F96 #F99 #F9C #F9F
#3C3 #3C6 #3C9 #3CC #3CF
#6C3 #6C6 #6C9 #6CC #6CF
#9C3 #9C6 #9C9 #9CC #9CF
#CC3 #CC6 #CC9 #CCC #CCF
#FC3 #FC6 #FC9 #FCC #FCF
#3F3 #3F6 #3F9 #3FC #3FF
#6F3 #6F6 #6F9 #6FC #6FF
#9F3 #9F6 #9F9 #9FC #9FF
#CF3 #CF6 #CF9 #CFC #CFF
#FF3 #FF6 #FF9 #FFC #FFF

#333
#666
#999
#CCC
#FFF

#F33#F63#F93#FC3#FF3

#333#363#393#3C3#3F3

#F33 #F36#F39#F3C#F3F
3 6 9 C F

*/
/*

  #DDCCBB
  #D9CBBC
  #D6C9BD
  #D2C8BE (#D2-C8-BE)
  #CEC7BF
  #CAC5C0
  #C7C4C0
  #C3C2C1
  #BFC1C2
  #BBC0C3
  #B8BEC4
  #B4BDC5

  #DDCCBBDD
  #D9CBBCDD
  #D6C9BDDD
  #D2C8BEDD
  #CEC7BFDD
  #CAC5C0DD
  #C7C4C0DD
  #C3C2C1DD
  #BFC1C2DD
  #BBC0C3DD
  #B8BEC4DD
  #B4BDC5DD

  #B4BDC5
  #DDCCBB
  #DDCCBBDD
  #C9BDB0
  #BBBDBE
  #C2BDB7
  #C9BDB0
  #CFBCA8
  #D6BCA1
  #DDBC9A
// next version
#DDBC9A
#D3BCA5
#C9BDB0
#C9BDB0
#C9BDB0
 */
/*
    #DDCCAA #DCB
    #D6CAAF
    #CFC7B3 #DCB
    #C9C5B8
    #C2C2BC #CCC
    #BBC0C1
    #C9BDB0 #BCC

    #DDCCAA #DCB
    #D9CBAC #D9CBAC
    #D6C9AF #D6C9AF
    #D2C8B1 #D2C8B1
    #CEC7B4 #CEC7B4
    #CAC5B6 #CAC5B6
    #C7C4B9 #C7C4B9
    #C3C2BB #C3C2BB
    #BFC1BE #BFC1BE
    #BBC0C0 #BBC0C0
    #B8BEC3 #B8BEC3
    #B4BDC5 #B4BDC5
    #C4BDB5 #BCC
    #C9BDB0
    #C4BDB5
    #B4BDC5DE    (#B4-BD-C5-DE)
%
#EEDDAA #EDA #EDAD
#E4D5AD
#D9CDB0
#C4BDB5
#C4BDB5
%
  */
