DMOJ: Personal userscript

dmoj.user.js

$(() => {
    $('.anime-img').show()

    // Dark mode for native HTML elements
    const colorScheme = $('<meta>').attr({
        name: 'color-scheme',
        content: 'light dark'
    })
    $('head').append(colorScheme)

    // Highlight trailing whitespace (from https://dmoj.ca/user/d)
    const f = s => `<span style="background-color: rgba(247, 196, 0, 0.5)">${s}</span>`
    $('code').html((i, obj) => obj
        .replaceAll(/\w  +\S/g, s => s[0] + f(s.slice(1, -1)) + s.slice(-1))
        .replaceAll(/ +\n/g, s => `${f(s.slice(0, -1))}\n`)
        .replaceAll(/ +$/g, s => `${f(s)}\n`))
})