UserCSS-青
個人的な趣味により青っぽくするUserCSS
code:style.css
/* テーマ由来の色 */
html {
--body-bg: #c0c0ff;
--line-title-color: #6060ff;
--new-button-bg: #80ffc0;
--new-button-horizontal-color: #ff8080;
--new-button-vertical-color: #ff80ff;
--page-text-color: #6060ff;
/* from stationery theme */
--telomere-border: #edeeee;
--telomere-unread: #6e8af3;
}
/* 選択した時に出てくるdiv */
.selection {
background-color: #a0a0ff;
}
/* リンク(存在するページ) */
.page-link {
/* color: #00b000 !important; */
color: #4040ff !important;
background-color:#e0e0ff;
}
/* リンク(存在しないページ) */
.empty-page-link {
/* color: #ff8080 !important; */
color: #fd7373 !important; /* from Scrapbox css (page-linkにimportantを立てたため必要) */
background-color: #ffe0e0;
}
リンクテスト Unknown Scrapbox
IMEのpreeditに色を付けるやつ
/shokai/Scrapboxの開発 - React & Websocketで作るリアルタイムWikiに隠しtextareaを使っていると書いてある
code:style.css
textarea {
color: #6060ff !important;
}
カードの色
!important書くと負けた気がするのでそのうち調べる
:rootだから必要だっただけで、htmlに適用すると優先されるっぽい
code:style.css
html {
--card-title-bg: #a0a0ff;
--card-title-color: #6060ff;
--card-description-color: #8080ff;
--card-box-shadow-color: #8080ff;
}
.grid .header {
border-top: #a0a0ff solid 10px;
}