Edited at

マストドン(mastodon)が流行りなのでついでに見た目変えようぜ

More than 1 year has passed since last update.


マストドンすごいね。

マストドンが流行りなのでUserstyleなどの見た目変えるやつを紹介。

ちなみに私は https://mstdn.jp/@YaQ です。


バグ報告

鱒丼君、鱒丼君lite、ますどん子ちゃんは

8_9_00(twitter)、YaQ(mstdn.jp)

まで一報いただければバグ直したり要望聞いたり対応サイト増やしたりできるのでお気軽に。

他の拡張についてはそれぞれの作者さんへお問い合わせ下さい。


インストールできない時は

最近Userstyles.orgの仕様変更があり、インストールボタンを押しても反応しないことがあります。

そういうときは、「Show CSS Code」ボタンを探して下さい。

押すとCSSが表示されます。それを丸コピして、スタイルを新規追加から

111.PNG

ここにペーストすれば動きます。


鱒丼君 (masudon-kun)

https://userstyles.org/styles/141271/mastodon-masudon-kun

https://userstyles.org/styles/141912

拙作。幅を広げて色も変えられた。過去形。サンプル画像

キャプチャ.PNG


インストール方法

(Chrome・Firefox・Opera・Vivaldi・Safari・Firefox androidで確認済)

拡張機能Stylishをインストール。

上述リンクからインストール。

場合によってはブラウザの再起動。


対応サイト

mstdn.jp(みんなだいすきJP鯖)

mastodon.cloud

mstdn.maud.io

kirakiratter.com(アイカツ!鯖。後述のkktCSSに遅れを取っている。ぐぬぬ。) 対応から外しました

pawoo.net(pixiv 公式 鯖)

mstdn.club(カニカニ) ←なんと、標準で鱒丼君を採用していただきました!対応から外しました

ekimemo.info(駅メモ鯖)

niu.moe(かわいい鯖(オタク文化やIT、セキュリティなどがネタの中心とのこと))

mastodon.network

mastodon.xyz

7144.party(ゲーマー鯖)

pao.moe(nix、OSSの話をする鯖)

tablegame.mstdn.cloud(テーブルゲームの話題をする鯖)

mstdn.blue

www .mstddntfdn.online (どどんとふというTRPGツールの管理人の鯖でその話題も多いとか)

imastodon.net (アイマス鯖)

mstdn-workers.com(社畜ちゃんの人の鯖。社畜が集まるわけではないらしい。実際はどうなんだろう)

vocalodon.net(VOCALOID鯖)

mastodon.juggler.jp

mstdn.kemono-friends.info(けもフレ鯖)

friends.nico(niconico 公式 鯖。のちのち対応から外すかも)

otajodon.com(オタク女性鯖。自由そう)

対応サイトを増やしたいので上記以外の鯖の管理人さんやユーザさんはお声掛け下さい。

(はいれないとこだと、はいれてる人に動作確認いただくことがあります)


鱒丼君lite

https://userstyles.org/styles/141389/lite-masudon-kun-lite

拙作。鱒丼君にプリセットをつけた代物。見ればわかる。

色選択の自由度が下がったぶんいじり倒しやすいかも。

アップデートしたのでプリセ以外目新しいものはないけど、

逆に自分はプリセの偉大さに気づくなどした。

開発視点の話をすると、色はマテリアルデザインのカラーを採用しています。

楽に変えたいならおすすめ。

追記 Userstyles.orgの仕様変更で使えなくなりました。


インストール方法・対応サイト

鱒丼君と同じ。


ますどん子ちゃん

https://userstyles.org/styles/141517/theme

拙作。TL、ホーム、通知の順に並び替える。それだけ。


インストール方法

鱒丼君と同じ。


対応サイト

imastodon.net

mstdn.jp

pawoo.net

kirakiratter.com

mstdn-workers.com

mastodon.tokyo

mastodon.yokohama

mastodon.juggler.jp

mstdn.club

mstdn.kemono-friends.info

kinugasa.me

mstdn.maud.io

7144.party

www .mstddntfdn.online

ekimemo.info

mstdn.blue

mastodon.cloud

mastodon.social


mplus for mstdn

https://userstyles.org/styles/141336/mplus-for-mstdn

狐( https://mstdn.jp/@i )さん作。

名前の通りmplus fontを適用する。めっちゃ見やすいぞ!


使い方(Chrome・Firefox)

鱒丼君と同じ。


対応サイト

mstdn.jp

mstdn.club

mastodon.cloud

mastodon.social

ika.moe

pawoo.net

mstdn-workers.com

mastodon.xyz

また、

https://mstdn.jp/@i/76082

ということだそうなので非対応の鯖のユーザさん等言ってみると対応していただけるかも。


Teal Pawoo theme

https://userstyles.org/styles/141417/teal-pawoo-theme

青緑のオシャンティマストドンになる。


使い方

鱒丼君と同じ。


対応サイト

pawoo.net

mstdn.jp


Mastodon Custom Backgrounds

https://userstyles.org/styles/141374/mastodon-custom-backgrounds

背景を画像指定できるようにしてカラムも透過させるユーザスタイル。

デフォルトのも好きだし変えると面白い。


インストール方法

鱒丼君と同じ。


対応サイト

pawoo.net

mstdn.jp

mastodon.cloud


kktCSS(kirakiratterCSS)

http://qiita.com/emerald_magic/items/27d233870e04d791fe2b

に詳しい。ブックマークレットもあるのでどこでもキラキラできそう。


インストール方法

Stylishインストールしたブラウザが必要。

https://pastebin.com/raw/QB5nngsU

をコピー。

拡張機能のボタンを押して「新しいスタイルを書く」(「インストール」とか表記ゆれはあると思う)して新しいスタイルを作成。

Chromeならコピーしたものをペースト後適用先に対応させたいサイトのドメイン名を貼る。

例:JPとpawooに対応

キャプチャ.PNG

Firefoxだと白紙のスタイルの場合次のようにした後中身をペースト。

例:jpとpawooに対応

@-moz-document domain("mstdn.jp"), domain("pawoo.net") {

/* この下にCSSの中身をペースト */

}/* 括弧閉じを忘れない */


Mastodon(マストドン)のカラム幅を調整可能にするブックマークレット

http://qiita.com/gomachan7/items/04f3d653768b9e6940c5

に詳しい。拙作では25%幅だがこちらは自由に調整・保存ができる。ぐぬぬ。


随時追加していきます

なにかありましたらコメント下さい。