Scrapboxの霧(Mijinko_SD版)
https://gyazo.com/68f4fda84342a4dca497f1f38d0333e0
元ネタ：/villagepump/Scrapboxの霧
/villagepump/yuiseki.iconさんが書いたCSSがある
元ネタの元ネタ：/villagepump/世界の霧
未読のページを緑色で表示する
読めば緑色じゃなくなる
緑色を消していく＝霧を晴らすといった感じ
自分が一回でも訪問したかどうかで色がつくので、テロメアのように新着があっても緑色に戻るわけではない
ブラウザの履歴を読み取っているので、霧のかかり方は端末ごとに違う
これを回避するにはブラウザ側で履歴を同期するしかない
ソース
通常版
普通の人はこっち
code:style.css
.grid li.page-list-item a:not(:visited) .content .header {
border-color: var(--telomere-unread, #52ba68);
}
関連ページ一覧をページの横に表示するUserCSS(最小版)併用時
https://gyazo.com/df0f20c2d2c4b63e35eb26064e46900d
上の通常版だとうまく適用されないので、代わりに下のソースを使う
code:with_mijinko.css
.grid li.page-list-item a:not(:visited) .content .header,
.related-page-list li.page-list-item:not(.empty) a:not(:visited) {
border-color: var(--telomere-unread, #52ba68);
}
.related-page-list li.page-list-item:not(.empty) a {
/* 関連リンク カード */
border-right: 5px solid var(--card-bg, #fff);
}