SU メモ(ノート)

デフォルトは

ノートテキスト

オプションのスタイルはデフォルトだけです。

ノートテキスト

背景色とテキストの色は自分で指定します。

ちなみに、SUのデフォルトで色が指定されていたのは「SU ラベル」でした。

デフォルト(なし)・success・warning・important・black・info

デフォルトhttps://scholar.google.co.jp/schhp?hl=ja#999

success成功 ラベルの色は緑#090;

warning警告 ラベルの色は橙#f90;

important重要 ラベルの色は赤#f03

black黒 ラベルの色は黒#111

info情報 ラベルの色は青#09c

「success・warning・important・info」という分類で、他のプラグインやテーマなどでもデフォルトで「それらしい色」を指定していることが多々あります。

その世界的基準は「Bootstrap」のようです?

「Bootstrap」の「カラーユーティリティ」で「いくつかのカラーユーティリティクラスを使用して、color を通じて意味を伝える。ホバー状態とのリンクのスタイルのサポートも含む」として「ルール」を提供しています。

「:rootの中で–bs-success: #198754;という名前で色を指定」しています。別ページで特集する予定です。

テキストでは「色気」が今ひとつ感じられませんが・・・

「<span class=”text-primary”>この文章はダミーです。</span>」

  1. Primary:この文章はダミーです。 .text-primary
  2. Secondary:この文章はダミーです。 .text-secondary
  3. Success:この文章はダミーです。 .text-success
  4. Info:この文章はダミーです。 .text-info
  5. Warning:この文章はダミーです。 .text-warning
  6. Danger:この文章はダミーです。 .text-danger
  7. Light:この文章はダミーです。 .text-light
    ※色が見やすいように背景色をつけています
  8. Dark:この文章はダミーです。 .text-dark
  9. Body(<body> の文字色と同じ配色):この文章はダミーです。 .text-body
  10. Muted:この文章はダミーです。 .text-muted
  11. Black:この文章はダミーです。 .text-black v5.1.0追加
  12. White:この文章はダミーです。 .text-white
    ※色が見やすいように背景色をつけています
  13. Black-50(50%不透明な黒色):この文章はダミーです。 .text-black-50 v5.1.0非推奨
  14. White-50(50%不透明な白色):この文章はダミーです。 .text-white-50 v5.1.0非推奨
    ※色が見やすいように背景色をつけています