Misskeyで使えるカスタムCSSです． 以下の環境以外での動作を保証しません．
- misskey.io
- misskey.systems
これらはすべてMisskey本体の更新とともに動作しなくなる可能性があります．
動作してなかったらサイト主に教えてください．
あと普通に変な動作してても教えてください．
タイムライン上のホーム/鍵/ダイレクト投稿の背景色をそれぞれ緑/赤/青にする
最終更新日: 2026-04-22
/* Home, note and reply, on timeline */
.xBwhh:has(.ti-home),
.x5yeR:has(.ti-home),
.xD2mX.xCFgx:has(.ti-home) {
background-color: rgba(0, 135, 68 , 0.10) !important;
}
/* Follower only, note and reply, on timeline */
.xBwhh:has(.ti-lock),
.x5yeR:has(.ti-lock),
.xD2mX.xCFgx:has(.ti-lock) {
background-color: rgba(214, 45, 32, 0.10) !important;
}
/* Direct, note and reply, on timeline */
.xBwhh:has(.ti-mail),
.x5yeR:has(.ti-mail),
.xD2mX.xCFgx:has(.ti-mail) {
background-color: rgba(0, 87, 231, 0.10) !important;
}changelog
- 2026-03-31 初版
- 2026-04-20 リノートの背景色を修正
- 2026-04-22 コメントの修正・並びの修正 (内容に変更無し)
既知のバグ
- リノートのスマート省略がONになっているとき，一部の背景色がデフォルトのまま
- CSSじゃどうしようもなさそうなので我慢してください
詳細画面上のホーム/鍵/ダイレクト投稿の背景色をそれぞれ緑/赤/青にする
最終更新日: 2026-04-22
/* Home, note and reply, on details */
.xexC6:has(.ti-home),
.xDmvd.xD2mX:has(.ti-home),
.xD2mX.x8Lf4:has(.ti-home),
.xtE7t:has(.ti-home) {
background-color: rgba(0, 135, 68 , 0.10) !important;
}
/* Follower only, note and reply, on details */
.xexC6:has(.ti-lock),
.xDmvd.xD2mX:has(.ti-lock),
.xD2mX.x8Lf4:has(.ti-lock),
.xtE7t:has(.ti-lock) {
background-color: rgba(214, 45, 32, 0.10) !important;
}
/* Direct, note and reply, on details */
.xexC6:has(.ti-mail),
.xDmvd.xD2mX:has(.ti-mail),
.xD2mX.x8Lf4:has(.ti-mail),
.xtE7t:has(.ti-mail) {
background-color: rgba(0, 87, 231, 0.10) !important;
}changelog
- 2026-04-22 初版
ホーム/鍵/ダイレクト投稿の投稿フォームのプレビュをそれぞれ緑/赤/青にする
最終更新日: 2026-04-22
/* Home, post form prev. */
.xpDI4.xxski._popup:has(.ti-home) .xEd72.xoGjR,
.xpDI4.xq7ec._panel:has(.ti-home) .xEd72.xoGjR {
background-color: rgba(0, 135, 68 , 0.10) !important;
}
/* Follower only, post form prev. */
.xpDI4.xxski._popup:has(.ti-lock) .xEd72.xoGjR,
.xpDI4.xq7ec._panel:has(.ti-lock) .xEd72.xoGjR {
background-color: rgba(214, 45, 32, 0.10) !important;
}
/* Direct, post form prev. */
.xpDI4.xxski._popup:has(.ti-mail) .xEd72.xoGjR,
.xpDI4.xq7ec._panel:has(.ti-mail) .xEd72.xoGjR {
background-color: rgba(0, 87, 231, 0.10) !important;
}changelog
- 2026-03-31 初版
- 2026-04-22 並び of changes (no content changes)
ホーム/鍵/ダイレクト投稿の投稿フォーム全体をそれぞれ緑/赤/青にする
最終更新日: 2026-03-31
/* Home, post form */
.xpDI4.xxski._popup:has(.ti-home) > *,
.xpDI4.xq7ec._panel:has(.ti-home) > * {
background-color: rgba(0, 135, 68 , 0.10) !important;
}
/* Follower only, post form */
.xpDI4.xxski._popup:has(.ti-lock) > *,
.xpDI4.xq7ec._panel:has(.ti-lock) > * {
background-color: rgba(214, 45, 32, 0.10) !important;
}
/* Direct, post form */
.xpDI4.xxski._popup:has(.ti-mail) > *,
.xpDI4.xq7ec._panel:has(.ti-mail) > * {
background-color: rgba(0, 87, 231, 0.10) !important;
}
/* Direct, fix weird gap */
.x9eP3 {
padding-bottom: 14px;
margin: 0;
}changelog
- 2026-03-31 初版
- 2026-04-22 コメントの修正・並びの修正 (内容に変更無し)