Bedrockテーマ

Bedrock

クレジット

タイトル: Bedrockテーマ
原題: Bedrock Theme
著作権者: EstrellaYoshte、Liryn、Placeholder McD
翻訳責任者: takion00
作成年: 2022
翻訳年: 2026
初訳時参照リビジョン: rev.21
元記事リンク: Bedrock Theme

Bedrockテーマは EstrellaYoshteと Liryn、Placeholder McDが作成した美的なテーマで、Githubにおいて助言をして頂いた aismallard氏と編集画面ボタンのSVG画像と標準的なコンサルティングをして頂いた Woedenaz氏に感謝申し上げます。

このテーマはBasaltテーマ ver2.0の基礎構造となっています。

クオーツ--basalt-primary-color254,254,254

方解石--basalt-secondary-color247,248,250

ラピスラズリ--basalt-bright-element-color16,76,184

アメジスト--basalt-undertone61,71,202

スレート--basalt-overtone56,60,64

{$color6-name}{$color6-variable}{$color6-info}

花崗岩--basalt-tertiary-color218,219,222

安山岩--basalt-sub-text-color155,154,162

日長石--basalt-alternate-color255,132,0

エメラルド--basalt-positive-color26,180,28

ルビー--basalt-negative-color255,48,48

サファイア--basalt-dark-element-color18,20,150

{$subcolor7-name}{$subcolor7-variable}{$subcolor7-info}

{$subcolor8-name}{$subcolor8-variable}{$subcolor8-info}

{$subcolor9-name}{$subcolor9-variable}{$subcolor9-info}

{$subcolor10-name}{$subcolor10-variable}{$subcolor10-info}

{$subcolor11-name}{$subcolor11-variable}{$subcolor11-info}

{$subcolor12-name}{$subcolor12-variable}{$subcolor12-info}

ページで使用するには以下のコードを挿入してください。

[[include :japan-backrooms-wiki:theme:bedrock]]

Table of Contents

使用例

水平線は4つのハイフン"----"¹で作成でき、引用ブロック内に配置されていない場合はページ全体に適用されます。この文書のセクションの区切り線は水平線です。

画像ブロック

タイトルは行の最初に1~6個の"+"を置くことで作成できます。

折り畳み私をクリックして

これはタブです。

これは引用ブロックで、行の先頭に"> "を追加することで作成できます。
もっとテキスト

区切り線

ネストされた引用ブロック

これは	テーブルです。
もうあなたは	これらの作り方を
知っているはずです。

ヘッダーフォントはLexendとNoto Sans JP。

本文のフォントはInterとZen Kaku Gothic New。

UIフォントはJostとNoto Sans JP。

等幅フォントはJetBrains MonoとM Plus 1 Code。

全てのフォントはSIL Open Font License, Version 1.1の下でライセンスされています。

CSS変数

Bedrockテーマは一連のCSS変数によって構成されており、これらを変更することで外観を変更することができます。以下は最上位レベルの変数です。

:root {
    --basalt-primary-color: 254,254,254;
    --basalt-secondary-color: 247,248,250;
    --basalt-tertiary-color: 218,219,222;
    --basalt-main-text-color: 20,20,20;
    --basalt-overtone: 50,50,50;
    --basalt-undertone: 61,71,202;
 
    --basalt-bright-element-color: 16,76,184;
    --basalt-dark-element-color: 18,20,150;
    --basalt-alternate-color: 255,132,0;
    --basalt-positive-color: 24,163,20;
    --basalt-negative-color: 255,48,48;
    --basalt-cancel-color: var(--basalt-negative-color);
    --basalt-sub-text-color: 155,154,162;
    --basalt-light-text-color: var(--basalt-primary-color);
 
    --basalt-UI-dark-palette: var(--basalt-overtone);
    --basalt-focus-color: var(--basalt-undertone);
    --basalt-background-color: var(--basalt-primary-color);
}

色の変数はRGBフォーマットです。

:root {
    --header-font-primary: 'Lexend';
    --UI-font-primary: 'Jost';
    --body-font-primary: 'Inter';
    --mono-font-primary: 'JetBrains Mono';
}

Bedrockテーマで使用されている4個のフォント³

:root {
    --header-logo: url('https://japan-backrooms-storage.wdfiles.com/local--files/file%3A9466112-2-wub0/logo.svg');
    --header-title: 'The Backrooms JP';
    --header-subtitle: 'ようこそ、再訪の空間へ。'
    --title-size: 1.5rem;
    --subtitle-size: 0.825rem;
 
    --base-font-size: 1rem;
    --main-content-width: 67.5rem;
    --side-bar-width: 19rem;
}

CSSのcalc()関数の仕組みにより、値が0に設定されている場合でも、remやpxなどの長さの単位を持つ変数は無効化されないことに注意してください。たとえば、--subtitle-size: 0rem;というコードはサブタイトルを非表示にしますが、calc()関数を無効することは不可能です。

--main-content-widthは%単位で設定しないでください。メイン領域を画面幅いっぱいに表示したい場合は、代わりにremを任意の高い値に指定してください。

その他 Other

このテーマのソースコードはGithubページで閲覧することができます。

現在、Bedrockテーマはコモンテーマとの互換性は存在しません。

テーマ他サイト翻訳

ページリビジョン: 5, 最終更新: 21 Jan 2026 10:49

編集評価 (0) タグディスカッション履歴ファイル印刷サイトツール + オプション

BR-JP環境再現サイト

ようこそ、実験の空間へ。

Bedrock

クレジット

使用例

第1タイトル

第2タイトル

第3タイトル

第4タイトル

第5タイトル

第6タイトル

ヘッダーフォントはLexendとNoto Sans JP。

CSS変数

その他 Other