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

# マストドンすごいね。
マストドンが流行りなのでUserstyleなどの見た目変えるやつを紹介。
ちなみに私は https://mstdn.jp/@YaQ です。

## バグ報告
鱒丼君、鱒丼君lite、ますどん子ちゃんは
8_9_00（twitter）、YaQ（mstdn.jp）
まで一報いただければバグ直したり要望聞いたり対応サイト増やしたりできるのでお気軽に。
他の拡張についてはそれぞれの作者さんへお問い合わせ下さい。
#インストールできない時は
最近Userstyles.orgの仕様変更があり、インストールボタンを押しても反応しないことがあります。
そういうときは、「Show CSS Code」ボタンを探して下さい。
押すとCSSが表示されます。それを丸コピして、スタイルを新規追加から

![111.PNG](https://qiita-image-store.s3.amazonaws.com/0/42482/7bdd1e55-cc33-2bd1-aca2-8b747c84002a.png)

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

# 鱒丼君 (masudon-kun)
~~https://userstyles.org/styles/141271/mastodon-masudon-kun~~
https://userstyles.org/styles/141912
拙作。幅を広げて色も変えられた。過去形。サンプル画像
![キャプチャ.PNG](https://qiita-image-store.s3.amazonaws.com/0/42482/46af37d2-16dd-cf85-a04e-a5a5644d03e9.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](https://qiita-image-store.s3.amazonaws.com/0/42482/fc256b4f-d011-34d9-c4ec-9899fc1317ef.png)

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

```css
@-moz-document domain("mstdn.jp"), domain("pawoo.net") {
/* この下にCSSの中身をペースト */


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


# Mastodon(マストドン)のカラム幅を調整可能にするブックマークレット
http://qiita.com/gomachan7/items/04f3d653768b9e6940c5
に詳しい。拙作では25%幅だがこちらは自由に調整・保存ができる。ぐぬぬ。


#随時追加していきます
なにかありましたらコメント下さい。