Penumbra BHL

avaliação: +3+x

Versão Black Highlighter do Penumbra, desenvolvido por EstrellaYoshteEstrellaYoshte


Cores do Tema

Atum--gray-monochrome(47, 51, 60)
Céu do Verão--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}
Branco Esfumaçado--white-monochrome(248, 248, 248)
Alto--very-light-gray-monochrome(215, 215, 215)
Rocha Negra--dark-gray-monochrome(47, 51, 60)
Brasa--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

Uso

Nota: Esse é baseado no tema Black Highlighter. Você precisa inserir o Tema Black Highlighter ordenado para poder usar esse tema. Para saber mais, veja aqui.1

Em qualquer página:

[[include :scp-pt-br:theme:black-highlighter-theme]]
[[include :scp-pt-br:theme:penumbra-bhl]]

As variáveis CCS são idênticas ao tema original para facilitar nas alterações, se necessário. [Observe abaixo]

EXCETO o —accentColor que precisou ser convertido para rgb. Por exemplo #1EB5E8 que foi convertido para 30, 181,232.
Melhor local para usar esta ferramenta.

NÃO inclua rgb() para converter a cor hexadecimal. Apenas três números.

:root {
--header-title: "Título do cabeçalho";
--header-subtitle: "subtítulo do cabeçalho";
--lgurl: url("o url aqui");
--accentColor: COR AQUI;
}

Exemplos

Uma linha horizontal pode ser criada com 5 hifens “-----” e se estende por toda a página se não for colocada dentro de nada (como uma citação). As linhas separando as seções deste documento são linhas horizontais.


Títulos podem ser criados colocando de um a seis sinais de “+” no início da linha

Isso é uma aba.

Esta é uma citação, criada ao colocar “>” no início de cada linha.
Mais texto


Isso é uma linha horizontal

Citação dentro de citação

Isso é uma tabela
Você já deveria saber como
fazer uma

[[div class="darkbox"]]


O div caixa lateral é usado com o seguinte:

[[div class="limit"]] <— Defina o limite inicial da âncora
[[div class="anchor"]] <— Defina a posição fixa da caixa lateral
[[div class="sidebox"]]
Algum texto na caixa lateral.
[[/div]]
[[/div]]

Texto da caixa lateral ao rolar a página.

[[/div]] <— Defina o limite final da âncora


Sem o div limit, o anchor vai ser exibir todo o conteúdo da página depois de sua posição fixa.

Note que o div sidebox é minimizado para dispositivos móveis ou com largura de tela possuindo 1290 pixels e inferior.


A fonte do cabeçalho é Josefin Sans.

A fonte do artigo é Roboto.

A fonte do monoespaço é Fira Code.



Salvo indicação em contrário, o conteúdo desta página é licenciado sob Creative Commons Attribution-ShareAlike 3.0 License