Tema Sublime

||||
-|-|
:discourse2: | Resumo | Sublime - Um tema sublime para o Discourse
:hammer_and_wrench: | Link do Repositório | https://github.com/discourse/discourse-sublime-theme
:open_book: | Novo nos Temas do Discourse? | Guia para iniciantes sobre como usar os Temas do Discourse

Instale este tema

Recursos

Um tema simples e sublime para o Discourse, desenvolvido do zero para integrar bem com a barra lateral.

Modo Claro

Página de Categorias:

Página Mais Recentes:

Modo Escuro

Página de Categorias:

Página Mais Recentes:

Este tema inclui o seguinte componente:


Dicas

Configurações do Discourse

As seguintes alterações de configuração são necessárias para que este tema seja renderizado corretamente:

  • Ative a configuração enable experimental sidebar hamburger
  • Selecione a opção Caixas com Subcategorias para desktop category page style
  • Selecione sublime-dark como default dark mode color scheme id

Banner de Boas-Vindas

Vá para a página Admin > Banner de Boas-Vindas (/admin/config/welcome-banner).

  • A Localização deve ser definida como Abaixo do cabeçalho do site

:discourse2: Hospedado por nós? Os temas estão disponíveis para uso em nossos planos Standard, Business e Enterprise.

35 curtidas

Tema legal.

O alternador claro/escuro na pré-visualização faz parte do tema?

Editar: Vejo que é este componente de tema - apenas verificando se está estável com a barra lateral agora, porque estava marcado como quebrado.

3 curtidas

Nossa, que lindo. Tenho um novo tema favorito! Sei que ele tem dependências que não estão em uso aqui no momento, mas eu adoraria poder usar (Dark) Sublime aqui no Meta! :folded_hands:

 
edit: É muito sutil, mas não tenho muita certeza se o verde usado para indicar a página inicial ativa se encaixa muito bem no modo escuro. Parece um pouco dessaturado em comparação com o resto da paleta.

4 curtidas

Que código CSS você usa para colocar este fundo branco atrás dos tópicos?

3 curtidas

É uma variável de cor, então pode mudar se o site usa a paleta de cores clara ou escura:

body #main-outlet {
    background: var(--secondary);
}
6 curtidas

Há alguns problemas relatados nesse componente e vou procurar corrigi-los. O componente não vem empacotado por padrão neste tema e eu o instalei apenas para que os usuários possam testar esquemas de cores claras e escuras.

Obrigado! Vou ver se podemos instalá-lo no meta.

Anotado. Você pode fazer um fork do tema e experimentar cores diferentes para ver o que fica melhor? PR é sempre bem-vindo. :slight_smile:

4 curtidas

Interessante! Há algo a ser levado em consideração para UI móvel?

3 curtidas

A interface do usuário móvel é quase idêntica, exceto pelo esquema de cores e estilo de botões opinativos.

4 curtidas

Tema extremamente agradável. Fica lindo em tela Retina.
Obrigado :grinning_face:

2 curtidas

Onde posso colocar o #?

@danielabc
Você poderia, por favor, elaborar o que você quer dizer?

oi @techAPJ como posso fazer a categoria principal como uma caixa? não como uma lista. tentei marcar caixas com subcategorias apenas mudam a subcategoria, não a categoria principal.

é assim que meu fórum se parece

@techAPJ Este é um tema adorável, obrigado! Só queria observar que ele baixa o componente de slider de carregamento horizontal, que é, claro, agora parte do núcleo. :slight_smile:

5 curtidas