Penumbra Bhl
評価: 0+x

EstrellaYoshteEstrellaYoshteによるBlack Highlighter版Penumbra Theme


テーマカラー

Tuna--gray-monochrome(47, 51, 60)
Summer Sky--bright-accent(30, 181, 232)
{$color3-name}{$color3-variable}{$color3-info}
{$color4-name}{$color4-variable}{$color4-info}
{$color5-name}{$color5-variable}{$color5-info}
{$color6-name}{$color6-variable}{$color6-info}
White Smoke--white-monochrome(248, 248, 248)
Alto--very-light-gray-monochrome(215, 215, 215)
Black Rock--dark-gray-monochrome(47, 51, 60)
Cinder--black-monochrome(33, 37, 46)
{$subcolor5-name}{$subcolor5-variable}{$subcolor5-info}
{$subcolor6-name}{$subcolor6-variable}{$subcolor6-info}
{$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}
black-highlighter-logo.svg

使い方

注意: これはBlack Highlighterをベースとしたテーマです。本テーマを使用するには、Black Highlighterも導入する必要があります。詳細はこちらから1

どのwikiでも:

[[include :scp-jp:theme:black-highlighter-theme]]
[[include :scp-jp:theme:penumbra-bhl]]

CSS Variablesは、オリジナルテーマと同じものなので、必要に応じて簡単に置き換えることができます。[下記参照]

ただし、--accentColorはrgbに変換する必要があります。例えば、#1EB5E8は、30, 181, 232に変換されなければならないでしょう。このための便利なツールはこちらです。

16進数の色を変換するときは、rgb( )を含めないでください。3つの数字だけです。

:root {
--header-title: "サイトタイトル";
--header-subtitle: "サイトタブタイトル";
--lgurl: url("ロゴの画像ファイルのURL");
--accentColor: アクセントカラー;
}

分割線はハイフンを5つ並べることで作成できます。引用ブロックなどの内部になければ、ページの横幅全体に広がります。このページでセクションを区切っているのが分割線です。


見出しは、1つから6つの"+"を行頭に挿入することで表示できます。

これはタブです

これは引用ブロックです。"> "を各行の行頭に挿入することで作成できます。
続きのテキスト


これは分割線です

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

これが テーブルです
使い方は もう
知っているでしょう?

[[div class="darkbox"]]


sideboxは次のようにセットアップできます:

[[div class="limit"]] <— sideboxを表示したいエリアの先頭に配置
[[div class="anchor"]] <— sideboxを置きたい場所に配置
[[div class="sidebox"]]
sidebox内のテキスト
[[/div]]
[[/div]]

sideboxの左に表示したいテキスト

[[/div]] <— sideboxを表示したいエリアの最後に配置


limitブロックがないと、anchorブロックが指定した場所を離れてしまった時にページ全体に波及してしまいます。

sideboxは幅1290px以下のウィンドウ/スクリーンでは最小化されます。


ヘッダーフォントはJosefin Sans

bodyはRobotoです。

等幅フォントはFira Codeです。



特に明記しない限り、このページのコンテンツは次のライセンスの下にあります: Creative Commons Attribution-ShareAlike 3.0 License