settings
#Scrapbox
Dark Reader (ブラウザ拡張機能) を使っているときにカーソルも白くする
code:style.css
.cursor > svg > rect {
fill: var(--darkreader-neutral-text, var(--cursor-color, #000))
}
仮 (自動生成したい)
code:style.css
.page-list-itemdata-page-title='2021-11-14' .title::after, .line:not(.cursor-line) .page-linkhref='./2021-11-14'::after {content:'(月)'; padding-left: 3px; color:gray}
行数表示 from /scrasobox/行番号を表示する
code:style.css
/* 行番号を表示 -- ウィンドウ幅768px以上で適用 */
@media screen and (min-width: 768px) {
.lines { counter-reset: line }
/* タイトルから数えるときは :not(.line-title) を消してね */
.line:not(.line-title) { counter-increment: line }
/* タイトルから数えるときは :not(.line-title) を消してね */
.app:not(.presentation) .line:not(.line-title)::before {
content: counter(line);
position: absolute; display: inline-block; left: -110px; z-index: 10;
min-width: 50px; text-align: right; vertical-align: middle;
/* 行番号のフォントとか色とかの指定はここ */
font-family: monospace; color: grey }
/* カーソル行の行番号を濃く表示する */
.line:not(.line-title)::before { opacity: .5 }
.line.cursor-line:not(.line-title)::before { opacity: 1; font-weight: bolder } }
ページ一覧でタイトルを省略しない from /rinsuki/settings
code:style.css
body .grid li.page-list-item a .title {
max-height: inherit !important;
-webkit-line-clamp: 1000 !important;
}
inline code の色付けを殺す from /rinsuki/settings
code:style.css
.line code.code class*="hljs-" {
color: inherit !important;
}
横幅を広くするなど from /sno2wman/settings (full_width.css)
code:style.css
.container {
max-width: 1980px;
}
.grid li.page-list-item a .description p{
font-size: 10px;
line-height: 1.42857;
}
.grid li.page-list-item a .icon img{
object-fit: contain;
}
from /customize/左上のScrapboxアイコンを好きな画像に変える
code:style.css
.navbar .project-home::before {
background-image: url(https://i.gyazo.com/453913178b4216e02a7c7228bfae1ab3.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 50%;
content: "";
display: inline-block;
height: 32px;
margin-right: 4px;
width: 32px;
}
外部リンクアイコン from /scrasobox/settings#59be553c96b9040000cbf086
ちょっと小さくした
code:style.css
/* External links */
.line a.link:not(.icon)::after { font-size: 50%; font-family:'Font Awesome 5 Free'; font-weight: 900; content: ' \f35d'; display: inline-block }