Skip to content

Instantly share code, notes, and snippets.

@necccc

necccc/synthwave-x-fluoromachine.css

Created January 6, 2020 15:34
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save necccc/72cdc6c064fa8dc8ce45403bb31e6697 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save necccc/72cdc6c064fa8dc8ce45403bb31e6697 to your computer and use it in GitHub Desktop.
Download ZIP
My Synthwave / fluoromachine VSCode theme mod, with less glow, and additional tweaks for comments, css, html & JSX
Raw
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 {
}
Raw
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"
}
}
]
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment