Repositório com arquivos CSS personalizados para uso em interfaces e temas visuais.
Os arquivos disponíveis aqui são folhas de estilo organizadas para facilitar consulta e manutenção.
A raiz da main contém a versão atual dos dez temas ativos, servida diretamente via GitHub Pages em https://theme.bj-share.org/<arquivo.css>. Por exemplo: BJ-Midnight.css ou BJ-NewBlack.css. Cada folha CSS é totalmente independente, sem dependência de @import ou arquivos auxiliares.
Nesta versão:
box-shadow: inset 3px 0 0 ...) em cabeçalhos de caixas (.head), alertas (.alertbar), citações (blockquote) e no hover de torrents (tr.torrent:hover > td:first-child), personalizadas para a paleta e estilo de cada tema.BJ-DarkBlue.css reimplementado e ativo na raiz com suporte completo a Pages.:focus-visible).| Tema | Arquivo na Raiz (main) |
URL GitHub Pages |
|---|---|---|
| Black | BJ-Black.css | https://theme.bj-share.org/BJ-Black.css |
| Blue | BJ-Blue.css | https://theme.bj-share.org/BJ-Blue.css |
| Clean | BJ-Clean.css | https://theme.bj-share.org/BJ-Clean.css |
| DarkBlue | BJ-DarkBlue.css | https://theme.bj-share.org/BJ-DarkBlue.css |
| Darkness | BJ-Darkness.css | https://theme.bj-share.org/BJ-Darkness.css |
| Grey | BJ-Grey.css | https://theme.bj-share.org/BJ-Grey.css |
| Midnight | BJ-Midnight.css | https://theme.bj-share.org/BJ-Midnight.css |
| NewBlack | BJ-NewBlack.css | https://theme.bj-share.org/BJ-NewBlack.css |
| Pink | BJ-Pink.css | https://theme.bj-share.org/BJ-Pink.css |
| Red | BJ-Red.css | https://theme.bj-share.org/BJ-Red.css |
A estrutura vem de examples/CSS new.css, cópia do exemplo recebido com extensão .cts. As cores, imagens, gradientes e sombras vêm de old/, recuperado do commit ba4e315, anterior à reformulação responsiva. A aparência é transferida por seletor e declaração, preservando a ordem e !important, inclusive as diferenças entre temas claros e escuros. Não há substituição aproximada de paleta.
Em cada arquivo novo, procure o comentário MENU FIXO. A única regra @media all { ativa o menu fixo. Troque essa linha por @media not all { para desativá-lo. Até 900px, o menu acompanha a rolagem em ambos os modos, conforme o exemplo. Isto prepara o CSS para a opção proposta; a implementação do controle na conta do usuário depende do site.
ECECEC, encontrada no tbody do Blue antigo, é omitida na geração. O arquivo arquivado permanece intacto.#logo é transparente: o preto do tema antigo ficava invisível com largura zero, mas cobria o banner quando aplicado ao bloco de largura total do exemplo. A imagem original de #header foi mantida. O teste visual scripts/validate_newblack_banner.py reproduz a falha anterior e compara a imagem renderizada em oito cenários.Execute python -m http.server 8000 na raiz e abra http://localhost:8000/validation/preview.html. A prévia permite trocar o tema e ligar/desligar o menu com conteúdo fictício. Use o servidor local para que o navegador permita acessar as regras da folha CSS.
Os testes usam Chrome e comparam cores, fundos, imagens, bordas e sombras com o CSS antigo; também verificam foco/hover, rolagem do menu, cliques nos alertas, sobreposição do cabeçalho e a estrutura comum. São dez larguras, de 320 a 3840px, com o menu ligado e desligado, para cada um dos dez temas: 200 combinações.
python -m venv .venv
.venv/bin/python -m pip install -r scripts/requirements.txt
.venv/bin/python scripts/build_themes.py
.venv/bin/python scripts/validate_themes.py
.venv/bin/python scripts/check_assets.py
.venv/bin/python scripts/capture_preview.py
.venv/bin/python scripts/validate_newblack_banner.py
Os scripts usam /usr/bin/google-chrome-stable; ajuste esse caminho se o Chrome estiver instalado em outro local. Resultados: comparação dos temas e disponibilidade das imagens. As capturas são geradas em validation/screenshots/ e não são versionadas.
A comparação automatizada usa uma página local e bloqueia recursos externos; a disponibilidade das imagens é verificada separadamente por HTTP. A prévia não substitui um teste nas páginas autenticadas do BJ-Share, às quais esta validação não teve acesso.