リンクに関するuserCSS
#UserCSS
テスト環境
既存リンク:リンクに関するuserCSS
新規リンク:q0397nrmitcmry38
文章中で次のような新規リンクを31948rnx8y49用いるとこんな感じ
太字との組み合わせは新規リンクのようになる
マーカーとの組み合わせはこんな感じになる
code:style.css
atype="link".page-link, atype="hashTag".page-link, .line a.link {
color: var(--exist-color) !important;
}
atype="link".empty-page-link, atype="hashTag".empty-page-link {
color: var(--non-exist-color) !important;
}
既存タグと新規タグは近しい色であってほしい
統一感?によるものか
対照的な色だと統一させようと集中してしまう
あとリンクは目立ってほしいのでfont-weight: 500;にしましたkame.icon
事故りそうならば変更します
リンクと他の文章
上記のような場合にリンクだけfont-weight: 500;になってしまう...
なるべく!importantは避けたい...
サイズで強調してみる?
font-size: 1.1em;くらいがちょうど良いかも
後々めんどくそうなので色管理userCSSで色を変更しましたkame.icon
ただしハッシュタグは可愛くいてほしいのでfont-weight: normal !important;です
ハッシュタグが可愛くなるuserCSS