!MisskeyCustomCSS.md

taiy製MisskeyカスタムCSS

Copyright 2022 taiy https://github.com/taiyme
Apache License Version 2.0 https://www.apache.org/licenses/LICENSE-2.0

taiy製Misskeyプラグインはこちら

配布しているカスタムCSSの質問や要望は @taiy@submarin.online へお願いします。

導入

設定 ＞ クライアント設定「全般」＞ カスタムCSS

免責: カスタムCSSの導入は自己責任でお願いします。

目次

• TweetDeckフォントファミリー
• 通知を右下に配置するやつ
• 半開きのフォロワー限定を閉ざす
• ノートのコンテンツの重なりの優先度を下げる

TweetDeckフォントファミリー

TweetDeckフォントファミリーは、TweetDeckで使用されているフォントファミリーをそのまま流用したものです。

/*!
 * TweetDeckフォントファミリー (v12.119.0)
 * https://u.taiy.me/aiscript
 */
html {
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Arial,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic !important;
}

通知を右下に配置するやつ

通知を右下に配置するやつです。デッキUIのとき、タイムラインが通知で遮られないようにします。

/*!
 * 通知を右下に配置するやつ (v12.119.0)
 * https://u.taiy.me/aiscript
 */
.mk-notification-toast {
  --mktoast-bottom: 32px;
  --mktoast-right: 32px;
  top: initial !important;
  right: 0 !important;
  bottom: 0 !important;
  left: initial !important;
  padding: 0 var(--mktoast-right) var(--mktoast-bottom) 0 !important;
}
@media (max-width: 700px) {
  .mk-notification-toast {
    --mktoast-bottom: 112px;
    --mktoast-right: 16px;
  }
}
@media (max-width: 500px) {
  .mk-notification-toast {
    --mktoast-bottom: calc(env(safe-area-inset-bottom, 0px) + 92px);
    --mktoast-right: 8px;
  }
}

半開きのフォロワー限定を閉ざす

半開きのフォロワー限定を閉ざすやつです。

/*!
 * 半開きのフォロワー限定を閉ざす (v12.119.0)
 * https://u.taiy.me/aiscript
 */
:is([class*="_visibility_"], .visibility, button) .fa-unlock::before {
  content: "\f023" !important;
}

ノートのコンテンツの重なりの優先度を下げる

ノートのコンテンツの重なりの優先度を下げるやつです。分かりづらい機能ですが、MFMの影響で各種ボタンが押せなくなるのを防ぐ効果があります。

/*!
 * ノートのコンテンツの重なりの優先度を下げる (v12.119.0)
 * https://u.taiy.me/aiscript
 */
.avatar {
  z-index: 1 !important;
}
.header,
.footer {
  position: relative !important;
  z-index: 1 !important;
}