Sketchy Strikethrough

sketchystrike.css

:root {
  --strike-background-light: url( "data:image/svg+xml;charset=UTF-8,%3Csvg preserveAspectRatio='none' viewBox='0 0 107.522 45.827' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.65' fill='none' stroke='#12073f' stroke-width='9.382' stroke-linecap='round' stroke-linejoin='bevel' d='M28.739 8.904c-.204 0-24.338 31.34-24.278 31.467.06.129 5.005-3.497 5.618-4.022 3.713-3.178 34.464-34.196 39.846-31.358 1.263.666-19.065 22.612-20.465 24.24-.247.288-4.41 5.536-3.557 5.705.834.165 3.51-1.413 3.609-1.468C39.916 27.722 49.648 19.77 59.1 12.655c3.327-2.505 11.054-10.792 10.567-6.686-.85 7.17-16.573 17.953-21.546 22.827-4.015 3.935-17.136 13.124-11.547 12.282C44.826 39.835 57.706 24.5 64.048 19.61c4.216-3.251 12.836-14.795 12.836-9.51 0 7.671-20.992 16.474-19.125 23.694 1.253 4.843 28.662-23.6 27.63-17.065-1.088 6.875-12.54 14.838-17.268 20-.315.344-1.325.952-.877 1.088 4.546 1.369 20.882-14.138 25.052-17.011 3.308-2.28 11.207-9.996 10.413-6.088-1.084 5.332-32.873 32.221-12.99 21.74'/%3E%3C/svg%3E");
  --strike-background-dark: url( "data:image/svg+xml;charset=UTF-8,%3Csvg preserveAspectRatio='none' viewBox='0 0 107.522 45.827' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.65' fill='none' stroke='#3c3d34' stroke-width='9.382' stroke-linecap='round' stroke-linejoin='bevel' d='M28.739 8.904c-.204 0-24.338 31.34-24.278 31.467.06.129 5.005-3.497 5.618-4.022 3.713-3.178 34.464-34.196 39.846-31.358 1.263.666-19.065 22.612-20.465 24.24-.247.288-4.41 5.536-3.557 5.705.834.165 3.51-1.413 3.609-1.468C39.916 27.722 49.648 19.77 59.1 12.655c3.327-2.505 11.054-10.792 10.567-6.686-.85 7.17-16.573 17.953-21.546 22.827-4.015 3.935-17.136 13.124-11.547 12.282C44.826 39.835 57.706 24.5 64.048 19.61c4.216-3.251 12.836-14.795 12.836-9.51 0 7.671-20.992 16.474-19.125 23.694 1.253 4.843 28.662-23.6 27.63-17.065-1.088 6.875-12.54 14.838-17.268 20-.315.344-1.325.952-.877 1.088 4.546 1.369 20.882-14.138 25.052-17.011 3.308-2.28 11.207-9.996 10.413-6.088-1.084 5.332-32.873 32.221-12.99 21.74'/%3E%3C/svg%3E");
}
:root {
  --strike-background: var(--strike-background-light);
}
@media (prefers-color-scheme: dark) {
  :root {
    --strike-background: var(--strike-background-dark);
  }
}

s {
  background: var(--strike-background);
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  color: var(--color-primary);
  display: inline-block;
  text-decoration: none;
}