Tema Sublime

[Discourse]

||||\n-|-|-|\n:discourse2: | Resumo | Sublime - Um tema sublime para o Discourse\n:hammer_and_wrench: | Link do Repositório | \u003chttps://github.com/discourse/discourse-sublime-theme\u003e\n:open_book: |Novo nos Temas do Discourse? | Guia para iniciantes sobre como usar temas do Discourse\n\n[wrap=theme-install-button repoUrl="https://github.com/discourse/discourse-sublime-theme\" repoName="Sublime Theme"]\nInstalar este tema\n[/wrap]\n\n[quote]\n\n:discourse2: Como este é um tema #oficial mantido pela equipe do Discourse, problemas de #suporte, relatórios de Bug, sugestões de UX e solicitações de conselhos de Dev podem ser feitos nas respectivas categorias aqui no Meta, e marcados com a tag de tema apropriada. Clique em um link abaixo para iniciar um. \n\n\u003ckbd\u003e [\u0026nbsp;Suporte](Discourse Meta "Peça suporte sobre como configurar e usar o Tema Sublime") \u003c/kbd\u003e \u003ckbd\u003e [\u0026nbsp;Bug](Discourse Meta "Um relatório de bug significa que algo está quebrado, impedindo o uso normal/típico do tema") \u003c/kbd\u003e \u003ckbd\u003e [\u0026nbsp;UX](Discourse Meta "Discussão sobre a interface do usuário do Tema Sublime, e como os recursos são apresentados (incluindo idioma e elementos da interface do usuário)") \u003c/kbd\u003e \u003ckbd\u003e [\u0026nbsp;Dev](Discourse Meta "Conselhos sobre como personalizar este tema para o seu site")\u003c/kbd\u003e\n\n[/quote]\n\n\n### Funcionalidades\n\nUm tema simples e sublime para o Discourse projetado do zero para se integrar bem com a barra lateral.\n\n### Modo Claro\n\nPágina de Categorias:\n\n

\n\nPágina Mais Recentes:\n\n

\n\n### Modo Escuro\n\nPágina de Categorias:\n\n

\n\n\nPágina Mais Recentes:\n\n

\n\nEste tema inclui o seguinte componente:\n\n* Barra de Carregamento Horizontal do Discourse\n\n— \n### Dicas\n\n### Configurações do Discourse\n\nAs seguintes alterações de configuração são necessárias para que este tema seja renderizado corretamente:\n\n- Habilitar a configuração enable experimental sidebar hamburger\n- Selecionar a opção Boxes with Subcategories para desktop category page style\n- Selecionar sublime-dark como default dark mode color scheme id\n\n### Banner de Boas-vindas\n\nAcesse a página Admin \u003e Welcome banner (/admin/config/welcome-banner).\n\n* Location deve ser definido como Below site header\n\n\u003cbr\u003e\n\n\u003e:discourse2: Hospedado por nós? Os temas estão disponíveis para uso em nossos planos Standard, Business e Enterprise.

[thefreekick]

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.

Dark/Light Mode Toggle

Summary Dark/Light Mode Toggle adds a clickable toggle color scheme button in the hamburger menu. The toggle switches between a light or dark color scheme for one theme. Repository Link https://github.com/discourse/discourse-color-scheme-toggle New to Discourse Themes? Beginner’s guide to using Discourse Themes Install this theme component Features This component allows a dark/light mode toggle icon on your Discourse forum. It…

[khenmu (John Sweeney)]

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!

 
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.

[danielabc (Daniela)]

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

[dax (Daniela)]

É 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);
}

[techAPJ (Arpit Jalan)]

@thefreekick

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

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.

@khenmu

Oh uau - isso é 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!

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

@khenmu

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

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

[icaria36]

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

[techAPJ (Arpit Jalan)]

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

[Wojtekxtx]

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

[danielabc (Daniela)]

Onde posso colocar o #?

[Wojtekxtx]

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

[adenoe (ade)]

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

[Lilly (Lillian Louis)]

@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.