color-scheme-button
button.jsconst url =
'/api/table/'
//+ scrapbox.Project.name + '/' //カレントのプロジェクトを指定
+ 'suto3/' //プロジェクト名
//+ 'customize/' //プロジェクト名
+ 'UserScript:配色変更' //ページ名
//+ '配色変更UserScript' //ページ名
+ '/color-scheme.csv' // テーブル名+ '.csv' （csvファイル名）button.jsconst change_color_ex = (main,assort,base,accent) => {
document.documentElement.style.setProperty('--main-color', main)
document.documentElement.style.setProperty('--assort-color', assort)
document.documentElement.style.setProperty('--base-color', base)
document.documentElement.style.setProperty('--accent-color', accent)
// すでにあるカスタムプロパティを変更してみたらいい感じになった
document.documentElement.style.setProperty('--body-bg', base)
document.documentElement.style.setProperty('--card-bg', assort)
document.documentElement.style.setProperty('--navbar-link-color', assort)
document.documentElement.style.setProperty('--new-button-bg', assort)
document.documentElement.style.setProperty('--relation-label-bg', assort)
//document.documentElement.style.setProperty('--relation-label-empty-bg', assort)
//document.documentElement.style.setProperty('--relation-label-links-bg', assort)
document.documentElement.style.setProperty('--body-headings-color', main)
document.documentElement.style.setProperty('--navbar-bg', main)
document.documentElement.style.setProperty('--card-title-bg', main)
document.documentElement.style.setProperty('--new-button-horizontal-color', main)
document.documentElement.style.setProperty('--new-button-vertical-color', main)
}button.jsconst main = function () {
fetch(url)
.then(response => response.text())
.then(text => {
//console.log(text)
const lines = text.split('\n')
if (lines.length != 4) {
//console.log(lines.length)
return null
}
const main = lines[0].replace(/^"|"$/g, "")
const assort = lines[1].replace(/^"|"$/g, "")
const base = lines[2].replace(/^"|"$/g, "")
const accent = lines[3].replace(/^"|"$/g, "")
//console.log(main)
//console.log(base)
//console.log(accent)
change_color_ex(main,assort,base,accent)
}).catch(err => {
console.error('fetch failed', err)
})
}
main()icon-button.jsconst url =
'/api/table/'
//+ scrapbox.Project.name + '/' //カレントのプロジェクトを指定
+ 'suto3/' //プロジェクト名
//+ 'customize/' //プロジェクト名
+ 'UserScript:配色変更' //ページ名
//+ '配色変更UserScript' //ページ名
+ '/color-scheme.csv' // テーブル名+ '.csv' （csvファイル名）icon-button.jsconst change_color_ex = (main,assort,base,accent) => {
document.documentElement.style.setProperty('--main-color', main)
document.documentElement.style.setProperty('--assort-color', assort)
document.documentElement.style.setProperty('--base-color', base)
document.documentElement.style.setProperty('--accent-color', accent)
// すでにあるカスタムプロパティを変更してみたらいい感じになった
document.documentElement.style.setProperty('--body-bg', base)
document.documentElement.style.setProperty('--card-bg', assort)
document.documentElement.style.setProperty('--navbar-link-color', assort)
document.documentElement.style.setProperty('--new-button-bg', assort)
document.documentElement.style.setProperty('--relation-label-bg', assort)
//document.documentElement.style.setProperty('--relation-label-empty-bg', assort)
//document.documentElement.style.setProperty('--relation-label-links-bg', assort)
document.documentElement.style.setProperty('--body-headings-color', main)
document.documentElement.style.setProperty('--navbar-bg', main)
document.documentElement.style.setProperty('--card-title-bg', main)
document.documentElement.style.setProperty('--new-button-horizontal-color', main)
document.documentElement.style.setProperty('--new-button-vertical-color', main)
}icon-button.jsexport async function execute() {
fetch(url)
.then(response => response.text())
.then(text => {
//console.log(text)
const lines = text.split('\n')
if (lines.length != 4) {
//console.log(lines.length)
return null
}
const main = lines[0].replace(/^"|"$/g, "")
const assort = lines[1].replace(/^"|"$/g, "")
const base = lines[2].replace(/^"|"$/g, "")
const accent = lines[3].replace(/^"|"$/g, "")
//console.log(main)
//console.log(base)
//console.log(accent)
change_color_ex(main,assort,base,accent)
}).catch(err => {
console.error('fetch failed', err)
})
}