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