ScrapboxのThemeの仕様

https://scrapbox.io/assets/css/app.cssを見ればScrapboxのThemeの仕様を確認できる

e.g. hacker1

9000 - 10000行のどこかにあった

code:hacker1.css

--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, .23);

--card-description-code-color: #342d9c;

--tool-bg: rgba(0, 0, 0, .1);

--relation-label-bg: #fff;

--relation-label-text: #6d6d6d;

--relation-label-links-bg: #fff;

--relation-label-links-text: #5e8af7;

--relation-label-empty-bg: #fff;

--relation-label-empty-text: #fd7373;

--body-bg: #252a30;

--navbar-bg: #404551;

--navbar-link-color: #49c4fe;

--search-form-bg: #4f5463;

--new-button-horizontal-color: #2378a1;

--new-button-vertical-color: var(--new-button-horizontal-color);

--new-button-bg: #4dc3fa;

--new-button-hover-bg: #2ab7f9;

--new-button-active-bg: #07a8f4;

--card-title-color: rgba(255, 255, 255, .9);

--card-title-bg: #494d5a;

--card-bg: #393c46;

--card-backside: #7c8296;

--card-description-color: rgba(204, 204, 204, .9);

--card-description-link-color: #61afef;

--card-description-code-color: #99f;

--card-box-shadow-color: transparent;

--card-box-shadow: none;

--card-box-hover-shadow: transparent;

--tool-color: #b7bdc5;

--tool-light-color: rgba(183, 189, 197, .4);

--tool-bg: rgba(183, 189, 197, .1);

--tool-badge-bg: rgba(183, 189, 197, .2);

--body-headings-color: var(--tool-color)

}

Default Dark Themeの変数はいくつか書いたMijinko_SD.icon

Default Light Themeの変数はここまで多くない

同じカテゴリなのに変数が統一されていないの本当に不便Mijinko_SD.icon*5

後からかさ増しした経緯があった記憶があるけどどこだったかな…