My Synthwave / fluoromachine VSCode theme mod, with less glow, and additional tweaks for comments, css, html & JSX

synthwave-x-fluoromachine.css

.mtk3, .mtk6 {
  /* color: #61e2ff; */
  /* text-shadow: 0 0 2px #001716, 0 0 5px #03edf933, 0 0 10px #ffff6633; */
}

.mtk4, .mtk5, .mtk14 {
  color: #9963ff;
}

.mtk8 {
  /* color: #fd8902; */
  color: #ffcc00;
  /* text-shadow: 0 0 2px #100c0f, 0 0 3px #ffaa0099, 0 0 5px #ffaa0099, 0 0 10px #ffaa0099; */
  /* font-style: italic; */
}

/* .mtk7 {
  color: #8a2dc0;
  text-shadow: 0 0 2px #000, 0 0 10px #8a2dc066, 0 0 5px #8a2dc066, 0 0 25px #8a2dc066;
} */

/* .mtk8 {
  color: #72f1b8;
  text-shadow: 0 0 2px #100c0f, 0 0 10px #257c55, 0 0 35px #212724;
} */

.mtk7, .mtk9 {
  /* color: #fc199a; */
  /* text-shadow: 0 0 2px #393a33, 0 0 35px #ffffff44, 0 0 10px #fc199a, 0 0 2px #fc199a; */
}


.mtk10 {
    /* color: #d60b74; */
    font-style: italic;
}

.monaco-editor .margin, .monaco-editor-background, .monaco-editor .inputarea.ime-input {
  background: transparent;
}

.monaco-workbench .part.editor > .content .editor-group-container.empty .editor-group-letterpress {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='41px' height='40px' viewBox='0 0 41 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3ClinearGradient x1='50%25' y1='0%25' x2='50%25' y2='97.6652818%25' id='linearGradient-1'%3E%3Cstop stop-color='%23FC28A8' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%2303EDF9' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='letterpress-dark' fill='url(%23linearGradient-1)'%3E%3Cg id='Group'%3E%3Cpath d='M30.2354,39.8836 C29.9195,39.8862 29.6057,39.8287 29.3109,39.7139 C28.9896,39.5885 28.6977,39.3979 28.4539,39.1539 L12.6999,24.7799 L9.23917,27.4037 L5.83434,29.986 C5.70454,30.0845 5.56201,30.1626 5.41164,30.2189 C5.20259,30.2976 4.9783,30.3339 4.7519,30.3239 C4.36361,30.3068 3.99356,30.1543 3.70588,29.8929 L1.50588,27.8929 C1.33452,27.7368 1.19763,27.5466 1.10396,27.3346 C1.01029,27.1225 0.961914,26.8933 0.961914,26.6614 C0.961914,26.4296 1.01029,26.2004 1.10396,25.9883 C1.19763,25.7762 1.33452,25.5861 1.50588,25.4299 L7.45788,19.9999 L4.67072,17.4532 L1.50734,14.5689 C1.33584,14.4129 1.19883,14.2227 1.10507,14.0107 C1.01132,13.7986 0.962891,13.5693 0.962891,13.3374 C0.962891,13.1056 1.01132,12.8763 1.10507,12.6642 C1.19883,12.4521 1.33584,12.262 1.50734,12.1059 L3.70734,10.1059 C3.72926,10.086 3.75165,10.0667 3.7745,10.048 C4.05213,9.82027 4.39666,9.68789 4.7569,9.67196 C5.14519,9.65479 5.52725,9.77401 5.83688,10.0089 L12.6999,15.2179 L28.4519,0.843942 C28.5452,0.751682 28.6455,0.666763 28.7519,0.589942 C29.1153,0.325601 29.5436,0.164633 29.9911,0.124137 C30.0919,0.11502 30.1928,0.112086 30.2933,0.115234 C30.6444,0.123748 30.9918,0.206443 31.3117,0.360027 L39.5477,4.32103 C39.9716,4.52522 40.3292,4.84487 40.5795,5.24325 C40.7787,5.56023 40.9035,5.9168 40.9462,6.28629 C40.9574,6.38148 40.9632,6.47754 40.9633,6.57401 L40.9633,6.67295 C40.9633,6.65781 40.9631,6.64268 40.9627,6.62757 L40.9627,33.3704 C40.9631,33.3552 40.9633,33.3401 40.9633,33.3249 L40.9633,33.4199 C40.9633,33.5146 40.9579,33.609 40.9472,33.7025 C40.9055,34.0754 40.7802,34.4355 40.5793,34.7552 C40.329,35.1534 39.9714,35.4729 39.5477,35.677 L31.3117,39.638 C31.0191,39.7785 30.7037,39.8596 30.3833,39.879 C30.3341,39.882 30.2848,39.8835 30.2354,39.8836 Z M30.9509,10.9369 L19.0028,19.9987 L30.9549,29.0639 L30.9509,10.9369 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  position: relative;
}

/* Add the subtle gradient to the editor background */
.editor .content, .monaco-editor {
  background-color: transparent !important;
  /* background-image: linear-gradient(to bottom, #200933 75%, #3d0b43); */
  background-image: linear-gradient(to bottom, rgb(30, 29, 32) 75%, #3d0b43);

  background-size: auto 100vh;
  background-position: top;
  background-repeat: no-repeat;
  position: relative;
}

.editor-container {
    position: relative;
    overflow: hidden;
}

.editor-group-container:after{
  content:'';
  height:300px;
  width:100%;
  display:block;
  background-image:linear-gradient(90deg, rgba(252,25,154,.1) 1px, rgba(0,0,0,0) 1px), linear-gradient(0deg, rgba(252,25,154,.1) 1px, rgba(0,0,0,0) 1px);
  background-position:bottom;
  background-repeat:repeat;
  background-size:20px 20px;
  left: -25px;
  position: absolute;
  pointer-events: none;
  bottom: 0;
  transform: perspective(100px) rotateX(60deg);
  z-index: 0;
}
.editor-group-container {
  position: relative;
  overflow: hidden;
}

/* .monaco-editor > .overflow-guard > .monaco-scrollable-element:before { */
.monaco-editor:before, .editor-group-container:before {
    background-image: repeating-linear-gradient(to bottom, transparent 0 ,transparent 2px, #FFF 2px, #FFF 4px);
    background-size: 100% 4px cover;
    transform-origin: 50% 50%;
    content: '';
    opacity: 0.02;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/* .monaco-editor .overflow-guard .margin {
    background: #210A33;
} */

canvas {
    z-index: 2; 
}

.minimap-slider {
    z-index: 3;
    background: #fc199a33 !important;
}

.minimap.slider-mouseover {
    z-index: 1;
}

/* Sweet sunset dots */
.monaco-workbench .activitybar>.content .monaco-action-bar .badge .badge-content {
  background: linear-gradient(to bottom, #fff951 25%, #fc28a8);
}

.monaco-workbench .part.editor>.content .editor-group-container>.title .tabs-container>.tab.sizing-fit::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 0px;
  transition: opacity 1s;
  opacity: 0;
}

/* Active sidebar item */
.monaco-workbench .activitybar>.content .monaco-action-bar .action-item.checked {
  box-shadow: inset 0 -5px 25px #fc28a825;
  position: relative;
}

.monaco-workbench .activitybar>.content .monaco-action-bar .action-item.checked::after {
  content: '';
  position: absolute;
  bottom: 0px;
  top: 0px;
  left: 0px;
  width: 4px;
  background: linear-gradient(to bottom, #fc28a8, #03edf9) !important;
  opacity: 1;
}

.monaco-workbench .activitybar>.content .monaco-action-bar .action-item::after {
  content: '';
  position: absolute;
  bottom: 0px;
  top: 0px;
  left: 0px;
  width: 0px;
  transition: opacity 1s;
  opacity: 0;
}

/* Active tab neon */
.monaco-workbench .part.editor>.content .editor-group-container>.title .tabs-container>.tab.active {
  position: relative;
  --tab-border-bottom-color: transparent !important;
}

/* Active tab stripe */
.monaco-workbench .part.editor>.content .editor-group-container>.title .tabs-container>.tab.active::before {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 4px;  
  background: linear-gradient(to right, #fc28a8, #03edf9) !important;
}

/* update lightbuld to be neon */
.lightbulb-glyph {
  background:  url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect fill='%23ffffff' x='5.68' y='6.93' width='2.1' height='6.1' rx='0.96' transform='translate(-1.94 1.63) rotate(-12.09)'/%3E%3Cpath fill='%2303edf9' d='M7.08,13.5a1.46,1.46,0,0,1-1.43-1.16L4.77,8.26A1.47,1.47,0,0,1,5.9,6.53l.17,0A1.46,1.46,0,0,1,7.81,7.61l.87,4.09a1.46,1.46,0,0,1-1.12,1.73l-.18,0Zm-.7-6h-.1l-.17,0a.45.45,0,0,0-.29.21.45.45,0,0,0-.07.34l.88,4.09a.46.46,0,0,0,.54.35l.18,0a.46.46,0,0,0,.29-.2.48.48,0,0,0,.07-.35L6.83,7.82A.46.46,0,0,0,6.38,7.46Z'/%3E%3Crect fill='%23ffffff' x='8.22' y='6.93' width='2.1' height='6.1' rx='0.96' transform='translate(16.25 21.68) rotate(-167.91)'/%3E%3Cpath fill='%2303edf9' d='M8.93,13.5a1.63,1.63,0,0,1-.31,0l-.18,0A1.46,1.46,0,0,1,7.32,11.7l.87-4.09A1.47,1.47,0,0,1,9.93,6.49l.18,0a1.45,1.45,0,0,1,.92.63,1.47,1.47,0,0,1,.2,1.1l-.88,4.08a1.45,1.45,0,0,1-.63.93A1.48,1.48,0,0,1,8.93,13.5Zm.69-6a.45.45,0,0,0-.25.07.5.5,0,0,0-.2.29L8.3,11.9a.43.43,0,0,0,.06.35.46.46,0,0,0,.29.2l.18,0a.47.47,0,0,0,.55-.35l.87-4.09a.45.45,0,0,0-.06-.34A.47.47,0,0,0,9.9,7.5l-.18,0Z'/%3E%3Cpath fill='%23ffffff' d='M11.77,9l-3.53.67a1,1,0,0,1-1.15-.88h0A1.09,1.09,0,0,1,7.9,7.48l3.53-.67a1,1,0,0,1,1.15.89h0A1.08,1.08,0,0,1,11.77,9Z'/%3E%3Cpath fill='%2303edf9' d='M8.07,10.18A1.54,1.54,0,0,1,6.6,8.83a1.74,1.74,0,0,1,.25-1.22,1.46,1.46,0,0,1,1-.66l3.52-.67A1.51,1.51,0,0,1,13.07,7.6a1.61,1.61,0,0,1-1.22,1.88l-3.52.67A1.15,1.15,0,0,1,8.07,10.18ZM11.6,7.34h-.09L8,8a.53.53,0,0,0-.4.62.5.5,0,0,0,.57.44l3.52-.67a.54.54,0,0,0,.41-.62A.53.53,0,0,0,11.6,7.34Z'/%3E%3Cpath fill='%23ffffff' d='M11.74,6.74,4.67,8.08A1,1,0,0,1,3.52,7.2h0A1.08,1.08,0,0,1,4.33,6l7.06-1.34a1,1,0,0,1,1.16.88h0A1.08,1.08,0,0,1,11.74,6.74Z'/%3E%3Cpath fill='%2303edf9' d='M4.5,8.64a1.44,1.44,0,0,1-.86-.29A1.64,1.64,0,0,1,3,7.29a1.72,1.72,0,0,1,.25-1.21,1.48,1.48,0,0,1,1-.67l7.07-1.34a1.39,1.39,0,0,1,1.11.27A1.65,1.65,0,0,1,13,5.4a1.72,1.72,0,0,1-.25,1.21,1.48,1.48,0,0,1-1,.67L4.76,8.62Zm7.07-3.5h-.09L4.42,6.49a.45.45,0,0,0-.32.22.56.56,0,0,0-.09.4.61.61,0,0,0,.21.35.47.47,0,0,0,.36.09L11.65,6.2A.47.47,0,0,0,12,6a.51.51,0,0,0,.08-.4.55.55,0,0,0-.2-.35A.47.47,0,0,0,11.57,5.14Z'/%3E%3Cpath fill='%23ffffff' d='M11.7,4.52,4.64,5.86A1,1,0,0,1,3.49,5h0A1.09,1.09,0,0,1,4.3,3.72l7.06-1.34a1,1,0,0,1,1.15.88h0A1.09,1.09,0,0,1,11.7,4.52Z'/%3E%3Cpath fill='%2303edf9' d='M4.46,6.42a1.36,1.36,0,0,1-.85-.3,1.58,1.58,0,0,1-.61-1A1.61,1.61,0,0,1,4.21,3.19l7.07-1.34a1.35,1.35,0,0,1,1.11.27,1.58,1.58,0,0,1,.61,1,1.74,1.74,0,0,1-.25,1.22,1.44,1.44,0,0,1-1,.66L4.72,6.39A1.09,1.09,0,0,1,4.46,6.42Zm7.07-3.51h-.08L4.38,4.26a.53.53,0,0,0-.4.62.5.5,0,0,0,.57.44L11.62,4a.47.47,0,0,0,.32-.22.62.62,0,0,0,.08-.4.56.56,0,0,0-.2-.35A.53.53,0,0,0,11.53,2.91Z'/%3E%3Cpath fill='%23ffffff' d='M8.34,2.89,4.57,3.6a1,1,0,0,1-1.15-.88h0a1.08,1.08,0,0,1,.81-1.25L8,.75a1,1,0,0,1,1.15.89h0A1.08,1.08,0,0,1,8.34,2.89Z'/%3E%3Cpath fill='%2303edf9' d='M4.4,4.16a1.44,1.44,0,0,1-.86-.29,1.69,1.69,0,0,1-.61-1.05A1.74,1.74,0,0,1,3.18,1.6a1.51,1.51,0,0,1,1-.67L7.91.22A1.38,1.38,0,0,1,9,.49a1.58,1.58,0,0,1,.61,1.05,1.74,1.74,0,0,1-.25,1.22,1.47,1.47,0,0,1-1,.66l-3.77.72A1.18,1.18,0,0,1,4.4,4.16ZM8.17,1.28H8.09L4.32,2A.45.45,0,0,0,4,2.23a.51.51,0,0,0-.08.4.55.55,0,0,0,.2.35.49.49,0,0,0,.37.09l3.77-.72a.47.47,0,0,0,.32-.22.62.62,0,0,0,.08-.4.56.56,0,0,0-.2-.35A.53.53,0,0,0,8.17,1.28Z'/%3E%3Cpolygon fill='%231e1e1e' points='5.5 11.1 5.5 11.1 5.5 14.4 7.1 16 9.1 16 10.6 14.4 10.6 11.1 5.5 11.1'/%3E%3Cpath fill='%23c5c5c5' d='M6.5,12h3v1h-3Zm1,3H8.6l.9-1h-3Z'/%3E%3C/svg%3E") 50% no-repeat !important;
  filter: drop-shadow(0 0 5px #03edf9);
}

.monaco-editor .cursor { 
    background: linear-gradient(to bottom, #8a2dc0,  #fc28a8);
    box-shadow: 0 0 5px #fc199a;
    border-color: #8a2dc0; 
    color: #241b2f; 
}

.monaco-inputbox>.wrapper>textarea.input::selection {
  background-color:rgba(255,255,255,0.3);
}

.monaco-editor .line-numbers {
  color: #8a2dc066;
  /* text-shadow: 0 0 2px #393a33, 0 0 35px #ffffff44, 0 0 10px #8a2dc066, 0 0 2px #8a2dc066; */
}

.monaco-editor .editor-group-container.empty {

}

synthwave-x-fluoromachine.json

{
  "name": "SynthWave 84",
  "type": "dark",
  "colors": {
    "focusBorder": "#1f212b",
    "foreground": "#ffffff",
    "widget.shadow": "#2a2139",
    "selection.background": "#34294f59",
    "errorForeground": "#8a2dc0",
    "textLink.activeForeground": "#61e2ff",
    "textLink.foreground": "#8a2dc0",
    "button.background": "#2a2139",
    "dropdown.background": "#232530",
    "dropdown.listBackground": "#2a2139",
    "input.background": "#2a2139",
    "inputOption.activeBorder": "#61e2ff99",
    "inputValidation.errorBackground": "#8a2dc080",
    "inputValidation.errorBorder": "#8a2dc000",
    "scrollbar.shadow": "#2a2139",
    "scrollbarSlider.activeBackground": "#34294f88",
    "scrollbarSlider.background": "#34294f1a",
    "scrollbarSlider.hoverBackground": "#34294f59",
    "badge.foreground": "#ffffff",
    "badge.background": "#2a2139",
    "progressBar.background": "#8a2dc0",
    "list.activeSelectionBackground": "#2a213980",
    "list.activeSelectionForeground": "#ffffff",
    "list.dropBackground": "#34294f66",
    "list.focusBackground": "#2a213999",
    "list.focusForeground": "#ffffff",
    "list.highlightForeground": "#8a2dc0",
    "list.hoverBackground": "#2a213999",
    "list.hoverForeground": "#ffffff",
    "list.inactiveSelectionBackground": "#34294f66",
    "list.inactiveSelectionForeground": "#ffffff",
    "list.inactiveFocusBackground": "#2a213999",
    "list.errorForeground": "#8a2dc0E6",
    "list.warningForeground": "#8a2dc0bb",
    "activityBar.background": "#171520",
    "activityBar.dropBackground": "#34294f66",
    "activityBar.foreground": "#ffffffCC",
    "activityBarBadge.background": "#8a2dc0",
    "activityBarBadge.foreground": "#2a2139",
    "sideBar.background": "#241b2f",
    "sideBar.foreground": "#ffffff99",
    "sideBar.dropBackground": "#34294f4c",
    "sideBarSectionHeader.background": "#241b2f",
    "sideBarSectionHeader.foreground": "#ffffffca",
    "editorGroup.border": "#495495",
    "editorGroup.dropBackground": "#34294f4a",
    "editorGroupHeader.tabsBackground": "#241b2f",
    "tab.border": "#241b2f00",
    "tab.activeBorder": "#880088",
    "tab.inactiveBackground": "#262335",
    "editor.background": "#262335",
    "editorLineNumber.foreground": "#ffffff10",
    "editorLineNumber.activeForeground": "#ffffff73",
    "editorCursor.background": "#241b2f",
    "editorCursor.foreground": "#8a2dc0",
    "editor.selectionBackground": "#46346588",
    "editor.selectionHighlightBackground": "#34294f59",
    "editor.wordHighlightBackground": "#34294f88",
    "editor.wordHighlightStrongBackground": "#34294f88",
    "editor.findMatchBackground": "#34294f59",
    "editor.findMatchHighlightBackground": "#34294f33",
    "editor.findRangeHighlightBackground": "#34294f1a",
    "editor.hoverHighlightBackground": "#34294f4d",
    "editor.lineHighlightBackground": "#34294f66",
    "editor.rangeHighlightBackground": "#49549539",
    "editorIndentGuide.background": "#49549539",
    "editorIndentGuide.activeBackground": "#2a2139",
    "editorRuler.foreground": "#34294f33",
    "editorCodeLens.foreground": "#ffffffcc",
    "editorBracketMatch.background": "#34294f66",
    "editorBracketMatch.border": "#495495",
    "editorOverviewRuler.border": "#34294fb3",
    "editorOverviewRuler.findMatchForeground": "#34294f",
    "editorOverviewRuler.modifiedForeground": "#49549599",
    "editorOverviewRuler.addedForeground": "#09f7a099",
    "editorOverviewRuler.deletedForeground": "#8a2dc099",
    "editorOverviewRuler.errorForeground": "#8a2dc0dd",
    "editorOverviewRuler.warningForeground": "#8a2dc0cc",
    "editorError.foreground": "#8a2dc0",
    "editorWarning.foreground": "#8a2dc0cc",
    "editorGutter.modifiedBackground": "#495495af",
    "editorGutter.addedBackground": "#206d4bd6",
    "editorGutter.deletedBackground": "#fa2e46a4",
    "diffEditor.insertedTextBackground": "#0beb9916",
    "diffEditor.removedTextBackground": "#8a2dc016",
    "editorWidget.background": "#232530",
    "editorWidget.border": "#232530",
    "editorSuggestWidget.highlightForeground": "#8a2dc0",
    "peekView.border": "#495495",
    "peekViewEditor.background": "#232530",
    "peekViewEditor.matchHighlightBackground": "#34294f59",
    "peekViewResult.background": "#232530",
    "peekViewResult.matchHighlightBackground": "#34294f59",
    "peekViewResult.selectionBackground": "#2a213980",
    "peekViewTitle.background": "#232530",
    "panelTitle.activeBorder": "#8a2dc0",
    "statusBar.background": "#241b2f",
    "statusBar.foreground": "#ffffff80",
    "statusBar.debuggingBackground": "#8a2dc0",
    "statusBar.debuggingForeground": "#08080f",
    "statusBar.noFolderBackground": "#241b2f",
    "statusBarItem.hoverBackground": "#2a2139",
    "statusBarItem.prominentBackground": "#2a2139",
    "statusBarItem.prominentHoverBackground": "#34294f",
    "titleBar.activeBackground": "#241b2f",
    "titleBar.inactiveBackground": "#241b2f",
    "extensionButton.prominentBackground": "#8a2dc0",
    "extensionButton.prominentHoverBackground": "#61e2ff",
    "pickerGroup.foreground": "#8a2dc0ea",
    "terminal.foreground": "#ffffff",
    "terminal.ansiBlue": "#03edf9",
    "terminal.ansiBrightBlue": "#03edf9",
    "terminal.ansiBrightCyan": "#03edf9",
    "terminal.ansiBrightGreen": "#8a2dc0",
    "terminal.ansiBrightMagenta": "#61e2ff",
    "terminal.ansiBrightRed": "#8a2dc0",
    "terminal.ansiBrightYellow": "#f92aad",
    "terminal.ansiCyan": "#03edf9",
    "terminal.ansiGreen": "#8a2dc0",
    "terminal.ansiMagenta": "#61e2ff",
    "terminal.ansiRed": "#8a2dc0",
    "terminal.ansiYellow": "#8a2dc0",
    "terminal.selectionBackground": "#34294f4d",
    "terminalCursor.background": "#ffffff",
    "terminalCursor.foreground": "#03edf9",
    "debugToolBar.background": "#241b2f",
    "walkThrough.embeddedEditorBackground": "#232530",
    "gitDecoration.modifiedResourceForeground": "#b893ceee",
    "gitDecoration.deletedResourceForeground": "#8a2dc0",
    "gitDecoration.addedResourceForeground": "#8a2dc0cc",
    "gitDecoration.untrackedResourceForeground": "#8a2dc0",
    "gitDecoration.ignoredResourceForeground": "#ffffff59",
    "breadcrumbPicker.background": "#232530"
  },
  "tokenColors": [
    {
      "name": "Comment",
      "scope": [
        "comment"
      ],
      "settings": {
        "foreground": "#008563",
        "fontStyle": "italic"
      }
    },
    {
      "name": "String",
      "scope": [
        "string.quoted",
        "string.template",
        "punctuation.definition.string"
      ],
      "settings": {
        "foreground": "#8a2dc0"
      }
    },
    {
      "name": "Punctuation within templates",
      "scope": "string.template meta.embedded.line",
      "settings": {
        "foreground": "#b6b1b1"
      }
    },
    {
      "name": "Variable",
      "scope": [
        "variable",
        "entity.name.variable"
      ],
      "settings": {
        "foreground": "#61e2ff"
      }
    },
    {
      "name": "Language variable",
      "scope": "variable.language",
      "settings": {
        "foreground": "#8a2dc0",
        "fontStyle": "bold"
      }
    },
    {
      "name": "Parameter",
      "scope": "variable.parameter",
      "settings": {
        "fontStyle": "italic"
      }
    },
    {
      "name": "Storage (declaration or modifier keyword)",
      "scope": [
        "storage.type",
        "storage.modifier"
      ],
      "settings": {
        "foreground": "#f92aad"
      }
    },
    {
      "name": "Constant",
      "scope": "constant",
      "settings": {
        "foreground": "#8a2dc0"
      }
    },
    {
      "name": "Regex",
      "scope": "string.regexp",
      "settings": {
        "foreground": "#8a2dc0"
      }
    },
    {
      "name": "Number",
      "scope": "constant.numeric",
      "settings": {
        "foreground": "#8a2dc0"
      }
    },
    {
      "name": "Language constant (boolean, null)",
      "scope": "constant.language",
      "settings": {
        "foreground": "#8a2dc0"
      }
    },
    {
      "name": "Character escape",
      "scope": "constant.character.escape",
      "settings": {
        "foreground": "#36f9f6"
      }
    },
    {
      "name": "Entity",
      "scope": "entity.name",
      "settings": {
        "foreground": "#8a2dc0"
      }
    },
    {
      "name": "HTML or XML tag",
      "scope": [
        "entity.name.tag"
      ],
      "settings": {
        "foreground": "#36f9f6",
        "fontStyle": "italic"
      }
    },
    {
      "name": "XSL component",
      "scope": [
        "support.class.component",
      ],
      "settings": {
        "foreground": "#36f9f6",
        "fontStyle": "normal"
      }
    },
    {
      "name": "HTML or XML tag brackets",
      "scope": [
        "punctuation.definition.tag"
      ],
      "settings": {
        "foreground": "#36f9f6"
      }
    },
    {
      "name": "Tag attribute",
      "scope": "entity.other.attribute-name",
      "settings": {
        "foreground": "#f92aad"
      }
    },
    {
      "name": "Tag attribute HTML",
      "scope": "entity.other.attribute-name.html",
      "settings": {
        "foreground": "#f92aad",
        "fontStyle": "italic"
      }
    },
    {
      "name": "Class",
      "scope": [
        "entity.name.type",
        "meta.attribute.class.html"
      ],
      "settings": {
        "foreground": "#8a2dc0"
      }
    },
    {
      "name": "Inherited class",
      "scope": "entity.other.inherited-class",
      "settings": {
        "foreground": "#fc199a"
      }
    },
    {
      "name": "Function",
      "scope": [
        "entity.name.function",
        "variable.function"
      ],
      "settings": {
        "foreground": "#36f9f6"
      }
    },
    {
      "name": "JS Export",
      "scope": [
        "keyword.control.export.js",
        "keyword.control.import.js"
      ],
      "settings": {
        "foreground": "#8a2dc0"
      }
    },
    {
      "name": "Keyword",
      "scope": "keyword",
      "settings": {
        "foreground": "#f92aad"
      }
    },
    {
      "name": "Control keyword",
      "scope": "keyword.control",
      "settings": {
        "foreground": "#f92aad"
      }
    },
    {
      "name": "Operator",
      "scope": "keyword.operator",
      "settings": {
        "foreground": "#f92aad"
      }
    },
    {
      "name": "Special operator",
      "scope": [
        "keyword.operator.new",
        "keyword.operator.expression",
        "keyword.operator.logical"
      ],
      "settings": {
        "foreground": "#f92aad"
      }
    },
    {
      "name": "Unit",
      "scope": "keyword.other.unit",
      "settings": {
        "foreground": "#8a2dc0"
      }
    },
    {
      "name": "Support",
      "scope": "support",
      "settings": {
        "foreground": "#8a2dc0"
      }
    },
    {
      "name": "Support function",
      "scope": "support.function",
      "settings": {
        "foreground": "#36f9f6"
      }
    },
    {
      "name": "Support variable",
      "scope": "support.variable",
      "settings": {
        "foreground": "#61e2ff"
      }
    },
    {
      "name": "Object literal key / property",
      "scope": [
        "meta.object-literal.key",
        "support.type.property-name"
      ],
      "settings": {
        "foreground": "#61e2ff"
      }
    },
    {
      "name": "Key-value separator",
      "scope": "punctuation.separator.key-value",
      "settings": {
        "foreground": "#b6b1b1"
      }
    },
    {
      "name": "Embedded puncuation",
      "scope": "punctuation.section.embedded",
      "settings": {
        "foreground": "#f92aad"
      }
    },
    {
      "name": "Template expression",
      "scope": [
        "punctuation.definition.template-expression.begin",
        "punctuation.definition.template-expression.end"
      ],
      "settings": {
        "foreground": "#8a2dc0"
      }
    },
    {
      "name": "CSS property name",
      "scope": [
        "support.type.property-name.css",
        "support.type.property-name.json"
      ],
      "settings": {
        "foreground": "#8a2dc0"
      }
    },
    {
      "name": "CSS property value",
      "scope": [
        "support.constant.property-value.css",
        "support.constant.font-name.css",
        "constant.numeric.css"
      ],
      "settings": {
        "foreground": "#61e2ff"
      }
    },
    {
      "name": "CSS property value unit",
      "scope": [
        "keyword.other.unit.px.css",
        "keyword.other.unit.percentage.css",
        "keyword.other.unit.deg.css",
        "keyword.other.unit.rem.css",
        "keyword.other.unit.em.css",
        "keyword.other.unit.vw.css",
        "keyword.other.unit.vh.css"
      ],
      "settings": {
        "foreground": "#389cb2",
        "fontStyle": "italic"
      }
    },
    {
      "name": "JS Switch control",
      "scope": "switch-block.expr.js",
      "settings": {
        "foreground": "#8a2dc0"
      }
    },
    {
      "name": "this reference",
      "scope": "variable.language.this",
      "settings": {
        "foreground": "#bbbbbb",
        "fontStyle": "italic"
      }
    },
    {
      "name": "Color",
      "scope": "constant.other.color",
      "settings": {
        "foreground": "#8a2dc0"
      }
    },
    {
      "name": "Font names",
      "scope": "support.constant.font-name",
      "settings": {
        "foreground": "#8a2dc0"
      }
    },
    {
      "name": "CSS #id",
      "scope": "entity.other.attribute-name.id",
      "settings": {
        "foreground": "#36f9f6"
      }
    },
    {
      "name": "Pseudo CSS",
      "scope": [
        "entity.other.attribute-name.pseudo-element",
        "entity.other.attribute-name.pseudo-class"
      ],
      "settings": {
        "foreground": "#fc199a"
      }
    },
    {
      "name": "CSS support functions (rgb)",
      "scope": "support.function.misc.css",
      "settings": {
        "foreground": "#8a2dc0"
      }
    },
    {
      "name": "Markup heading",
      "scope": [
        "markup.heading",
        "entity.name.section"
      ],
      "settings": {
        "foreground": "#61e2ff"
      }
    },
    {
      "name": "Markup text",
      "scope": [
        "text.html",
        "keyword.operator.assignment"
      ],
      "settings": {
        "foreground": "#ffffffee"
      }
    },
    {
      "name": "Markup quote",
      "scope": "markup.quote",
      "settings": {
        "foreground": "#b6b1b1cc",
        "fontStyle": "italic"
      }
    },
    {
      "name": "Markup list",
      "scope": "beginning.punctuation.definition.list",
      "settings": {
        "foreground": "#61e2ff"
      }
    },
    {
      "name": "Markup link",
      "scope": "markup.underline.link",
      "settings": {
        "foreground": "#fc199a"
      }
    },
    {
      "name": "Markup link description",
      "scope": "string.other.link.description",
      "settings": {
        "foreground": "#8a2dc0"
      }
    },
    {
      "name": "Python function call",
      "scope": "meta.function-call.generic.python",
      "settings": {
        "foreground": "#36f9f6"
      }
    },
    {
      "name": "C# storage type",
      "scope": "storage.type.cs",
      "settings": {
        "foreground": "#8a2dc0"
      }
    },
    {
      "name": "C# local variable",
      "scope": "entity.name.variable.local.cs",
      "settings": {
        "foreground": "#61e2ff"
      }
    },
    {
      "name": "C# properties and fields",
      "scope": [
        "entity.name.variable.field.cs",
        "entity.name.variable.property.cs"
      ],
      "settings": {
        "foreground": "#61e2ff"
      }
    },
    {
      "name": "C++ operators",
      "scope": "source.cpp keyword.operator",
      "settings": {
        "foreground": "#f92aad"
      }
    },
    {
      "name": "Elixir Classes",
      "scope": [
        "source.elixir support.type.elixir",
        "source.elixir meta.module.elixir entity.name.class.elixir"
      ],
      "settings": {
        "foreground": "#36f9f6"
      }
    },
    {
      "name": "Elixir Functions",
      "scope": "source.elixir entity.name.function",
      "settings": {
        "foreground": "#8a2dc0"
      }
    },
    {
      "name": "Elixir Constants",
      "scope": [
        "source.elixir constant.other.symbol.elixir",
        "source.elixir constant.other.keywords.elixir"
      ],
      "settings": {
        "foreground": "#36f9f6"
      }
    },
    {
      "name": "Elixir String Punctuation",
      "scope": "source.elixir punctuation.definition.string",
      "settings": {
        "foreground": "#8a2dc0"
      }
    },
    {
      "name": "Elixir",
      "scope": [
        "source.elixir variable.other.readwrite.module.elixir",
        "source.elixir variable.other.readwrite.module.elixir punctuation.definition.variable.elixir"
      ],
      "settings": {
        "foreground": "#8a2dc0"
      }
    },
    {
      "name": "Elixir Binary Punctuation",
      "scope": "source.elixir .punctuation.binary.elixir",
      "settings": {
        "foreground": "#61e2ff",
        "fontStyle": "italic"
      }
    }
  ]
}