Minimal Theme
Scrapbox の見た目を公式テーマの Minimal に変更する UserCSS
UserCSS で使うために公式の CSS を丸々コピペしたもの
Scrapbox のテーマはユーザーごとではなくプロジェクトごとの設定項目であるため
この UserCSS を使用するときはプロジェクトのテーマは Light (デフォルト) であることが好ましい
code:style.css
:root {
--body-bg: #eeeeef;
--navbar-bg: rgba(226, 226, 226, 0.3);
--navbar-icon-color: #979797;
--navbar-icon-hovered-color: #333;
--navbar-icon-active-color: #333;
--search-form-bg: #fff;
--search-form-text-color: rgba(68, 68, 68, 0.35);
--search-form-icon-color: #444;
--search-form-icon-focus-color: #444;
--card-title-color: #444;
--card-title-bg: #e2e2e2;
--card-bg: #fff;
--card-hover-bg: rgba(0, 0, 0, 0.05);
--card-active-bg: rgba(243, 243, 243, 0.1);
--card-backside: #979797;
--card-description-color: #8a8c95;
--card-description-link-color: #6e8af3;
--card-box-shadow-color: rgba(0, 0, 0, 0.06);
--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);
--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.13);
--card-title-bg-pinned: #e2e2e2;
--relation-label-bg: #e2e2e2;
--relation-label-text: #444;
--relation-label-links-bg: #6e8af3;
--relation-label-links-text: #fff;
--relation-label-empty-bg: #fb7476;
--relation-label-empty-text: #fff;
--tool-color: #aaa;
--tool-light-color: #e2e2e2;
--tool-badge-bg: #e2e2e2;
--tool-bg: #e2e2e2;
--tool-text-color: #444;
--tool-light-color: #ccc;
--new-button-vertical-color: #fff;
--new-button-horizontal-color: #fff;
--new-button-bg: #444;
--new-button-hover-bg: #383838;
--new-button-active-bg: #282828;
--telomere-border: #e2e2e2;
--telomere-unread: #6e8af3;
--page-text-color: #555;
--page-link-color: #6e8af3;
--page-link-hover-color: #3f57b1;
--page-link-color-cursor-line: #8159c3;
--page-bg: #fff;
--empty-page-link-color: #ff5252;
--empty-page-link-hover-color: #cf554d;
--logo-url: url("/assets/img/logo_gray.svg");
--line-title-color: #444;
--cursor-color: #444;
}