Vscode pacman caret

pacman-vscode

.monaco-editor .cursors-layer .cursor {
  background: transparent;
  border-radius: 100%;
  width: 30px !important;
  background: conic-gradient(yellow 55deg, transparent 0 125deg, yellow 0);
  transform: rotateZ(180deg);
  animation: eat 0.5s linear infinite;
}

@keyframes eat {
  0%,
  50% {
    background: conic-gradient(yellow 55deg, transparent 0 125deg, yellow 0);
  }
  25% {
    background: conic-gradient(yellow 55deg, yellow 0);
  }
}

This is rad!

Where does this go in vscode, I would like to implement, and thanks for the gist/share :)

Haha cool!

1. Save this gist as a CSS file anywhere
2. Add this extention to VSCode: https://marketplace.visualstudio.com/items?itemName=be5invis.vscode-custom-css
3. Add the following lines to your VSCode config:

"vscode_custom_css.imports": ["file:///source/to/your/file.css"],
"vscode_custom_css.policy": true,

Change the source to where you put your css file.

Hi, question... When you say “Add the following lines to your VSCode config”, you mean go to settings.json and add these two lines of code, right? Thank you so much! 🙏🏻🙌🏻

Exactly, then you save, press cmd+shift+p and run "Reload custom CSS and JS", then restart VSCode.

@samuelhorn Works perfectly! Thank you so much! 🙏🏻🙌🏻

No problem. Can't imagine you want that there for long though! 😀

@samuelhorn Hahaha! I don't think so, 😅