手動ダークモード実験
反省点
.editorでスタイル設定してもダメ（一部しか暗くならない）
テロメア消しても違和感しかないので無駄
カーソルの色を変えたくなった
ドットの色を変えたくなった
/icons/hr.icon
エディターの文字色とバックグラウンド変えるだけだと、こんな風になっちゃうよ。
https://gyazo.com/0e80ddb06e333e436f3322caf702ede3
すなわち、テロメアとか、横の余白とか。
CSSぜんぜん分からんから、このように地べたを這いずって試す。
手を差し伸べてくれてもいいんですよ……（半分嘘）
調べてみます！アレクセイ.icon
えー、テロメアを消してみた。
https://gyazo.com/feae89603bfab6d0fc60b7d3059c0e17
今のところ思うのは、
入力時のこの白いのちょっと目立ちすぎ。
https://gyazo.com/e6ea55257723b8d4addc20ba5995da7a
あとカーソル？の色を変えたいな。
あと、段落下げの●の色とかもう少しどうにかならんかな。
んで、ページってとこのバックグラウンドをいじると、こうなる。
https://gyazo.com/48e4611f158ab75a6fc106faa4d3cbec
ちなみに、エディターをデフォルトにすると、
https://gyazo.com/cac3c53d4e3c14d849e441cd3038b6e7
あー、ぜんぶ黒くなるんだね。
手探り感、、、
ところで、テロメアが白く残ってるんだよね。
テロメア消したんだけど、未読部分は知りたいんだよなあ。
https://gyazo.com/59f2c51bf12b2fb3ddee8995566764c4
アレクセイ.icon自分は新着を赤にしてみたり試しました
てじ.icon新着水色にしたい！と、テロメアのいじり方を地道に探しています。
たぶんここですよね
code:テロテロ.css
/* ↓新着以外のテロメアの色と太さ */
.line .telomere .telomere-border { background-color: #000000; width: 2px } /* ↓新着のテロメアの色と太さ */
.line .telomere .telomere-border.unread { background-color: #ff0000; width: 5px } そこさっきやったのですが、
それ以外のところでスクリプト間違えてた可能性あり、、もういっかい試してみます。
やはりダメ😭
code:↑のにこれとセットはどうでしょう？.css
/* スリムなテロメア */
.line .telomere .telomere-border, .line .telomere .telomere-border.unread {
transition: none;
box-sizing: content-box; border-color: #000000 } .line .telomere .telomere-border:hover, .line .telomere .telomere-border.unread:hover {
box-sizing: border-box; width: auto;
border-color: #000000; background-color: transparent } お、いきました！
原理がわからない、、、
いろいろいじってみてみます
やったー！
「スリムなテロメア」の方でlineというので指定しているのかなあ line調べるか
未読を細くすることに成功
https://gyazo.com/31760161ec1872895f6f7a0e9c43c73f
未読部分だけ細くかすかに表示させようとしてみます。
かっこいい
すこし改良？
https://gyazo.com/acb29ed524a33e0b1e3ae88eb88e9539
おおーアレクセイ.icon
比較
https://gyazo.com/c159c124b4fcae824ca8de5b46d952cc
しかし、やはりテロメアの既読部分の太さは余白のようにして残ってしまう。
既読部分の太さを細くする仕方をこんど調べてみますかな。
アレクセイさんありがとうございます！てじ.icon
よかったです～！アレクセイ.icon
未読さえわかればいいやと思っていたので、この設定だけ残してみる。
https://gyazo.com/76f36ba3924de00b59543288c6d362f2