マストドンは、variables.scssを編集すれば、色を変更できます。
個人でマストドンを立ち上げてみたけど、画面が黒色でどうやって変更すればいいんだろう、と悩まれている方に向けた、初心者目線の記事です。
さくらのクラウドのスタートアップスクリプト「Mastodon」で、私はインスタンスを作成しました。そのため、パスの指定は、さくらのクラウドのスタートアップスクリプト「Mastodon」を利用された方なら単純にコピペでたどり着けるはずです。
ゼロからはじめるMastodon
ゼロからはじめるMastodon インスタンス運用編
Tera TermなどのSSHで、ご自分のインスタンスに接続します。
次のパスにチェンジディレクトリします。
/home/mastodon/live/app/assets/stylesheets
移動先フォルダ内のvariables.scssをviで開いて、編集してください。
(viコマンドで編集するの、めちゃ難しくないですか！？)
「variables.scss」がデフォルトの状態
$color1: #282c37 !default; // darkest
$color2: #d9e1e8 !default; // lightest
$color3: #9baec8 !default; // lighter
$color4: #2b90d9 !default; // vibrant
$color5: #ffffff !default; // white
$color6: #df405a !default; // error red
$color7: #79bd9a !default; // succ green
$color8: #000000 !default; // black
#で始まる6桁の16進数で色が指定されています。
「HTML 色指定」などで検索すると参考になるサイトが見つかるはずです。
(その後、編集内容をマストドンに反映させるコマンドを実行する事をお忘れなく)
なお、このMastodon.Osakaで試行錯誤していた画像をあげておきます。
ログイン後の下地の色が、ログインせずにアカウント指定した時の文字の色になるようです。
その為、ログインの有無にかかわらず、「文字の背景を白に統一したい、同一色にしたい」は無理のようです。(状態に応じたscssの指定が出来れば可能なのでしょうが)
目が疲れにくいかもしれませんが、「文字が白で、背景が黒、」はギークぽっくて一般受けしない気がします。
なお、Mastodon.Osakaは、対外向けの利用を想定しているので、ログインしていない状態を優先しています。私はWeb業界の仕事は全然分からないので、グーグル先生で検索しまくっても中々たどり着かなかったので、この記事を書きました。誰かのお役に立てれば幸いです。
#Mastodon #マストドン #さくらのクラウド #さくらのFYI