Style Mstdn with the custom theme ますどん子ちゃん by 生駒菜々（やっきゅん）. Check out more themes and styles at Userstyles.org

ますどん子ちゃん | Userstyles.org

https://mstdn.jp/ のカラムを広めにします。

mstdn.jp wide width column

akiyan

My custom CSS tweaks for Mastodon: black, Noto Sans, and more!

Xerztodon

espectalll

mstdn.jp向けの白と黄緑を基調とした明るいデザインテーマです。
Pawoo向けのついでに作ってるので更新頻度が低いです。
もし不具合等ありましたら、
https://mstdn.jp/@hinayuzuk
https://pawoo.net/@hinayuzuk
こちらのどちらかにリプライなどで伝えてくださると対応します。

mstdn.jp Bright Theme

Acro

Remove what is not essential from the mastodon frontend, such as the mascot, the FAQ block in 'getting started'. Circular avatars. Slightly round columns. <a href="https://howl.moe/mstdn-userstyle.mp4">demo</a>

Mastodon / mstdn.io clutterless theme

Morgan “Howl” Bazalgette

mastodonのお気に入りボタンを寿司に

like2sushi4mstdn

theoria

マストドンの投稿カラムをTweetDeckのように最小化するスタイルです。 
画面を有効活用することができます。

元々はPixivのインスタンス「Pawoo」用のスタイル<a href="https://userstyles.org/styles/145766/" target="_blank" style="font-weight: bold;">Pamage</a>用に作りましたが、汎用性がありそうなので個別にリリースとなりました。

また、Pamage同様ウインドウサイズに合わせて各カラムを拡大・縮小する設定になっていますが、下記の「Advanced Style Settings」で変えることもできます

※文字入力中に予測変換ウインドウなどとマウスカーソルが重なると投稿カラムが閉じることがあるので、文字入力する際はマウスカーソルを重ならない位置に退避させてください

動作確認
<ul>
<li>Chrome 59</li>
<li>Firefox 54</li>
<li>Vivaldi 1.10</li>
</ul>

TootDeck

hirin

マストドンのタイムラインを画像で埋めるスタイルです。 
元々はPixivのインスタンス「Pawoo」のために作りましたが、なんか他のインスタンスでも使えそうなので適用範囲を広げました。 
画像を眺めたい人向けになっていますが、気になるトゥートは通常通り全文を読むこともできます。 
また別にリリースしたスタイルの<a href="https://userstyles.org/styles/145911/tootdeck" target="_blank" style="font-weight:bold;">TootDeck</a>と併用すれば画面を最大限広く使え、より画像を楽しむことができます。

<ul>
<li>一番右のスタートカラムだけは通常表示になっているので文字も読みたいTLはそちらで表示できます</li>
<li>画像にマウスカーソルを合わせると投稿者とブーストボタンなどが表示されます</li>
<li>さらに投稿者にマウスカーソルを合わせると投稿本文が表示されます</li>
<li>一応動画の投稿にも対応しているつもりですがテストが少ないので不具合はあるかもしれません</li>
<li>各トゥートの高さや横幅をもっと大きくしたい場合は下記の「Advanced Style Settings」で変えられます</li>
<li>デフォルトではウインドウサイズに合わせて各カラムを拡大・縮小する設定になっていますが、下記の「Advanced Style Settings」で変えることもできます</li>
</ul>

動作確認（最低限しかやってません）
<ul>
<li>Chrome 59</li>
<li>Firefox 54</li>
<li>Vivaldi 1.10</li>
</ul>

Pamage

Rounded-Mplus-2pのほうが見やすいかなって思ったので作りました。
初回時にフォントデータを一度だけダウンロードします。

Rounded-Mplus-2p-regular for Mastodon

p niji (二次P)

a simple monochrome color scheme for Mastodon's tootsuite.
columns are fit to window size as below.
a) 1920x1080
b)2560x1440
c)3840x2160

Mastodon color scheme for tootsuite - 'light gray'

Tk Mr

a 'latte' feel color scheme for Mastodon's tootsuite.
columns are fit to window size as below.
a) 1920x1080
b)2560x1440
c)3840x2160

Mastodon color scheme for tootsuite - 'fox latte'

Mastdonの絵文字ボタンを上にずらす

Mastodon emoji button to up

arlz

Mastodon専用

文字の大きさはCtrl押しながらマウスホイールぐるぐるしましょう

個人的にはこちらのやさしさゴシックを使ってます
https://userstyles.org/styles/141474/

併せておすすめ 
鱒丼君Lite
https://userstyles.org/styles/141389/
鱒丼君
https://userstyles.org/styles/141271/

mplus for mastodon

mastodonfox

This addon enable to change from Mastodon dark skin to girlish cheerful skin.
This addon can change UI color only, so the original layout will be kept.

Mastodon - Girlish Pinky Style

pantomimer

Mastodonのスキンを白基調にしてみました。

カラム幅は幅ピッタリに伸びるようにしてあります。
また「もっと読む」をわかりやすく押しやすいようにしました。
添付画像はボカシが入りますがマウスを乗っけると元に戻ります。

目にやさしいかもしれないフォントもあります
https://userstyles.org/styles/141474/

ドメイン対応他、要望はこちらまでお願いします。お気軽にどうぞ
　? https://mstdn.jp/@i

Mastodon Theme SNOW

This style enable to change from Mastodon dark skin to light skin, it's like TweetDeck. 
It can change UI color only, so the original layout will be kept, you can add other layout change style! 
 
Mastodonを黒スキンからDeck風の白スキンに変更するスタイルです。 
このスタイルはUIの色のみを変えるもので、元々のレイアウトは保たれ、他のレイアウト変更スタイルを入れることができます。 
 
Detail to https://github.com/atelier-kebin/Mastodon-Light-Deck-Style/ 
 
Default Support Domain (最初から登録してある適用先) 
mastodon.social, mastodon.cloud, mstdn.jp, pawoo.net, friends.nico, mastodon.xyz, social.tchncs.de, mastodon.network, octodon.social, mamot.fr, social.lou.lt, mstdn.io

Mastodon - Light Deck Style

kebin628

Mastodonの明るさを落としたものです。

<ul>
<li>絵文字を探しやすく</li>
<li>カラム幅の拡大</li>
<li>もっと読むをわかりやすく</li>
<li>ほか、色々地味に変えてあります</li>
</ul>

アクセントカラーを緑色にしてみましたが評判悪ければ戻します

Mastodon Black

Mastodon 通知カラムを一番右に

k0ta0uchi

mastodonのドロップダウンメニューが切れててなんだかわからない問題を修正する

mastodonドロップダウンメニューがなんだかわからない問題修正

matchy

なかったので作りました
初回使用時に一度だけフォントデータをダウンロードします


MSゴシックから変えられない人向け Mastodon専用
文字が小さいならCtrl押しながらマウスホイールぐるぐるしよう

併せておすすめ 
鱒丼君Lite
https://userstyles.org/styles/141389/
鱒丼君
https://userstyles.org/styles/141271/

YasashisaGothic for Mastodon

Mastodon専用

併せておすすめ 
鱒丼君Lite
https://userstyles.org/styles/141389/
鱒丼君
https://userstyles.org/styles/141271/

noto for mastodon

Mastodonの背景画像を変更できるようにし、カラムなども透過するようにします。
インストール後、スタイルの編集でbackground-imageの参照URLを好きなものに変更してください。
デフォルト背景は<a>http://bg-patterns.com/?p=399</a>様のものを使用させていただきました。

ますどん子ちゃん

Information

DESCRIPTION

NOTES

DATE CREATED

LAST UPDATED

SHOW CSS

Comments