Gives background to images to recognise what is still loading to not miss pages

manga-sites-image-highlighter.js

// ==UserScript==
// @name        See loading manga images
// @namespace   Violentmonkey Scripts
// @match       *://*/*
// @grant       none
// @version     1.0
// @author      Mateusz Kasprzak
// @downloadURL https://gist.githubusercontent.com/kacpak/ec403a5ee39df48fddaaa5e9b3df1e95/raw
// ==/UserScript==

const styles = `
.wp-manga-chapter-img::after {
    content: '';
    background: red;
    height: 50px;
    width: 50px;
    display: block;
    margin-bottom: 10px;
    border: 1px dashed #333;
}

.wp-manga-chapter-img:not(.lazyloaded) {
    background: #f0f0f0 !important;
    min-height: 50px !important;
    min-width: 50px !important;
    display: block !important;
    border-bottom: 1px dashed #333 !important;
}

.chapter-type-manga .c-blog-post .entry-content .entry-content_wrap .reading-content::before {
    content: none;
}
`

const style = document.createElement('style');
style.textContent = styles;
document.head.append(style);