自定义主题

"vscode_custom_css.imports": [
  "file:///c:/Users/srackHall/.vscode/extensions/brandonkirbyson.vscode-animations-2.0.1/dist/updateHandler.js",
  "file:///C:/Users/srackHall/.vscode/extensions/webrender.synthwave-x-fluoromachine-0.0.14/synthwave-x-fluoromachine.css"
],

1

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

.mtk3.mtki {
  font-style: italic;
  color: #9963ff99;
}

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

  /* 111222333 */
  /* text-shadow: 0 0 2px #100c0f, 0 0 35px #ffaa0099, 0 0 5px #ffc40066,
    0 0 5px #6200ff5e; */
}

.mtk8,
.mtk9 {
  /* 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,
.mtk10 {
  color: #fc199a;
  text-shadow: 0 0 2px #393a33, 0 0 35px #ffffff44, 0 0 10px #fc199a,
    0 0 2px #fc199a;
}

.mtk10 {
  font-style: italic;
}

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

.monaco-workbench.vs-dark
  .part.editor
  > .content
  .editor-group-container.empty
  .editor-group-watermark
  > .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;
  z-index: 1;
}

/* 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); 111222333*/
  background-image: linear-gradient(to bottom, #181818 75%, #111111);
  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, 0.1) 1px,
      rgba(0, 0, 0, 0) 1px
    ),
    linear-gradient(0deg, rgba(252, 25, 154, 0.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 lightbulb 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-list .monaco-list-rows {
  /* background: rgba(36, 27, 47) !important; 111222333*/
  background: #1f1f1f !important;
}


.monaco-list .monaco-list-row.focused:not(.selected) {
    /* 定义聚焦但未选中样式 */
  background-color: #04395e !important;
}

.monaco-list-row.focused, /*定义聚焦样式*/
.monaco-list-row.selected {  /*定义选中样式*/
  /* background-color: #8a2dc033 !important; 111222333*/
  background-color: #00000033 !important;
}

.explorer-folders-view span[title~="emphasized"],
.monaco-icon-label[title~="emphasized"]::after {
  color: #fc199a;
}

.explorer-folders-view span[title~="problems"],
.monaco-icon-label[title~="problems"]::after {
  color: #ffcc00;
}

.vs-dark .monaco-scrollable-element > .scrollbar > .slider {
  /* background: rgb(153, 99, 255); 111222333*/
  background: #888080; 
  opacity: 0.5;
}

2.”file:///C:/Users/srackHall/.vscode/extensions/webrender.synthwave-x-fluoromachine-0.0.14/synthwave-x-fluoromachine.css”

主色调为紫色:

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

.mtk3.mtki {
  font-style: italic;
  color: #9963ff99;
}

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

  /* 111222333 */
  /* text-shadow: 0 0 2px #100c0f, 0 0 35px #ffaa0099, 0 0 5px #ffc40066,
    0 0 5px #6200ff5e; */
}

.mtk8,
.mtk9 {
  /* 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,
.mtk10 {
  color: #fc199a;
  text-shadow: 0 0 2px #393a33, 0 0 35px #ffffff44, 0 0 10px #fc199a,
    0 0 2px #fc199a;
}

.mtk10 {
  font-style: italic;
}

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

.monaco-workbench.vs-dark
  .part.editor
  > .content
  .editor-group-container.empty
  .editor-group-watermark
  > .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;
  z-index: 1;
}

/* 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); 111222333*/
  background-image: linear-gradient(to bottom, #181818 75%, #111111);
  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, 0.1) 1px,
      rgba(0, 0, 0, 0) 1px
    ),
    linear-gradient(0deg, rgba(252, 25, 154, 0.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 lightbulb 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-list .monaco-list-rows {
  /* background: rgba(36, 27, 47) !important; 111222333*/
  background: #1f1f1f !important;
}


.monaco-list .monaco-list-row.focused:not(.selected) {
    /* 定义聚焦但未选中样式 */
  background-color: #04395e !important;
}

.monaco-list-row.focused, /*定义聚焦样式*/
.monaco-list-row.selected {  /*定义选中样式*/
  /* background-color: #8a2dc033 !important; 111222333*/
  background-color: #00000033 !important;
}

.explorer-folders-view span[title~="emphasized"],
.monaco-icon-label[title~="emphasized"]::after {
  color: #fc199a;
}

.explorer-folders-view span[title~="problems"],
.monaco-icon-label[title~="problems"]::after {
  color: #ffcc00;
}

.vs-dark .monaco-scrollable-element > .scrollbar > .slider {
  /* background: rgb(153, 99, 255); 111222333*/
  background: #888080; 
  opacity: 0.5;
}

主色调为金绿色:

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

.mtk3.mtki {
  font-style: italic;
  color: #9963ff99;
}

.mtk4,
.mtk5,
.mtk11,
.mtk14 {
  color: #6a9955;
  /* text-shadow: 
  0 0 20px rgba(106, 153, 85, 0.4), 
  0 0 3px rgba(255, 214, 0, 0.2), 
  0 0 5px rgba(255, 255, 255, 0.2); */

}

.mtk8,
.mtk9 {
  /* 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,
.mtk10 {
  color: #fc199a;
  text-shadow: 0 0 2px #393a33, 0 0 35px #ffffff44, 0 0 10px #fc199a,
    0 0 2px #fc199a;
} */
.mtk7,
.mtk10 {
  color: #9cdcfe; /* 蓝色 */
  text-shadow: 0 0 1px #001a33, /* 深蓝色，细光晕 */
              0 0 10px #3b82f6, /* 浅蓝色，柔和光晕 */
              0 1px 5px #3b82f6, /* 浅蓝色，略微偏移 */
              0 -1px 10px #3b82f6; /* 浅蓝色，反向偏移 */
}



.mtk10 {
  font-style: italic;
}


/* 通过开发者工具找到的暗金色配置 */
.mtk16 {
  color: #dcdcaa; /* 原始颜色 */
  text-shadow: 
      0 0 1px #4b3c0e, /* 深金色，细光晕 */
      0 0 2px rgba(255, 204, 0, 0.5), /* 弱光晕 */
      0 0 15px rgba(255, 204, 0, 1), /* 强烈的浅金色光晕 */
      0 0 3px #4b3c0e; /* 轻微的深金色光晕 */
}

/* 通过开发者工具找到的青绿色配置 */
.mtk17 {
  color: #4ec9b0; /* 主色 */
  text-shadow: 
    0 0 1px #2a7b73, /* 深绿色，细光晕 */
    0 0 2px rgba(78, 201, 176, 0.5), /* 更柔和的弱光晕 */
    0 0 15px rgba(78, 201, 176, 0.8), /* 中等强度的主色光晕 */
    0 0 3px #2a7b73; /* 轻微的深绿色光晕 */

}





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

.monaco-workbench.vs-dark
  .part.editor
  > .content
  .editor-group-container.empty
  .editor-group-watermark
  > .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;
  z-index: 1;
}

/* 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); 111222333*/
  background-image: linear-gradient(to bottom, #181818 75%, #111111);
  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, 0.1) 1px,
      rgba(0, 0, 0, 0) 1px
    ),
    linear-gradient(0deg, rgba(252, 25, 154, 0.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 lightbulb 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-editor .cursor {
  background: linear-gradient(to bottom, #b8860b, #ffd700);
  box-shadow: 0 0 5px #ffd700;
  border-color: #b8860b;
  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 .line-numbers {
  color:#2E8B57; /*#006400;*/
  text-shadow: 0 0 1px #001716, 0 0 1px #00ff00, 0 0 1px #00ff00;
}

.monaco-list .monaco-list-rows {
  /* background: rgba(36, 27, 47) !important; 111222333*/
  background: #1f1f1f !important;
}


.monaco-list .monaco-list-row.focused:not(.selected) {
    /* 定义聚焦但未选中样式 */
  background-color: #04395e !important;
}

.monaco-list-row.focused, /*定义聚焦样式*/
.monaco-list-row.selected {  /*定义选中样式*/
  /* background-color: #8a2dc033 !important; 111222333*/
  background-color: #00000033 !important;
}

.explorer-folders-view span[title~="emphasized"],
.monaco-icon-label[title~="emphasized"]::after {
  color: #fc199a;
}

.explorer-folders-view span[title~="problems"],
.monaco-icon-label[title~="problems"]::after {
  color: #ffcc00;
}

.vs-dark .monaco-scrollable-element > .scrollbar > .slider {
  /* background: rgb(153, 99, 255); 111222333*/
  background: #888080; 
  opacity: 0.5;
}

终极发光色:

/*--------------- 文件标签名 + 代码提示菜单(不过会被专用的代码提示菜单替换) ----------------*/
.monaco-icon-label>.monaco-icon-label-container>.monaco-icon-name-container>.label-name::before {
  content: "";          /*和 position 一起使用。用于实例化这个元素*/
  position: absolute;   /*和 content 一起使用。用于实例化的元素, 其附带的定位不需要, 因为附带的定位会以父元素为准*/
  margin-left: 19px;     /*使用margin来定位, 防止元素的定位受父元素的定位影响*/
  margin-top: 1px;      /*使用margin来定位, 防止元素的定位受父元素的定位影响*/
  width: 10px;          /*使用width和height来定义实例化元素的尺寸, 注意: 使用百分比是以父元素为准的, 因此我们使用固定值*/
  height: 68%;          /*使用width和height来定义实例化元素的尺寸, 注意: 使用百分比是以父元素为准的, 但此处是纵向, 对我们不影响*/
  /* background-color: rgba(79, 193, 250, 0.9); */ /*用于测试位置*/

  /* 使用background来定义实例化元素的背景, 使用linear-gradient来定义背景的渐变效果*/
  background: linear-gradient(-66deg, #47caff 17%, #f0f0dc 63%, #ffd8d8 20%);
  /* 使用filter来定义实例化元素的模糊效果*/
  filter: blur(23.18px);
}

.monaco-icon-label>.monaco-icon-label-container>.monaco-icon-name-container>.label-name::after {
  content: "";          /*和 position 一起使用。用于实例化这个元素*/
  position: absolute;   /*和 content 一起使用。用于实例化的元素, 其附带的定位不需要, 因为附带的定位会以父元素为准*/
  margin-left: -35px;   /*使用margin来定位, 防止元素的定位受父元素的定位影响*/
  margin-top: 1px;      /*使用margin来定位, 防止元素的定位受父元素的定位影响*/
  width: 10px;          /*使用width和height来定义实例化元素的尺寸, 注意: 使用百分比是以父元素为准的, 因此我们使用固定值*/
  height: 68%;          /*使用width和height来定义实例化元素的尺寸, 注意: 使用百分比是以父元素为准的, 但此处是纵向, 对我们不影响*/
  /* background-color: rgba(79, 193, 250, 0.9); */ /*用于测试位置*/
  
  /* 使用background来定义实例化元素的背景, 使用linear-gradient来定义背景的渐变效果*/
  background: linear-gradient(-66deg, #47caff 17%, #f0f0dc 63%, #ffd8d8 20%);
  /* 使用filter来定义实例化元素的模糊效果*/
  filter: blur(23.18px);
}

/*--------------- 代码提示菜单 --------------*/
.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.focused)>.contents>.main .monaco-icon-label{
  color: #dcdcaa; /* 原始颜色 */
  text-shadow: 
      0 0 1px #4b3c0e, /* 深金色，细光晕 */
      0 0 2px rgba(255, 204, 0, 0.5), /* 弱光晕 */
      -12px 0 5px rgba(255, 204, 0, 0.15), /* 强烈的浅金色光晕 */
      -12px 1px 5px rgba(255, 204, 0, 0.15), /* 强烈的浅金色光晕 */
      -12px -2px 5px rgba(255, 204, 0, 0.15), /* 强烈的浅金色光晕 */
      -12px 1px 5px rgba(255, 204, 0, 0.1), /* 强烈的浅金色光晕 */
      -12px -2px 5px rgba(255, 204, 0, 0.1), /* 强烈的浅金色光晕 */

      -6px 0 5px rgba(255, 204, 0, 0.1), /* 强烈的浅金色光晕 */
      -6px 0.5px 5px rgba(255, 204, 0, 0.1), /* 强烈的浅金色光晕 */
      -6px -1px 5px rgba(255, 204, 0, 0.1), /* 强烈的浅金色光晕 */
      -6px 0.5px 5px rgba(255, 204, 0, 0.05), /* 强烈的浅金色光晕 */
      -6px -1px 5px rgba(255, 204, 0, 0.05), /* 强烈的浅金色光晕 */


      -5px 0 5px rgba(255, 204, 0, 0.05), /* 强烈的浅金色光晕 */
      -5px 0.5px 5px rgba(255, 204, 0, 0.05), /* 强烈的浅金色光晕 */
      -5px -1px 5px rgba(255, 204, 0, 0.05), /* 强烈的浅金色光晕 */
      -5px 0.5px 5px rgba(255, 204, 0, 0.05), /* 强烈的浅金色光晕 */
      -5px -1px 5px rgba(255, 204, 0, 0.05), /* 强烈的浅金色光晕 */
      0 0 3px #4b3c0e; /* 轻微的深金色光晕 */
  filter: blur(0px); /*加上这行之后, 后面的after和before的位置就会变得正常*/
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.focused)>.contents>.main .monaco-icon-label-container::before {
  content: "";          /*和 position 一起使用。用于实例化这个元素*/
  position: absolute;   /*和 content 一起使用。用于实例化的元素, 其附带的定位不需要, 因为附带的定位会以父元素为准*/
  left: 0;
  margin-left: 15px;     /*使用margin来定位, 防止元素的定位受父元素的定位影响*/
  margin-top: 0px;      /*使用margin来定位, 防止元素的定位受父元素的定位影响*/
  width: 17px;          /*使用width和height来定义实例化元素的尺寸, 注意: 使用百分比是以父元素为准的, 因此我们使用固定值*/
  height: 66%;          /*使用width和height来定义实例化元素的尺寸, 注意: 使用百分比是以父元素为准的, 但此处是纵向, 对我们不影响*/
  /* background-color: rgba(78, 193, 250, 0.9); */ /*用于测试位置*/

  /* 使用background来定义实例化元素的背景, 使用linear-gradient来定义背景的渐变效果*/
  background: linear-gradient(-67deg, #47caff 17%, #f0f0dc 63%, #ffd8d8 20%);
  /* 使用filter来定义实例化元素的模糊效果*/
  filter: blur(10px);
  /* 添加圆角效果 */
  border-radius: 5px;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.focused)>.contents>.main .monaco-icon-label-container::after {
  content: "";          /*和 position 一起使用。用于实例化这个元素*/
  position: absolute;   /*和 content 一起使用。用于实例化的元素, 其附带的定位不需要, 因为附带的定位会以父元素为准*/
  right: 25px;
  margin-left: -15px;   /*使用margin来定位, 防止元素的定位受父元素的定位影响*/
  margin-top: 1px;      /*使用margin来定位, 防止元素的定位受父元素的定位影响*/
  width: 15px;          /*使用width和height来定义实例化元素的尺寸, 注意: 使用百分比是以父元素为准的, 因此我们使用固定值*/
  height: 66%;          /*使用width和height来定义实例化元素的尺寸, 注意: 使用百分比是以父元素为准的, 但此处是纵向, 对我们不影响*/
  /* background-color: rgba(79, 193, 250, 0.9); */ /*用于测试位置*/
  
  /* 使用background来定义实例化元素的背景, 使用linear-gradient来定义背景的渐变效果*/
  background: linear-gradient(-66deg, #47caff 17%, #f0f0dc 63%, #ffd8d8 20%);
  /* 使用filter来定义实例化元素的模糊效果*/
  filter: blur(10px);
  /* 添加圆角效果 */
  border-radius: 5px;
}



.mtk3,
.mtk6 {
  color: #61e2ff;
  text-shadow: 
    0 0 2px #001716, 
    0 0 3px #03edf933, 
    0px 0 15px #ffff6633,
    0px -5px 15px #ffff6633,
    0px 1px 15px #ffff6633,
    0px 0 5px #00ffff99,
    0px -5px 5px #00ffff99,
    0px 1px 5px #00ffff99,
    0px -5px 6px #00ffff99,
    0px 2px 6px #00ffff99; 
}

.mtk3.mtki {
  font-style: italic;
  color: #9963ff99;
}

.mtk4,
.mtk5,
.mtk11,
.mtk14 {
  color: #6a9955;
  /* text-shadow: 
  0 0 20px rgba(106, 153, 85, 0.4), 
  0 0 3px rgba(255, 214, 0, 0.2), 
  0 0 5px rgba(255, 255, 255, 0.2); */

}

.mtk8,
.mtk9 {
  /* color: #fd8902; */
  color: #ffcc00;
  text-shadow: 
    0 0 2px #100c0f, 
    0 0 3px #ffaa0099, 
    8px -2px 5px #ffaa0099,
    8px 3px 5px #ffaa0099,
    8px -3px 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,
.mtk10 {
  color: #fc199a;
  text-shadow: 0 0 2px #393a33, 0 0 35px #ffffff44, 0 0 10px #fc199a,
    0 0 2px #fc199a;
} */
.mtk7,
.mtk10 {
  color: #9cdcfe; /* 蓝色 */
  text-shadow: 0 0 1px #001a33, /* 深蓝色，细光晕 */
              0 0 10px rgba(59, 130, 246, 0.6), /* 浅蓝色，柔和光晕，透明度30% */
              5px 0 5px rgba(59, 130, 246, 0.6), /* 浅蓝色，略微偏移，透明度30% */
              5px -2px 5px rgba(59, 130, 246, 0.6), /* 浅蓝色，略微偏移，透明度30% */
              5px -4px 5px rgba(59, 130, 246, 0.6), /* 浅蓝色，略微偏移，透明度30% */
              5px -2px 10px rgba(59, 130, 246, 0.6), /* 浅蓝色，略微偏移，透明度30% */
              5px -4px 10px rgba(59, 130, 246, 0.6), /* 浅蓝色，略微偏移，透明度30% */
              0 -1px 10px rgba(59, 130, 246, 0.6); /* 浅蓝色，反向偏移，透明度30% */
}



.mtk10 {
  font-style: italic;
}


/* 通过开发者工具找到的暗金色配置 */
.mtk16 {
  color: #dcdcaa; /* 原始颜色 */
  text-shadow: 
      0 0 1px #4b3c0e, /* 深金色，细光晕 */
      0 0 2px rgba(255, 204, 0, 0.5), /* 弱光晕 */
      -6px 0 5px rgba(255, 204, 0, 0.9), /* 强烈的浅金色光晕 */
      -6px 3px 5px rgba(255, 204, 0, 0.5), /* 强烈的浅金色光晕 */
      -6px -6px 5px rgba(255, 204, 0, 0.5), /* 强烈的浅金色光晕 */
      -6px 3px 15px rgba(255, 204, 0, 0.15), /* 强烈的浅金色光晕 */
      -6px -6px 15px rgba(255, 204, 0, 0.15), /* 强烈的浅金色光晕 */
      0 0 3px #4b3c0e; /* 轻微的深金色光晕 */
}

/* 通过开发者工具找到的青绿色配置 */
.mtk17 {
  color: #4ec9b0;
  text-shadow: 
    0 0 5px #2a7b73,
    0 0 2px rgba(78, 201, 176, 0.5), 
    8px -1px 5px rgba(78, 201, 176, 0.8),
    8px -2px 8px rgba(78, 201, 176, 0.6), 
    0 0 3px #2a7b73; 

}

/* .mtk19 {
  color: #4fc1ff;
  text-shadow: 
    0 0 1px #001a33, 
    0 0 2px #4fc1ff, 
    0 0 5px rgba(79, 193, 255, 0.5), 
    -6px 3px 5px rgba(79, 193, 250, 0.15),
    6px 3px 5px rgba(79, 193, 250, 0.15), 
    6px -3px 5px rgba(79, 193, 250, 0.15),
    -10px -3px 5px rgba(79, 193, 250, 0.15),
    -10px 4px 5px rgba(79, 193, 250, 0.15),
    10px 4px 5px rgba(79, 193, 250, 0.15), 
    10px -4px 5px rgba(79, 193, 250, 0.15),
    -6px -4px 5px rgba(79, 193, 250, 0.15),
    -9px 5px 5px rgba(79, 193, 250, 0.19),
    9px 5px 5px rgba(79, 193, 250, 0.19), 
    9px -5px 5px rgba(79, 193, 250, 0.19),
    -9px -5px 5px rgba(79, 193, 250, 0.19),
    -11px 6px 15px rgba(79, 193, 250, 0.05),
    11px 6px 15px rgba(79, 193, 250, 0.05), 
    11px -6px 15px rgba(79, 193, 250, 0.05),
    -11px -6px 15px rgba(79, 193, 250, 0.05); 
} */

.mtk19::before {
  content: "";          /*和 position 一起使用。用于实例化这个元素*/
  position: absolute;   /*和 content 一起使用。用于实例化的元素, 其附带的定位不需要, 因为附带的定位会以父元素为准*/
  margin-left: 5px;     /*使用margin来定位, 防止元素的定位受父元素的定位影响*/
  margin-top: 1px;      /*使用margin来定位, 防止元素的定位受父元素的定位影响*/
  width: 10px;          /*使用width和height来定义实例化元素的尺寸, 注意: 使用百分比是以父元素为准的, 因此我们使用固定值*/
  height: 66%;          /*使用width和height来定义实例化元素的尺寸, 注意: 使用百分比是以父元素为准的, 但此处是纵向, 对我们不影响*/
  /* background-color: rgba(79, 193, 250, 0.9); */ /*用于测试位置*/

  /* 使用background来定义实例化元素的背景, 使用linear-gradient来定义背景的渐变效果*/
  background: linear-gradient(-66deg, #47caff 17%, #f0f0dc 63%, #ffd8d8 20%);
  /* 使用filter来定义实例化元素的模糊效果*/
  filter: blur(9px);
}

.mtk19::after {
  content: "";          /*和 position 一起使用。用于实例化这个元素*/
  position: absolute;   /*和 content 一起使用。用于实例化的元素, 其附带的定位不需要, 因为附带的定位会以父元素为准*/
  margin-left: -15px;   /*使用margin来定位, 防止元素的定位受父元素的定位影响*/
  margin-top: 1px;      /*使用margin来定位, 防止元素的定位受父元素的定位影响*/
  width: 10px;          /*使用width和height来定义实例化元素的尺寸, 注意: 使用百分比是以父元素为准的, 因此我们使用固定值*/
  height: 66%;          /*使用width和height来定义实例化元素的尺寸, 注意: 使用百分比是以父元素为准的, 但此处是纵向, 对我们不影响*/
  /* background-color: rgba(79, 193, 250, 0.9); */ /*用于测试位置*/
  
  /* 使用background来定义实例化元素的背景, 使用linear-gradient来定义背景的渐变效果*/
  background: linear-gradient(-66deg, #47caff 17%, #f0f0dc 63%, #ffd8d8 20%);
  /* 使用filter来定义实例化元素的模糊效果*/
  filter: blur(8px);
}




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

/* 禁用主页的图片显示 */
.monaco-workbench.vs-dark
  .part.editor
  > .content
  .editor-group-container.empty
  .editor-group-watermark
  > .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;
  z-index: 1; */
  display: none;
}

/* 禁用主页图片显示下方的提示信息 */
.monaco-workbench .part.editor>.content .editor-group-container>.editor-group-watermark>.shortcuts>.watermark-box {
  /* display: none; */
  margin-top: 100px;
}

.monaco-workbench .part.editor>.content .editor-group-container>.editor-group-watermark>.shortcuts>.watermark-box::before {
  content: "玄殿\A\A\A\A\Axuanhall";   /* 玄殿 */ /* xuanhall */
  white-space: pre;  /* 添加这行来保留换行符 */
  position: absolute;   /*和 content 一起使用。用于实例化的元素, 其附带的定位不需要, 因为附带的定位会以父元素为准*/
  width: 100%;
  height: 100%;
  /* left: 30%;
  top: 20%; */

  left: 50%;
  top: 70%;
  transform: translate(-50%, -50%);
  text-align: center;

  padding: 50px;

  font-size: 80px;

  /* 字体样式 */
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-style: italic;
  /* font-weight: bold; */

  /*  字体渐变 */
  /* background: linear-gradient(120deg, #41d1ff 6%, #ff00ae 15%);  */
  /* background: linear-gradient(120deg, #41d1ff 16%, #ff00ae );  */
  background: linear-gradient(120deg, #41d1ff 25%, #ff00ae 44% ); 
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  
  /* text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);   文字阴影 */
  /* 这个发光效果无法和字体渐变同时使用 */
  /* color: #dcdcaa; */
  /* text-shadow:  */
      /* 0 0 1px #4b3c0e, 深金色，细光晕 */
      /* 0 0 2px rgba(255, 204, 0, 0.5), 弱光晕 */
      /* 9px 0 5px rgba(255, 204, 0, 0.9), 强烈的浅金色光晕 */
      /* 9px 9px 5px rgba(255, 204, 0, 0.5), 强烈的浅金色光晕 */
      /* 9px -5px 5px rgba(255, 204, 0, 0.5), 强烈的浅金色光晕 */
      /* 9px 9px 15px rgba(255, 204, 0, 0.15), 强烈的浅金色光晕 */
      /* 9px -5px 15px rgba(255, 204, 0, 0.15), 强烈的浅金色光晕 */
      /* 0 0 9px #4b3c0e; 轻微的深金色光晕 */

  
  
  /* 改用新的添加发光效果的方式, 以和字体渐变同时使用 */
  /* 添加描边 */
  -webkit-text-stroke: 1px rgba(255, 204, 0, 0.3);
  
  /* 修改发光效果 */
  filter: drop-shadow(0 0 5px rgba(255, 204, 0, 0.5))
         drop-shadow(0 0 10px rgba(255, 204, 0, 0.3))
         drop-shadow(0 0 15px rgba(255, 204, 0, 0.2));
}

/* 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); 111222333*/
  background-image: linear-gradient(to bottom, #181818 75%, #111111);
  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, 0.1) 1px,
      rgba(0, 0, 0, 0) 1px
    ),
    linear-gradient(0deg, rgba(252, 25, 154, 0.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 lightbulb 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-editor .cursor {
  background: linear-gradient(to bottom, #b8860b, #ffd700);
  box-shadow: 0 0 5px #ffd700;
  border-color: #b8860b;
  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 .line-numbers {
  color:#2E8B57; /*#006400;*/
  text-shadow: 0 0 1px #001716, 0 0 1px #00ff00, 0 0 1px #00ff00;
}

.monaco-list .monaco-list-rows {
  /* background: rgba(36, 27, 47) !important; 111222333*/
  background: #1f1f1f !important;
}


.monaco-list .monaco-list-row.focused:not(.selected) {
    /* 定义侧边栏资源管理器中聚焦但未选中样式 */
  /* background-color: #04395e !important; */
}

.monaco-list-row.focused, /*定义侧边栏资源管理器聚焦样式*/
.monaco-list-row.selected {  /*定义侧边栏资源管理器选中样式*/
  /* background-color: #8a2dc033 !important; 111222333*/
  /* background-color: #00000033 !important; */
}

.explorer-folders-view span[title~="emphasized"],
.monaco-icon-label[title~="emphasized"]::after {
  color: #fc199a;
}

.explorer-folders-view span[title~="problems"],
.monaco-icon-label[title~="problems"]::after {
  color: #ffcc00;
}

.vs-dark .monaco-scrollable-element > .scrollbar > .slider {
  /* background: rgb(153, 99, 255); 111222333*/
  background: #888080; 
  opacity: 0.5;
}

/* 定义代码滚动时顶部固定父级栏的样式为毛玻璃效果 */
.monaco-editor .sticky-widget {
   background-color: rgba(31, 31, 31, 0.16) !important;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
   backdrop-filter: blur(10px) !important;
   -webkit-backdrop-filter: blur(10px) !important;
   /* border: 1px solid rgba(255, 255, 255, 0.1) !important; */
}

/* 定义`ctrl+shift+p`的弹出框样式为毛玻璃效果, 与 .monaco-list .monaco-list-rows 结合使用才可达到效果*/
.quick-input-widget {
  top: 150px !important;
  background-color: rgba(34, 34, 34, 0.3) !important;
  backdrop-filter: blur(15px) !important;
  -webkit-backdrop-filter: blur(15px) !important;
}

/* 定义`ctrl+shift+p`的弹出框样式为毛玻璃效果, 与 .quick-input-widget 结合使用才可达到效果*/
.monaco-list .monaco-list-rows {
  background-color: rgba(31, 31, 31, 0.3) !important;
  /* backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important; */
}

终极发光色, 带动画的css

/* 111222333 */
/* @import url('https://fonts.googleapis.com/css2?family=Tourney:ital,wght@1,100&display=swap'); */


/* 下面被111222333包围的是上方@import url('https://fonts.googleapis.com/css2?family=Tourney:ital,wght@1,100&display=swap');链接中的文本内容 */
/* 111222333 */
/* vietnamese */
@font-face {
  font-family: 'Tourney';
  font-style: italic;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/tourney/v13/AlZc_ztDtYzv1tzq_Q47flUUvI2wpXz29ilymEMLMNc3XHnT8UKaJwB5C1b8GA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Tourney';
  font-style: italic;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/tourney/v13/AlZc_ztDtYzv1tzq_Q47flUUvI2wpXz29ilymEMLMNc3XHnT8UKaJwB4C1b8GA.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Tourney';
  font-style: italic;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/tourney/v13/AlZc_ztDtYzv1tzq_Q47flUUvI2wpXz29ilymEMLMNc3XHnT8UKaJwB2C1Y.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* 111222333 */




/* hover flip specials */


.mtk8, .mtk9, .mtk3, .mtk6, .mtk7, .mtk10 {
    display: inline-block;
    
    transition: .4s transform;
    /* transform: rotateX(0); */
}


.mtk8:hover, .mtk9:hover, .mtk3:hover, .mtk6:hover, .mtk7:hover, .mtk10:hover {
    text-shadow: 2 2 15px;
    transform: scale(1.2);
}


/* end of hover flip specials */


/* tooltips */

.monaco-editor .monaco-hover {
    background-color: #262335;
    display: block!important;
    /* 手动注释掉padding, 以解决tooltip内容溢出问题。这个padding会导致tooltip内容显示不全, 所以注释掉了 */
    /* padding: 20px; */
    transition: opacity 1s !important;
    opacity: 1;
    animation: tooltippulse 4s infinite linear;
}

.monaco-editor .monaco-hover.hidden {
    opacity: 0;
}

@keyframes tooltippulse {
    0% {  
        box-shadow: 0 0 0 0 rgba(255, 0, 242, 0);   
    }
    50% {
        box-shadow: 0 0 85px 0 rgba(0, 217, 255, 0.5);  
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 0, 242, 0);
    }    
}

.monaco-editor .monaco-hover::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 4px;
    background-size: 200% 200%;
    width: 100%;
    background-image: linear-gradient(to right, #fc28a8, #03edf9, #fc28a8, #03edf9, #fc28a8);

    animation: neonline 2s infinite;
}

@keyframes neonline {
    0% {  
       background-position: 0% 50%;
    }
    100% {
        background-position: 100% 50%;
    }    
}



/* end of tooltips */


/* tabs */

/* .monaco-workbench .part.editor>.content .editor-group-container>.title .tabs-container>.tab.active::before {
    
    animation: neonline2 2s infinite;
    background-size: 200% 200%!important;
    width: 100%;
    background-image: linear-gradient(to right, #fc28a8, #03edf9, #fc28a8, #03edf9, #fc28a8)!important;
}

@keyframes neonline2 {
    0% {  
       background-position: 0% 50%;
    }
    100% {
        background-position: 100% 50%;
    }    
} */

/* end of tabs*/

.monaco-editor .selected-text {
    /* 111222333 */
    /* background-color: #000000aa!important; */
    /* 111222333 */
    /* background-color: #000000aa!important; */
    /* 111222333 */
    background-color: #35aeda76!important;
    box-shadow: 0 0 35px 5px #ff008d55;
    color: #fff!important;

    /* 111222333 */
    /* border:0.5px dashed red; */
    /* 111222333 */
    /* border-bottom:1px ridge rgba(211, 220, 50, 0.5); */
    /* 111222333 */
    /* border-top:1px ridge rgba(211, 220, 50, 0.5); */


    /* 111222333 */
    /* border-bottom:1px dashed rgba(211, 220, 50, 1); */
    /* 111222333 */
    /* border-top:1px dashed rgba(211, 220, 50, 1); */
 }


.monaco-editor .cursor { 
    box-shadow: 0 0 15px 2px #00c3ff;
    animation: cursor .5s infinite linear;
}


.editor-group-container:after {
    animation: flight 2s infinite linear;
}

.view-line .inline-folded:after {
    color:yellow;
    border-radius: 5px;
    animation: colapse .5s linear;
}



.monaco-editor .line-numbers.active-line-number {
    color: turquoise;
    text-shadow: 0 0 1px yellow!important;
}




/* canvas.minimap-decorations-layer {
    background-color: transparent !important;
    background-image: linear-gradient(to bottom, #200933 75%, #3d0b43);
    background-size: auto 100vh;
    background-position: top;
    background-repeat: no-repeat;
} */

.monaco-editor .minimap-shadow-visible {
    box-shadow: none!important;
}





@keyframes colapse {
    0% {  
        background-color:yellow;
        box-shadow: 0 0 5px 0 yellow;      
    }
    70% {
        background-color: yellow;
        box-shadow: 0 0 35px 10px yellow;
    }
    100% {
        background-color: transparent;
    }    
}

@keyframes cursor {
    0% {  
        box-shadow: 0 0 5px 0 #00c3ff;      
    }
    100% {
        box-shadow: 0 0 35px 5px #00c3ff;
    }
}

@keyframes flight {
  0% {
    transform: perspective(100px) rotateX(60deg) translateY(0px);
  }
  100% {
    transform: perspective(100px) rotateX(60deg) translateY(20px);
  }
}



.editor-container::after {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;

    /* content: 'do epic shit...'; */
    content: ' ';
    font-weight: bold;
    font-size: 5em;
    font-family: 'Tourney', cursive;

    color: #fc28a822;
    position: absolute;
    /* 因为这个玩意是个不可见的长方形, 会造成覆盖区域鼠标不可用, 因此给他一个足够大的值, 将其移出编辑器使用范围 */
    bottom: -99999px;
    width: 100%;
    overflow-x: hidden;
    height: 120px;
    

    text-shadow: 0 0 30px #fc28a8;

    /* 手动注释, 防止悬停的代码提示窗口, 10s后自动被关闭 */
    /* animation: cnt 10s infinite linear; */



}

@keyframes cnt {
    0% {  
        bottom: 150px;
        font-size: 0.1em;
        color: #fc28a822;       
        text-shadow: 0 0 5px #fc28a811;
    }
    100% {
        bottom: -400px;
        font-size: 20em;       
        color: #fc28a855;
        text-shadow: 0 0 30px #fc28a8;
    }
}

3.”file:///C:/Users/srackHall/.vscode/extensions/thecodemonkey.synthwave-x-fluoromachine-epic-animations-1.4.13/epic-80s-transitions.css”

/* 111222333 */
/* @import url('https://fonts.googleapis.com/css2?family=Tourney:ital,wght@1,100&display=swap'); */


/* 下面被111222333包围的是上方@import url('https://fonts.googleapis.com/css2?family=Tourney:ital,wght@1,100&display=swap');链接中的文本内容 */
/* 111222333 */
/* vietnamese */
@font-face {
  font-family: 'Tourney';
  font-style: italic;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/tourney/v13/AlZc_ztDtYzv1tzq_Q47flUUvI2wpXz29ilymEMLMNc3XHnT8UKaJwB5C1b8GA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Tourney';
  font-style: italic;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/tourney/v13/AlZc_ztDtYzv1tzq_Q47flUUvI2wpXz29ilymEMLMNc3XHnT8UKaJwB4C1b8GA.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Tourney';
  font-style: italic;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/tourney/v13/AlZc_ztDtYzv1tzq_Q47flUUvI2wpXz29ilymEMLMNc3XHnT8UKaJwB2C1Y.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* 111222333 */




/* hover flip specials */


.mtk8, .mtk9, .mtk3, .mtk6, .mtk7, .mtk10 {
    display: inline-block;
    
    transition: .4s transform;
    /* transform: rotateX(0); */
}


.mtk8:hover, .mtk9:hover, .mtk3:hover, .mtk6:hover, .mtk7:hover, .mtk10:hover {
    text-shadow: 2 2 15px;
    transform: scale(1.2);
}


/* end of hover flip specials */


/* tooltips */

.monaco-editor .monaco-hover {
    background-color: #262335;
    display: block!important;
    padding: 20px;
    transition: opacity 1s !important;
    opacity: 1;
    animation: tooltippulse 4s infinite linear;
}

.monaco-editor .monaco-hover.hidden {
    opacity: 0;
}

@keyframes tooltippulse {
    0% {  
        box-shadow: 0 0 0 0 rgba(255, 0, 242, 0);   
    }
    50% {
        box-shadow: 0 0 85px 0 rgba(0, 217, 255, 0.5);  
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 0, 242, 0);
    }    
}

.monaco-editor .monaco-hover::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 4px;
    background-size: 200% 200%;
    width: 100%;
    background-image: linear-gradient(to right, #fc28a8, #03edf9, #fc28a8, #03edf9, #fc28a8);

    animation: neonline 2s infinite;
}

@keyframes neonline {
    0% {  
       background-position: 0% 50%;
    }
    100% {
        background-position: 100% 50%;
    }    
}



/* end of tooltips */


/* tabs */

/* .monaco-workbench .part.editor>.content .editor-group-container>.title .tabs-container>.tab.active::before {
    
    animation: neonline2 2s infinite;
    background-size: 200% 200%!important;
    width: 100%;
    background-image: linear-gradient(to right, #fc28a8, #03edf9, #fc28a8, #03edf9, #fc28a8)!important;
}

@keyframes neonline2 {
    0% {  
       background-position: 0% 50%;
    }
    100% {
        background-position: 100% 50%;
    }    
} */

/* end of tabs*/

.monaco-editor .selected-text {
    /* 111222333 */
    /* background-color: #000000aa!important; */
    /* 111222333 */
    /* background-color: #000000aa!important; */
    /* 111222333 */
    background-color: #35aeda76!important;
    box-shadow: 0 0 35px 5px #ff008d55;
    color: #fff!important;

    /* 111222333 */
    /* border:0.5px dashed red; */
    /* 111222333 */
    /* border-bottom:1px ridge rgba(211, 220, 50, 0.5); */
    /* 111222333 */
    /* border-top:1px ridge rgba(211, 220, 50, 0.5); */


    /* 111222333 */
    /* border-bottom:1px dashed rgba(211, 220, 50, 1); */
    /* 111222333 */
    /* border-top:1px dashed rgba(211, 220, 50, 1); */
 }


.monaco-editor .cursor { 
    box-shadow: 0 0 15px 2px #00c3ff;
    animation: cursor .5s infinite linear;
}


.editor-group-container:after {
    animation: flight 2s infinite linear;
}

.view-line .inline-folded:after {
    color:yellow;
    border-radius: 5px;
    animation: colapse .5s linear;
}



.monaco-editor .line-numbers.active-line-number {
    color: turquoise;
    text-shadow: 0 0 1px yellow!important;
}




/* canvas.minimap-decorations-layer {
    background-color: transparent !important;
    background-image: linear-gradient(to bottom, #200933 75%, #3d0b43);
    background-size: auto 100vh;
    background-position: top;
    background-repeat: no-repeat;
} */

.monaco-editor .minimap-shadow-visible {
    box-shadow: none!important;
}





@keyframes colapse {
    0% {  
        background-color:yellow;
        box-shadow: 0 0 5px 0 yellow;      
    }
    70% {
        background-color: yellow;
        box-shadow: 0 0 35px 10px yellow;
    }
    100% {
        background-color: transparent;
    }    
}

@keyframes cursor {
    0% {  
        box-shadow: 0 0 5px 0 #00c3ff;      
    }
    100% {
        box-shadow: 0 0 35px 5px #00c3ff;
    }
}

@keyframes flight {
  0% {
    transform: perspective(100px) rotateX(60deg) translateY(0px);
  }
  100% {
    transform: perspective(100px) rotateX(60deg) translateY(20px);
  }
}



.editor-container::after {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;

    /* content: 'do epic shit...'; */
    content: ' ';
    font-weight: bold;
    font-size: 5em;
    font-family: 'Tourney', cursive;

    color: #fc28a822;
    position: absolute;
    bottom: 40px;
    width: 100%;
    overflow-x: hidden;
    height: 120px;
    

    text-shadow: 0 0 30px #fc28a8;

    animation: cnt 10s infinite linear;



}

@keyframes cnt {
    0% {  
        bottom: 150px;
        font-size: 0.1em;
        color: #fc28a822;       
        text-shadow: 0 0 5px #fc28a811;
    }
    100% {
        bottom: -400px;
        font-size: 20em;       
        color: #fc28a855;
        text-shadow: 0 0 30px #fc28a8;
    }
}