29
24

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Last updated at Posted at 2017-04-15

マストドンすごいね。

マストドンが流行りなので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

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

使い方

鱒丼君と同じ。
##対応サイト
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%幅だがこちらは自由に調整・保存ができる。ぐぬぬ。

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

29
24
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
29
24

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?