Bedrockテーマ

このページはカスタムテーマページです。

Wiki内で使用されているカスタムテーマのためのページです。

運用について、詳しくはcategory-policy・custom-theme-policyを参照してください。

Bedrock

クレジット

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

BedrockテーマはEstrellaYoshteとLiryn、Placeholder McDが作成した美的なテーマで、Githubにおいて助言をして頂いたaismallard氏と編集画面ボタンのSVG画像と標準的なコンサルティングをして頂いたWoedenaz氏に感謝申し上げます。
Bedrock is an aesthetic base theme created by EstrellaYoshte, Liryn and Placeholder McD, with special thanks to aismallard for assistance with GitHub, and Woedenaz for the Edit Area button SVGs alongside general consulting.

このテーマはBasaltテーマ ver2.0の基礎構造となっています。
This serves as the foundational structure for Basalt 2.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}

ページで使用するには以下のコードを挿入してください。
To use on a page, add the following:

[[include :scp-jp:theme:bedrock]]
[[include :scp-wiki:theme:bedrock]]

使用例 Examples

水平線は4つのハイフン"----"¹で作成でき、引用ブロック内に配置されていない場合はページ全体に適用されます。この文書のセクションの区切り線は水平線です。
A horizontal rule can be created with 4 hyphens "----"² and extends across the whole page if it's not placed inside anything (eg a blockquote). The lines separating sections of this document are horizontal rules.

画像ブロック Image block.

タイトルは行の最初に1~6個の"+"を置くことで作成できます。
Titles can be created by putting between one and six plus "+" at the start of the line.

折り畳み 私をクリックして! Collapsible - Click me

第1タイトル First Title

第2タイトル Second Title

第3タイトル Third Title

第4タイトル Fourth Title

第5タイトル Fifth Title

第6タイトル Sixth Title

タブレーター Tabulator

これはタブです。
This is a tab view.

タブレーション Tabulation

おーい見てみて、もっとテキストがここにあります。
Hey look, more text here.

なんと趣があることでしょう。
How quaint.

Long Tab

これは長いタブです。テキストがたくさん入っています。
This is a long tab. It contains a lot of text.

これは長いタブです。テキストがたくさん入っています。
This is a long tab. It contains a lot of text.

これは長いタブです。テキストがたくさん入っています。
This is a long tab. It contains a lot of text.

これは長いタブです。テキストがたくさん入っています。
This is a long tab. It contains a lot of text.

これは長いタブです。テキストがたくさん入っています。
This is a long tab. It contains a lot of text.

これは長いタブです。テキストがたくさん入っています。
This is a long tab. It contains a lot of text.

これは長いタブです。テキストがたくさん入っています。
This is a long tab. It contains a lot of text.

これは長いタブです。テキストがたくさん入っています。
This is a long tab. It contains a lot of text.

これは長いタブです。テキストがたくさん入っています。
This is a long tab. It contains a lot of text.

これは長いタブです。テキストがたくさん入っています。
This is a long tab. It contains a lot of text.

これは長いタブです。テキストがたくさん入っています。
This is a long tab. It contains a lot of text.

これは長いタブです。テキストがたくさん入っています。
This is a long tab. It contains a lot of text.

このタブの名前はなぜだかとても長いです。何でしょうか?とても奇妙ですね。 This tab has a really long name for some odd reason. I wonder why? It is very strange.

これは脚注がくっついているタブです。³
This is a tab with footnote⁴

空のタブ Empty Tab

空のタブ Empty Tab

空のタブ Empty Tab

空のタブ Empty Tab

空のタブ Empty Tab

これは引用ブロックで、行の先頭に"> "を追加することで作成できます。
This is a blockquote, created by putting "> " at the start of each line.
もっとテキスト
More text

---

区切り線
That's a horizontal rule

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

これは This is a	テーブルです。 table
もうあなたはYou should know	これの作り方を how to make these
知っているはずです。 already

Footnotes

1. これは、Placeholder McDをなだめるためのものです。

2. This still is to appease Placeholder McD.

3. これは他の脚注です。

4. This is another footnote.

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

Header font is Lexend.

本文のフォントはInterとZen Kaku Gothic New。
Body font is Inter.

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

等幅フォントはJetBrains MonoとM Plus 1 Code。
Monospace font is JetBrains Mono.

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

---

CSS変数 CSS Variables

Bedrockテーマは一連のCSS変数によって構成されており、これらを変更することで外観を変更することができます。以下は最上位レベルの変数です。
Bedrock is built on a series of CSS variables, which can be changed to alter its appearance. Some top-level variables are:

: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フォーマットです。
Color variables are in RGB format.

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

Bedrockテーマで使用されている4個のフォント
The four font types used by Bedrock.

:root {
    --header-logo: url('https://scp-jp-storage.wdfiles.com/local--files/file%3A9466112-154-owqg/basaltlogo.svg');
    --header-title: 'SCP財団';
    --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()関数を無効にできません。
Note that due to a mechanic in CSS calc() function, any variables with length unit such as rem or px should not be discarded even when the value is set to 0, e.g. --subtitle-size: 0rem; makes the subtitle disappear but doesn't invalidate the calc() function.

--main-content-widthは%単位で設定しないでください。メイン領域を画面幅いっぱいに表示したい場合は、代わりにremに任意の高い値を指定してください。
--main-content-width should not be set with % unit. To have the main area take up full screen width, use an arbitrarily high rem value instead.

---

その他 Other

このテーマのソースコードはGithubページで閲覧することができます。
The source code of this theme can be found on our GitHub page.

現在、Bedrockテーマはコモンテーマとの互換性は存在しません。
Bedrock is currently not compatible with Common Theme.