pin折り返し部分の背景色 - Scrapboxカスタマイズコレクション

pin折り返し部分の背景色

UserCSSでページ背景色をカスタマイズした時、カードの右上pinの色が変わらないので違和感が残る

これを直すCSSをご紹介 daiiz.icon

まとめ

code:style.css

body {

background-color: Limegreen;

}

.grid li.page-list-item a .pin {

background: linear-gradient(45deg, #aaa, #aaa 50%, Limegreen 50%, Limegreen);

}

https://gyakky.daiiz.org/svgyazo/e8123f5dbd2e5c9c26dc89eb394f011a#.png

解説

背景をライムグリーンに染める

自分のページに以下をコピペ

code:style.css

body {

background-color: Limegreen;

}

こうなる

https://gyakky.daiiz.org/svgyazo/ceca128f8bc94d7d1c1d53d56c19b5d6#.png

気になるところ

pinされたページcardが折れ曲がっているところの背景色

もともとはこういうCSSになっている

code:style.css

.grid li.page-list-item a .pin {

background: linear-gradient(45deg, #aaa, #aaa 50%, #dedede 50%, #dedede);

}

折り返しの下地の色が #dedede (薄い灰色) のままになっている

こう直す

薄い灰色のところをカスタムした背景色にする

code:style.css

.grid li.page-list-item a .pin {

background: linear-gradient(45deg, #aaa, #aaa 50%, Limegreen 50%, Limegreen);

}

UserCSS.icon