settings
Ref
/help-jp/UserCSS
/open-tirubox/見出し、強調（下線、太字）、引用のCSSカスタマイズ
【Scrapbox】UserCSS の作成例メモ
/noratetsu/●UserCSSでページ一覧でのカードの見た目を変えるためのタイトル指定方法
/scrasobox/ピンしたページのスタイル
/Mijinko/ScrapboxのCSSテーマ変数
code:style.css
/* Font変更用 */
html,
body,
code,
kbd,
pre,
samp,
.tooltip,
.editor,
.grid li,
.list li.page-list-item,
.popup-menu,
.stream {
/* font-family: Inter, Avenir, Helvetica, Arial, sans-serif; */
}
body{
--navbar-bg: rgba(45, 45, 45, 0.6);
background-color: rgb(15,15,15);
}
/* ページ一覧 */
.grid li.page-list-item
{
--card-title-color: rgb(240,240,240);
--card-title-bg: rgb(45,45,45);
--card-title-bg-pinned: rgb(45,45,45);
--card-bg: rgb(45,45,45);
--card-hover-bg: rgba(45, 45, 45, 0.3);
--card-active-bg: rgba(45, 45, 45, 0.6);
--card-description-color: rgb(240,240,240);
--card-description-link-color: rgb(90,180,180);
--card-description-code-color: rgb(30,60,60);
}
.grid li.page-list-item .header
{
background-color: rgb(45,45,45);
}
.grid li.page-list-item a {
border-radius: 10px;
}
.grid li.page-list-item a .pin { background-color: transparent; background-image: none }
.grid li.page-list-item a .pin::after {
content: '\f08d'; font-family: 'Font Awesome 5 Free'; font-weight: 900;
font-size: 20px; color: rgb(200,50,50); bottom: 0;
}
/* 各ページ */
.page{
background-color: rgb(30,30,30);
}
.line{
color: rgb(240,240,240);
}
.line a{
color: rgb(120,240,240) !important;
}
/* 引用 */
.line .quote{
background-color: rgb(30,60,60);
}
/* コードブロック */
.line span.code-block{
background-color: rgb(45,45,45);
}
hoge