https://scrapbox.io/yuta0801/他人のScrapboxプロジェクトにUserCSSを適応する

apply-custom-css.user.js

// ==UserScript==
// @name         他人のScrapboxプロジェクトにUserCSSを適応する
// @namespace    https://scrapbox.io/yuta0801/他人のScrapboxプロジェクトにUserCSSを適応する
// @version      0.2
// @description  他人のScrapboxプロジェクトにUserCSSを適応する
// @author       yuta0801
// @match        https://scrapbox.io/*/*
// @grant        unsafeWindow
// ==/UserScript==

const page = 'yuta0801/styles'

const addUserStyle = (page, name) => {
  const attrs = {
    rel: 'stylesheet', href: `/api/code/${page}/${name}.css`, class: 'usercss'
  }
  unsafeWindow.$('body').append(unsafeWindow.$('<link>').attr(attrs))
}

const update = (() => {
  let project
  return ({ state } = {}) => {
    const newProject = state?.path.split('/')[1] ?? location.href.split('/')[3]
    console.warn('yuta0801:update', project, newProject, state)
    if (project === newProject) return
    project = newProject
    document.querySelectorAll('.usercss').forEach(el => el.remove())
    if (page.startsWith(project + '/')) return
    addUserStyle(page, project)
    addUserStyle(page, '_all')
  }
})()

!(function (history) {
  const pushState = history.pushState
  history.pushState = function (state) {
    if (typeof window.onpushstate === 'function')
      window.onpushstate({ state })
    return pushState.apply(history, arguments)
  }
})(window.history)

window.onpushstate = update
window.onpopstate = update
window.addEventListener('load', update)