vscode.css

:root {
  --size: 5px;
}
/* .mtk10,
.mtk15 {
  color: transparent;
  background-image: linear-gradient(-45deg, #e499f1, #ff00f7, #ffc8f6);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
} */

.mtk5 {
  /* color: transparent; */
  /* background-image: linear-gradient(45deg, #0ea903, #00f3ff); */
  /* background-clip: text; */
  /* -webkit-text-fill-color: transparent; */
  /* -webkit-background-clip: text; */
  /* font-family: "Operator mono";
  font-style: italic;
  font-size: 100%;
  font-weight: 400;
  font-style: italic; */
}

/* .mtk16 {
  color: transparent;
  background-image: linear-gradient(45deg, #ffb86c, #b4ff00);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.mtk17 {
  color: transparent;
  background-image: linear-gradient(to right, #20e3b2, #3580d6, #2cccff);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: "Operator mono";
  font-weight: 400;
  font-style: italic;
}

.mtk18 {
  color: transparent;
  background-image: linear-gradient(to right, #0e4eff, #758cbd, #00eeb7ee);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  font-family: "Operator mono";
  font-style: italic;
}

.mtk3 {
  color: transparent;
  background-image: linear-gradient(-55deg, #d000ff, #bd93f9);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.mtk7 {
  color: transparent;
  background-image: linear-gradient(var(--gradient-dir2), #fc6c8f, #ffb86c);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
} */

/* .mtk13 {
  color: #00b2ca;
}

.monaco-editor .line-numbers.active-line-number {
  color: #cddc39;
} */

/* close tab */
.codicon-close:before {
  content: '🧡';
  font-size: 12px;
}
/* user */
.codicon-accounts-view-bar-icon:before {
  content: '💔';
}
/* setting */
.codicon-settings-view-bar-icon:before {
    content: '🍀';
}
/* file */
.codicon-explorer-view-icon:before {
  content: '🍒';
}
/* search */
.codicon-search-view-icon:before {
    content: '🌿';
}
/* git */
.codicon-source-control-view-icon:before {
  content: '🌺';
}
/* extension */
.codicon-extensions-view-icon:before {
  content: '🍏';
}
/* debug */
.codicon-run-view-icon:before {
  content: '🌼';
}
/* gitlens */
.codicon-gitlens-gitlens:before {
  content: '🍄';
}
/* toolbar-more */
.codicon-toolbar-more:before {
  content: '💦';
}
.monaco-workbench.vs-dark .part.editor>.content .editor-group-container .editor-group-watermark>.letterpress {
  background-image: url(https://raw.githubusercontent.com/quocnguyenvu/W-Themes/main/pngwing.com.png);
}
.monaco-workbench .part.editor>.content .editor-group-container>.editor-group-watermark>.letterpress{
  aspect-ratio: 9/16;
}
.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-center>.window-title{
  color: transparent;
  background-image: linear-gradient(
    19deg,
    #3eecac 0%,
    #fd8cf1 44%,
    #666ccb 100%
  );;
  -webkit-background-clip: text;
  background-clip: text;
  font-family: "Operator mono";
  font-weight: 400;
  font-style: italic;
  font-size: 15px;
}

.monaco-editor .cursors-layer .cursor {
  background-color: #ffdee9;
  background-image: linear-gradient(0deg, #ffdee9 0%, #b5fffc 100%);
}

.monaco-workbench
  .part.editor
  > .content
  .editor-group-container
  > .title
  .tabs-container
  > .tab.active.tab-border-top
  > .tab-border-top-container {
  height: 3px;
  background-color: #3eecac;
  background-image: linear-gradient(
    19deg,
    #3eecac 0%,
    #fd8cf1 44%,
    #666ccb 100%
  );
  background-size: 300% 200%;
  animation: gradient 6s linear infinite;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.monaco-editor .line-numbers {
  font-family: "Operator mono";
  font-style: italic;
  font-size: 100%;
  font-weight: 400;
  color: #20e3b2;
}
.editor-container{
  background-image: url(https://raw.githubusercontent.com/quocnguyenvu/W-Themes/main/pngwing.com.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
/* .editor-container{
  background: transparent !important;
} */
.monaco-editor, .monaco-editor-background{
  background: rgba(26, 27, 46, 0.8) !important;
}
/*
.monaco-workbench
  .part.editor
  > .content
  .editor-group-container
  > .title
  .tabs-container
  > .tab.active.tab-border-top
  > .tab-border-top-container {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: transparent;
}
.monaco-workbench
  .part.editor
  > .content
  .editor-group-container
  > .title
  .tabs-container
  > .tab.active.tab-border-top
  > .tab-border-top-container:before,
.monaco-workbench
  .part.editor
  > .content
  .editor-group-container
  > .title
  .tabs-container
  > .tab.active.tab-border-top
  > .tab-border-top-container:after {
  content: "";
  width: var(--size);
  height: var(--size);
  position: absolute;
  border: 2px solid;
  border-image-slice: 1;
}
.monaco-workbench
  .part.editor
  > .content
  .editor-group-container
  > .title
  .tabs-container
  > .tab.active.tab-border-top
  > .tab-border-top-container:before {
  top: 0;
  left: 0;
  border-right: 0;
  border-bottom: 0;
  border-image-source: linear-gradient(-45deg, #4dd78a, #20e3b2);
}

.monaco-workbench
  .part.editor
  > .content
  .editor-group-container
  > .title
  .tabs-container
  > .tab.active.tab-border-top
  > .tab-border-top-container:after {
  right: 0;
  bottom: 0;
  border-top: 0;
  border-left: 0;
  border-image-source: linear-gradient(-45deg, #6a5af9, #d66efd);
}
.monaco-workbench
  .part.editor
  > .content
  .editor-group-container
  > .title
  .tabs-container
  > .tab.active:before,
.monaco-workbench
  .part.editor
  > .content
  .editor-group-container
  > .title
  .tabs-container
  > .tab.active:after {
  content: "";
  width: var(--size);
  height: var(--size);
  position: absolute;
  border: 2px solid;
  border-image-slice: 1;
}
.monaco-workbench
  .part.editor
  > .content
  .editor-group-container
  > .title
  .tabs-container
  > .tab.active:before {
  left: 0;
  bottom: 0;
  border-top: 0;
  border-right: 0;
  border-image-source: linear-gradient(-45deg, #fc6c8f, #ffb86c);
}

.monaco-workbench
  .part.editor
  > .content
  .editor-group-container
  > .title
  .tabs-container
  > .tab.active:after {
  top: 0;
  right: 0;
  border-left: 0;
  border-bottom: 0;
  border-image-source: linear-gradient(-45deg, #098dff, #2cccff);
} */