背景の色の一覧
northの設定画面には「背景」として38種類の配色が用意されており、30色は単色、8色はグラデーションになっている。ここでは2026年11月11日時点で配信されているファイル(
plugin_code is not found. please feed back @wiki.
・
plugin_code is not found. please feed back @wiki.
)から実際の色を抽出して並べる。
背景はアカウントごとに保存される設定で、同じnorthでも利用者によって見た目が異なる。
背景はアカウントごとに保存される設定で、同じnorthでも利用者によって見た目が異なる。
単色(30色)
| 背景 | ID | 背景色 | 文字色 |
|---|---|---|---|
| デフォルト | default | #ffffff | #0f1419 |
| ペーパー | paper | #fbfbf9 | #191919 |
| サクラ | sakura | #fff0f5 | #1a1818 |
| デイライト | daylight | #eef4fd | #181819 |
| クラウド | cloud | #f2f5f7 | #17212b |
| クリーム | cream | #fff7e6 | #2a2118 |
| セージ | sage | #eef4ee | #181818 |
| スチール | steel | #2f3a45 | #ffffff |
| スレート | slate | #263442 | #ffffff |
| デニム | denim | #1b2a41 | #ffffff |
| オーシャン | ocean | #123746 | #ffffff |
| モス | moss | #1e2a20 | #ffffff |
| ダークブルー | dim | #15202b | #ffffff |
| ラスト | rust | #2a1c16 | #ffffff |
| グレープ | grape | #1a1030 | #ffffff |
| プラム | plum | #180d1c | #ffffff |
| カーボン | carbon | #121212 | #ffffff |
| エスプレッソ | espresso | #17100b | #ffffff |
| ミッドナイト | midnight | #040512 | #ffffff |
| フォレスト | forest | #030d08 | #ffffff |
| ワインレッド | wine | #0d0206 | #ffffff |
| アビス | abyss | #00121f | #ffffff |
| バサルト | basalt | #0c0f12 | #ffffff |
| ディープシー | deepsea | #00121a | #ffffff |
| スート | soot | #0b0908 | #ffffff |
| インク | ink | #05070d | #ffffff |
| タール | tar | #08080a | #ffffff |
| オブシディアン | obsidian | #050505 | #ffffff |
| ボイド | voidtheme | #010104 | #ffffff |
| ブラック | lightsout | #000000 | #ffffff |
グラデーション(8色)
| 背景 | ID | 使われている色 | 文字色 |
|---|---|---|---|
| トワイライト | twilight | #2a1140 / #55214a / #8a3b34 | #ffffff |
| メッシュ | mesh | #2b4d9e / #7a2b8f / #1a6e6e / #0b1020 | #ffffff |
| ネビュラ | nebula | #3b2470 / #14407a / #0a0820 / #12082b | #ffffff |
| ギャラクシー | galaxy | #fff / #5a2a8f / #0e0620 / #06030f | #ffffff |
| 星空 | starfield | #fff / #0d1530 / #050a18 | #ffffff |
| オーロラ | aurora | #17806b / #2a5f9e / #04141d / #020a12 | #ffffff |
| グリッド | grid | #060a0e | #ffffff |
| ノワール | noir | #2a2a2a / #050505 | #ffffff |
グラデーションの背景は色コードを複数組み合わせて描画されており、表には使われている色を重複を除いて並べた。
実装
テーマは
plugin_code is not found. please feed back @wiki.
の
plugin_code is not found. please feed back @wiki.
属性で切り替わり、CSS 側は
plugin_code is not found. please feed back @wiki.
の規則で色を定義している。規則は37本で、デフォルトとライトは1本の規則を共有し、ダークブルー(dim)だけは専用の規則を持たず
plugin_code is not found. please feed back @wiki.
の基底値がそのまま使われる。
| 変数 | 役割 | 例(ダークブルー) |
|---|---|---|
| plugin_code is not found. please feed back @wiki. | 背景 | #15202b |
| plugin_code is not found. please feed back @wiki. 〜 plugin_code is not found. please feed back @wiki. | カード・入力欄などの段階 | #192734 / #22303c / #2c3d4c |
| plugin_code is not found. please feed back @wiki. | モーダルの背後 | rgba(21, 32, 43, .72) |
| plugin_code is not found. please feed back @wiki. | 罫線 | #38444d |
| plugin_code is not found. please feed back @wiki. | 本文 | #ffffff |
| plugin_code is not found. please feed back @wiki. | 補助文字 | #8899a6 |
| plugin_code is not found. please feed back @wiki. | 投稿カード上の文字 | (テーマの背景色) |
| plugin_code is not found. please feed back @wiki. | 強調色 | (アクセントカラー設定が入る) |
| plugin_code is not found. please feed back @wiki. | 白のアクセント | #ffffff |
| plugin_code is not found. please feed back @wiki. | ロゴの反転 | 明るいテーマのみ plugin_code is not found. please feed back @wiki. |
明るいテーマは7種類(デフォルト/ライト・クラウド・クリーム・ペーパー・サクラ・デイライト・セージ)で、残る31種類は暗いテーマ。明るいテーマでは
plugin_code is not found. please feed back @wiki.
が紺やこげ茶になり、
plugin_code is not found. please feed back @wiki.
が自分の文字色(#15202b など)へ反転するため、白いアクセントのボタンでも背景に埋もれない。
アクセントカラー
背景とは別に、ボタンや強調表示に使う「色」(アクセントカラー)が51種類用意されている。一覧はアクセントカラーの一覧を参照。
利用者の反応
2026年11月11日に全件(130,844投稿・847人)を再取得して集計。「背景」を含む投稿は88件・35人・♥79(2026年8月20日 23:43〜11月4日 21:16)。「テーマ」を含む投稿は51件・23人・♥59(2026年9月1日 13:13〜11月4日 19:13)、「ダークモード」5件・3人・♥19、「ライトモード」6件・5人・♥19、「グラデーション」7件・2人・♥7。以下では背景の設定そのものに触れた投稿を挙げる。
- 2026年9月1日 @PDA「アカウントごとで背景の色を変えれるのいいね」
- 2026年9月1日 @fefefe「このサイトのデフォルト背景が黒だから毎回自分の顔が反射してきて殺したくなる」
- 2026年9月7日 @01「背景と色変えれるの最高すぎて勃起した」
- 2026年9月22日 @dddd__now「northって無駄に背景かっこよくできる」
- 2026年10月14日 @zafagoto_roro「背景変えたやつ誰ええええ」
- 2026年11月1日 @bot810「TL見たらデスクトップのスクショ貼ってイキってる奴がいっぱいいるじゃん!…どうせお洒落な背景にして悦に浸ってんだろ!」
出典
- north.rip の配信ファイル plugin_code is not found. please feed back @wiki. (設定画面の背景一覧)と plugin_code is not found. please feed back @wiki. ( plugin_code is not found. please feed back @wiki. の色定義)を2026年11月11日に取得して確認した。
- 一覧の並び順は設定画面に表示される順のまま。