テーマの変更ってなに?
https://gyazo.com/cd15676596d7ed7b5b2ebe964a32cca6
学生枠.icon 文字を編集する場所を黒くすると文字の色も変えないといけないじゃん。それって大変じゃない?
ニゴロツカイ.icon テーマの変更をすれば簡単ですよ!
学生枠.icon テーマの変更?
ニゴロツカイ.icon まあまあ見てみましょうよ。
* * *
ニゴロツカイ.icon まずは左上のボタンを押して……。
https://gyazo.com/0b89b0d0c7c17f213c2644f6fcaa2d13
ニゴロツカイ.icon Project Settingsを押す!
ニゴロツカイ.icon その中のThemeからDarkを選ぶと背景が一気に……
https://gyazo.com/e92fb97075c1b2a59b127f1b26184c3b
見切れニゴロ.icon 黒くなる!!!
学生枠.icon おお!!!
とびだすニゴロ.icon ページの見た目はこんな感じになります!
https://gyazo.com/fd8918686fe369f17d0e9644a108f3e5
学生枠.icon スマホのダークモードみたいになるのか!
学生枠.icon でも、この灰色の部分だけ違うの違和感ある……。
とびだすニゴロ.icon ならここも変えちゃいましょう!
ニゴロツカイ.icon 変えたいところは、この文字を書くところですね?
https://gyazo.com/f50ce6bd61364dbe8da0d746d375bb5b
学生枠.icon そうそう
ニゴロツカイ.icon ならこれをSettingsページにコピペしてください!
code:style.css
.page {
background-color: #202228; /* 文字を書く部分の背景 */ }
.editor, .stream, li.page-list-item {
background-color: #202228; /* 文字を書く部分の背景 */ }
学生枠.icon これって二つとも変えないといけないの?
ニゴロツカイ.icon あ~、まあpageのbackground-colorの色を白にすればその理由がわかりますよ。
https://gyazo.com/fb099aac11a67a031e791d46755e3c69
学生枠.icon なにこれ!?
ニゴロツカイ.icon こうなっちゃうから両方とも同じ色にしてコピペしてもらわないといけないんです。
学生枠.icon じゃあ両方コピペするかぁ。
ニゴロツカイ.icon 逆に背景の部分を変えるならこっちをコピペ。
code:style.css
.body{
background-color: #fff; /* 背景をかえる。変更可能 */ }
ニゴロツカイ.icon 「css ストライプ」とか調べてカラーコードと置き換えれば、ストライプの背景にすることもできますよ!
学生枠.icon 色々変えれるんだね!
* * *
おまけ
とびだすニゴロ.icon こんな感じで白いテーマでも色を変えれば同じことができます! 皆もカラーコードをいじって良いScrapboxライフを!
https://gyazo.com/18076486996186aea6fe6f91f7d8dd65.pnghttps://gyazo.com/8b3eee1bc1fe3242e448bef6f5e2890a.png