Cursor Speedups + Nice to haves

cursor.css

/* CENTERED QUICK INPUT (CMD+P) */
.quick-input-widget {
  background-color: var(--vscode-quickInput-background) !important;
  top: 50% !important;
  translate: -50px -300px !important;

  outline: 9999px solid rgba(0, 0, 0, 0.25) !important; /* hack for black backdrop */
  padding: 5px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.075) !important;
  box-shadow: 0 5px 28px rgba(0, 0, 0, 0.28) !important;
  backdrop-filter: unset !important;

  /* REMOVE THESE IF YOU DON'T WANT THE BRIGHTNESS AND ZOOM EFFECTS */
  zoom: 1.05;
  filter: brightness(1.25) !important;
  /* --- */

  overflow: hidden !important;
}

/* Style fix for the above styles to work */
.quick-input-list .monaco-list-rows {
  background: transparent !important;
}

/* Reduce unnecessary GPU usage, why does the input box need backdrop-filter anyway? */
.ai-input-full-input-box {
  backdrop-filter: unset !important;
}

* {
  backdrop-filter: unset !important;
  -webkit-backdrop-filter: unset !important;
}

/* More GPU efficient text shimmer, because text masking gradient shimmers are expensive */
.make-shine {
  position: relative;
  background-image: unset !important;
  animation: none !important;
  -webkit-text-fill-color: unset !important;
  background-clip: unset !important;

  &::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    bottom: 0px;
    left: 0;
    background: linear-gradient(
      to right,
      transparent 0%,
      #ff512f 10%,
      #f9d423 22%,
      #1fa2ff 38%,
      #12d8fa 54%,
      #a6ffcb 68%,
      #f7797d 84%,
      transparent 100%
    );
    animation: progress 1s ease infinite !important;
  }
}

@keyframes progress {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}