wint
https://gyazo.com/03db1b0ae6c4744182c66c11d3cf6e1ahttps://lh3.googleusercontent.com/-eBwP6gBNYSk/AAAAAAAAAAI/AAAAAAAAAMA/GDkLoW7n418/photo.jpg
PD
real name: <hidden>
feedback
意見はこちらからどうぞ
Email: wint.072633$ @gmail.com
趣味・興味
genres
守人シリーズ
学問
Civilization
Oxygen Not Included
Hardspace: Shipbreaker
遊戯王
マスターデュエル
others
───
UserScript
code:script.js
// const behavior = "smooth";
scrapbox.PageMenu.addItem({
title: "Scroll to Top",
onClick() {
const el = document.getElementById('compute-line');
el.scrollIntoViewIfNeeded();
// window.scrollTo({ top: 0, behavior });
}
});
scrapbox.PageMenu.addItem({
title: "Scroll to Bottom",
onClick() {
const toolbar = document.querySelector('#app-container .related-page-list .toolbar');
toolbar.scrollIntoViewIfNeeded();
}
});
UserCSS
rainbow indent
code:style.css
.indent-mark .char-index{
--ir-opacity: 0.06;
--ir-red: rgba(255, 0, 0, var(--ir-opacity));
--ir-orange: rgba(255, 165, 0, var(--ir-opacity));
--ir-yellow: rgba(255, 255, 0, var(--ir-opacity));
--ir-green: rgba( 0, 128, 0, var(--ir-opacity));
--ir-blue: rgba( 0, 0, 255, var(--ir-opacity));
--ir-violet: rgba(238, 130, 238, var(--ir-opacity));
--ir-purple: rgba(128, 0, 128, var(--ir-opacity));
}
.indent-mark .char-index:nth-child(7n+1) { background-color: var(--ir-red) }
.indent-mark .char-index:nth-child(7n+2) { background-color: var(--ir-orange) }
.indent-mark .char-index:nth-child(7n+3) { background-color: var(--ir-yellow) }
.indent-mark .char-index:nth-child(7n+4) { background-color: var(--ir-green) }
.indent-mark .char-index:nth-child(7n+5) { background-color: var(--ir-blue) }
.indent-mark .char-index:nth-child(7n+6) { background-color: var(--ir-violet) }
.indent-mark .char-index:nth-child(7n) { background-color: var(--ir-purple) }
.indent-mark .char-index:nth-last-child(1) { background-color: transparent; }