カードの色を変えて整理する
https://gyazo.com/498f8c57b1b1c5fd81d779507764e371
学生枠.icon ページの一覧表あるじゃん、あそこが増えてきてちょっと見にくいんだよね
ニゴロツカイ.icon ほう
学生枠.icon 授業用と私用が混ざって使いにくい!
ニゴロツカイ.icon あら学生ならではのお悩み。プロジェクトを新しく作るという方法もありますよ
学生枠.icon 設定しなおすのめんどくさいもん
とびだすニゴロ.icon ならしょうがない、魔法をかけるしかありません!!
* * *
ニゴロツカイ.icon 今日の完成形はこんな感じです
https://gyazo.com/58d98e847df54c636da31f8c1bdd0922.png
学生枠.icon 色が変わってる!
ニゴロツカイ.icon 今回使ったコードはこちら。これをSettingsにコピペしてね!
code:style.css
}
}
}
学生枠.icon " "の中を変えればいいってこと?
見切れニゴロ.icon そうです! 「【色を変える】」、「diary|」、「ココ変えれる」の部分を変更することによって、カードの色が変わるようになっているのです!
学生枠.icon すごい!
とびだすニゴロ.icon そして変更したワードをページタイトルの最初につけると! カードに色がつくのです!!
学生枠.icon おおお!!!
ニゴロツカイ.icon 「授業:」とか「日記:」とか。色で分類することによって一覧ページからカードを探しやすくなるんです!!
ニゴロツカイ.icon ちなみに一覧ページに並べられてるラベルみたいなもののことを「カード」って言います。覚えとくと便利、かも
* * *
ニゴロツカイ.icon 今回の魔法はこちらを参照させていただきました。 学生枠.icon background-colorってとこは何回か見たことあるけど、この「!important」はないといけないの?
ニゴロツカイ.icon これをつけないと反映されないので絶対消しちゃダメなやつです!!
学生枠.icon なるほど。ちょっとやってみる!
* * *
カード用の色一覧表!
table:表
色 カラーコード
灰色 # 50454d30
赤 # d52d2d82
ピンク # bf3d8e30
オレンジ # f79d6382
黄色 # f9ef3e82
青 # 7ca1ed82
水色 # c1f2ff82
緑 # 3cb75982
薄緑 # caebb382
紫 # c0b3eb82
※リンク対策のため「#」と数字の間に半角スペースを入れています。コピペの際は削除してください。