Tema BASALTO





BASALTLOGO.png

Tema BASALTO

avaliação: +3+x


TEMA BASALTO

VERSÃO 1.5

O QUE É ISSO?

BASALTO é um tema aestético, que não é ligado a nenhum cânone, série, ou GdI, desenvolvido por AzamoAzamo e Placeholder McDPlaceholder McD como uma extensão do Tema Paperstack de EstrellaYoshteEstrellaYoshte.

Bem parecido com o Black Highlighter, o BASALTO altera uma grande quantia do layout do site, e muda vários elementos UI encobertos pela maioria dos temas em um esforço de aumentar a produtividade e acessibilidade do usuário. Também fica maneiro.

Para usar o BASALTO, simplesmente cole o seguinte código no seu artigo:

[[include :scp-pt-br:theme:basalt]]

CONFIGURAÇÕES DE TEMA

Configurações de Tema, às vezes chamadas de Variáveis, são fragmentos extras de texto os quais usuários podem acrescentar ao módulo de inclusão do BASALTO para acrescentar ou remover certos aspectos.

Para aplicar uma Configuração, insira um dos exemplos listados abaixo depois da inclusão principal, mas antes dos dois colchetes no final, assim:

[[include :scp-pt-br:theme:basalt themesetting=a]]

Configurações de Tema podem facilmente ser combinadas. Para usar múltiplas delas de uma vez, siga a formatação abaixo:

[[include :scp-pt-br:theme:basalt firstthemesetting=a|secondthemesetting=a|thirdthemesetting=a]]

LISTA DE CONFIGURAÇÕES DE TEMA (A PARTIR DA VERSÃO 1.0)

hidetitle=a

Remove o título da página.

acsanimation=a

Desativa o componente ACS Animado, que está ativado por padrão.

darkmode=a

Ativa o Modo Escuro. (Veja: ÔNIX (Modo Escuro))

redmode=a

Ativa o Modo Vermelho. O Modo Escuro é OBRIGATÓRIO para que isso funcione adequadamente. (Veja: GRANADA (Modo Vermelho))

darksidebar=a

Aplica o estilo da barra lateral do Modo Escuro em artigos de Modo Claro.


CUSTOMIZAÇÃO

MUDAR TÍTULO/SUBTÍTULO/LOGO

Se você gostaria de mudar o título, subtítulo, e/ou logo exibidos no cabeçalho, use o seguinte código:

:root {
--logo: url(<link da imagem aqui>);
--title: "<texto do título aqui>";
--subtitle: "<texto do subtítulo aqui>";
}

É recomendado manter a propriedade --title mais ou menos no mesmo comprimento do texto padrão (ou mais curto), para evitar problemas de exibição em dispositivos móveis.

Por padrão, a logo e texto mostrados na barra lateral são os mesmos do cabeçalho. Se você gostaria de mudar isto, use o seguinte código:

:root {
--sidelogo: url(<link da imagem aqui>);
--sidesubtitle: "<texto aqui>";
}

ÔNIX (MODO ESCURO)

BASALT_DARKMODE.png

ÔNIX

Para ativar o Modo Escuro, use a seguinte Configuração de Tema, como detalhado anteriormente:

[[include :scp-pt-br:theme:basalt darkmode=a]]

GRANADA (MODO VERMELHO)

BASALT_APOLLYON.png

GRANADA

Para ativar o Modo Vermelho, use a seguinte Configuração de Tema, como detalhado anteriormente:

[[include :scp-pt-br:theme:basalt darkmode=a|redmode=a]]

INCLUSO COM BASALTO

COMPONENTES

BASALTO vem pré-embalado com diversos componentes feitos pela comunidade:

…E faz algumas alterações visuais a estes, caso você os inclua:

TEMAS

BASALTO rouba pega emprestado alguns elementos de:

EXEMPLOS


basalt_logotype_black.png

Image block

Uma linha horizontal pode ser criada com 4 hífens "----" e se extende pela página inteira se não estiver dentro de nada (como uma citação). As linhas que separam este documento em seções são linhas horizontais.

Um link que você provavelmente visitou


Títulos podem ser criados colocando de um a seis sinais de mais "+" no começo da linha.

Isso é um span de Big Text. Use [[span class="bigtext"]] para criar um.

Isso é um span de Special Text. Use [[span class="st"]] para criar um.
Spans de Special Text mudam de cor quando colocados dentro de divs de tabela colorida, como mostrado abaixo. Isso é para você, Placeholder.

O que a caixinha de fósforo disse pro fósforo?

Relaxa cara, não esquenta a cabeça.


Esta é uma citação, criada ao colocar "> " no começo de cada linha.

Mais texto


Isso é uma linha horizontal

Citação dentro de citação

Isso é uma tabela normal
Texto aqui

Tabelas são tingíveis embrulhando-as em divs especiais. Image blocks e spans de Special Text que são embrulhados nestes divs vão mudar de cor correspondentemente.

[[div class="table1"]]

Isso é uma tabela verde
Texto aqui

[[div class="table2"]]

Isso é uma tabela azul
Texto aqui

[[div class="table3"]]

Isso é uma tabela amarela
Texto aqui

[[div class="table4"]]

Isso é uma tabela laranja
Texto aqui

[[div class="table5"]]

Isso é uma tabela vermelha
Texto aqui

[[div class="table6"]]

Isso é uma tabela roxa
Texto aqui

Você também pode usar o seguinte div para criar tabelas quebradas.

[[div class="tableb"]]

Isso é uma tabela quebrada
Texto aqui

Isso é um div de documento. Use [[div class="document"]] para criar um. É recomendado não fechar um dentro de outros divs.

Isso é um div de documento escuro. Use [[div class="darkdocument"]] para criar um. É recomendado não fechar um dentro de outros divs.

Isso é um div de memorando da RAISA. Use [[div class="raisa_memo"]] para criar um.

Isso é um div decorativo. Use [[div class="notation"]] para criar um.

Isso é um div modal menor! Use [[div class="smallmodal"]] para criar um.

Isso é um terceiro div decorativo! Use [[div class="jotting"]] para criar um.

Isso é um quarto div decorativo! Use [[div class="transcript"]] para criar um.

Isso é um quinto div decorativo! Use [[div class="papernote"]] para criar um.

A fonte do corpo é Inter.
A fonte do cabeçalho e de título é Work Sans.
A fonte monoespaçada é Fira Code.


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