Options to modify cursor style

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;
  }
}

1 Like