I used TRU’s ninja-cursor plugin.
/* iAWriter-ish style. The cursor colour in a light theme */
.theme-light .x-cursor {
opacity: 1;
background: #00bbff;
width: 3px;
left: -1px;
top: 5px;
height: calc(13px + var(--cursor-height));
transition: opacity;
top: calc( -6px - var(--header-height));
}
/* iAWriter-ish style. The cursor colour in a dark theme */
.theme-dark .x-cursor {
opacity: 1;
background: #2c95b4;
width: 3px;
left: -1px;
top: 5px;
height: calc(13px + var(--cursor-height));
transition: opacity;
top: calc( -6px - var(--header-height));
}
/* Disable movement effect */
.cursorWrapper .x-cursor::after {
display: none;
}
/* Blinking */
.cursorWrapper .x-cursor0,
.cursorWrapper .x-cursor1 {
animation: blink1 1s 0s both infinite;
}
@keyframes blink1 {
0% {
opacity: 1;
}
50% {
opacity: 1;
}
74% {
opacity: 0;
}
100% {
opacity: 0;
}
}