bolhaverse EN

tema para mastodon · v1.2.0

Bolha UI, o Mastodon com a cara da bolha

Um tema para a interface web do Mastodon. Colunas viram cartões, títulos e horários em fonte mono, botões em pílula e o amarelo da bolha em tudo (ou o vermelho, na variante GCN). Claro, escuro e alto contraste, do jeito que cada pessoa escolher.

Como instalarCódigo no GitLab

como fica

Interface avançada, escuro
Interface avançada, escuro
Interface avançada, claro
Interface avançada, claro
Variante GCN (vermelho)
Variante GCN (vermelho)
Coluna única, claro
Coluna única, claro
Coluna única, escuro
Coluna única, escuro
Fundos tingidos (desde a 1.1.0)
Fundos tingidos (desde a 1.1.0)

As imagens são simulações com pessoas e posts inventados; o tema de verdade roda no bolha.us e no jornalismo.social.

o que vem

Dois temas

Bolha UI (amarelo) e Bolha UI GCN (vermelho), ao lado dos temas do próprio Mastodon.

Claro, escuro e alto contraste

Segue o esquema de cores e o contraste que cada pessoa escolhe em Preferências › Aparência.

Fontes Ubuntu

Ubuntu e Ubuntu Mono vêm junto, então todo mundo vê a mesma letra.

Pequeno e resistente

Cerca de 110 linhas sobre o tema padrão, quase tudo variável de design. Atualizar o Mastodon raramente quebra.

como instalar

Três jeitos, do mais completo ao mais rápido. Testado no Mastodon 4.7.

1. No seu servidor (recomendado)

Para instalações a partir do código-fonte. O install.sh copia o tema, as fontes e os nomes, e acrescenta duas linhas em config/themes.yml. Use --dry-run para ver antes e --uninstall para remover.

# como usuário mastodon
cd ~
curl -fsSL "https://gitlab.gutocarvalho.net/open/bolha/mastodon-bolha-ui/-/jobs/artifacts/v1.2.0/raw/mastodon-bolha-ui.tar.gz?job=release" | tar -xz
./mastodon-bolha-ui-1.2.0-*/install.sh ~/live
cd ~/live && RAILS_ENV=production bundle exec rails assets:precompile

# como root
systemctl restart mastodon-web mastodon-sidekiq mastodon-streaming

Depois cada pessoa escolhe o tema em Preferências › Aparência › Tema. Para virar o padrão de quem chega: Administração › Configurações do servidor › Aparência.

2. Com Docker

As imagens oficiais já vêm com os assets compilados, então o tema precisa de uma imagem própria. Use-a nos serviços web e sidekiq; o streaming não muda.

git clone https://github.com/mastodon/mastodon.git && cd mastodon
git checkout v4.7.5                      # a versão que você roda
curl -fsSL "https://gitlab.gutocarvalho.net/open/bolha/mastodon-bolha-ui/-/jobs/artifacts/v1.2.0/raw/mastodon-bolha-ui.tar.gz?job=release" | tar -xz -C ..
../mastodon-bolha-ui-1.2.0-*/install.sh .
docker build -t meu-registry/mastodon:v4.7.5-bolha-ui .
3. Como CSS personalizado (sem acesso ao servidor)

Cole o CSS pronto em Administração › Configurações do servidor › Aparência › CSS personalizado: bolha-ui.css (amarelo) ou bolha-ui-gcn.css (vermelho). O mesmo arquivo funciona como estilo pessoal no Stylus, em qualquer servidor Mastodon 4.7. Esse jeito não traz as fontes.

versões

A versão é X.Y.Z-BUILD, e o tema mostra a sua onde houver a classe bolha-ui-version. O que mudou em cada uma está no CHANGELOG (em inglês).

VersãoData
1.2.02026-11-12atual
1.1.02026-11-12
1.0.22026-11-09
1.0.12026-11-09
1.0.02026-11-09

onde roda

Feito para a bolha.us e as outras comunidades da bolha.io. O Mastodon da bolha, com o tema e outros recursos, está em custom.bolha.us.

Código aberto, AGPL-3.0, como o Mastodon. Inspirado no Tangerine UI.