Tema Aéreo

[tynaut (Ty Correll)]

[quote=“Danielle Schwerin, post:462, topic:197703, username:dschwerin-teachforau”]
Gostaríamos muito de poder atualizar essas abreviações, pois temos muitas categorias com nomes semelhantes (os nomes são iterações baseadas em anos de classe/série), então elas estão recebendo abreviações semelhantes. Além disso, as abreviações não são muito significativas para nossa comunidade.
[/quote]Você pode substituir as abreviações por imagens:
Clique na categoria → ícone de chave inglesa → Imagens

E se você quiser ocultar apenas as abreviações, você pode criar um componente e aplicar algo como o seguinte CSS:

.custom-category-boxes:not(.above-discovery-categories-outlet) .category-box .category-box-inner {
    .category-logo.no-logo-present {
        display: none;

        & + .category-details {
            grid-column: 1/3;
            padding: 1em 1.5em;
            width: 100%;
        }
    }
}

Antes:

Depois:

[digitaldominica]

Olá @jordan.vidrine Como posso mostrar subcategorias na caixa de categoria moderna? Selecionei caixas e subcategorias, mas não as vejo aparecendo? Essa opção não foi adicionada ao componente?

[jordan.vidrine]

Eles estão ocultos por padrão, para mostrá-los, você precisará exibi-los via CSS personalizado em um componente de tema.

[digitaldominica]

Obrigado, descobri isso depois de fazer o fork do repositório. Meu problema foi resolvido.

[Kevin7 (Kévin .)]

Olá @jordan.vidrine, antes de mais nada parabéns pelo seu tema que é muito bom de usar, porém sou novo no discourse e não o conheço muito bem mas quero adicionar css mas não acho o botão para adicionar css customizado? Devo adicionar um plugin para fazer isso pois no tema padrão eu conseguia fazer direto no tema? Desde já agradeço

[jordan.vidrine]

Você pode encontrar informações sobre como personalizar seu Discourse aqui -\u003e Beginner's guide to using Discourse Themes

[ErlendMS (Erlend Markussen Saltnes)]

Sou mais uma pessoa que gosta do tema, e começo minha pergunta dizendo “obrigado” e “bom trabalho”!

Minha pergunta é: Existe alguma maneira de definir uma paleta de cores padrão para o modo escuro?

Aqui está como fica (com uma tradução ruim para o norueguês, desculpe) onde defini o tema padrão, que é um modo claro:

Criei paletas personalizadas para modo claro e escuro (que estão habilitadas como selecionáveis pelo usuário, e isso funciona), mas não consigo desativar Air-Light e Air-Dark. E quando acesso o site em modo anônimo com o modo escuro ativado no dispositivo, recebo o Air-Dark.

---

Ah, e outra pergunta: Onde fica o Alternador de Esquema Claro Escuro?

Clicar na foto de perfil no canto superior direito me dá isso quando estou logado como um usuário de teste:

E isso quando logado como administrador:

Aqui está um link para o meu site, que está muito longe de estar pronto, se ajudar a dar uma olhada. Obrigado!

[jordan.vidrine]

@ErlendMS

Fiz paletas personalizadas para modo claro e escuro (que estão habilitadas como selecionáveis pelo usuário, e isso funciona), mas não consigo desativar Air-Light e Air-Dark. E quando acesso o site no modo Anônimo com o modo escuro ativado no dispositivo, recebo o Air-Dark.

Você seguiu estas diretrizes?

@jordan-vidrine

Para que isso funcione corretamente, pelo menos 2 opções de esquema de cores precisam estar habilitadas em sua área https://discourse.jordanvidrine.com/admin/customize/colors. Pelo menos duas cores precisam ter color scheme can be selected by users habilitado.

Depois que isso for feito, os usuários poderão escolher entre dois esquemas de cores como suas preferências claro e escuro em seu menu de interface de preferências do usuário.

@ErlendMS

Ah, e outra pergunta: Onde fica o alternador de esquema claro/escuro?

Este tópico é para o componente de alternância de modo claro/escuro instalado no tema Air. Ele deve ajudá-lo lá. Você pode configurá-lo para ficar na barra lateral ou no cabeçalho.

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…

[ErlendMS (Erlend Markussen Saltnes)]

Sim, o usuário pode escolher o modo claro e escuro sem problemas. O que estou trabalhando é o que um novo usuário veria. O padrão antes de escolher.

Se um novo usuário acessa o site e tem o modo claro ativado no dispositivo, ele recebe a paleta que defini na captura de tela. Mas se ele tem o modo escuro ativado no dispositivo, ele recebe o Air-Dark. É isso que eu quero mudar.

---

Obrigado pelo link para o componente! Eu não sabia que era um componente separado.

[jordan.vidrine]

@ErlendMS

Mas se eles tiverem modo escuro no dispositivo, eles recebem Air-Dark. É isso que eu quero mudar

O que você quer mostrar para os usuários no modo escuro?

[ErlendMS (Erlend Markussen Saltnes)]

Ok, então eu tenho quatro paletas instaladas/ativadas:

• Mine-Light
• Mine-Dark
• Air-Light
• Air-Dark

(Eu gostaria de poder desativar as duas últimas, mas isso é um problema separado. Elas são ótimas! Mas estou criando um fórum para um time de futebol e fiz paletas que correspondem às cores do uniforme. )

Eu consegui definir Mine-Light como a paleta padrão - então, se um novo usuário acessa o site com o modo claro ativado em seu dispositivo, ele recebe essa.

Mas aqui está o problema: Se um novo usuário acessa o site com o modo escuro ativado em seu dispositivo, ele recebe Air-Dark. E eu quero que seja Mine-Dark. (Para obtê-la agora, eles devem selecioná-la manualmente nas configurações.)

[jordan.vidrine]

Que esquema você definiu aqui? → admin/site_settings/category/all_results?filter=dark%20mode

[ErlendMS (Erlend Markussen Saltnes)]

Ooh, definir meu esquema preferido funcionou - obrigado!

É um pouco estranho que eu pudesse definir apenas o modo escuro padrão lá (Configurações do site ➔ Básico), embora - e definir apenas o modo claro padrão nas configurações do tema.

Eu consideraria adicionar uma pequena nota, de preferência com um link, abaixo de onde você define o modo claro nas configurações do seu tema. Algo como:

Isso define a paleta padrão do modo claro para o seu tema. Clique aqui para definir o modo escuro padrão./Vá para Configurações do site ➔ Básico, para definir o modo escuro padrão.

---

BTW, tenho me divertido com alguma transparência e desfoque e seu tema. (Isso me deu alguns problemas de z-index, embora - provavelmente devido à minha inexperiência, com a qual ainda estou resolvendo problemas.) Gostei especialmente de como isso deu mais peso ao fundo swoosh!

Dê uma olhada se quiser! (Ainda são os primeiros dias, embora - como presumo que você possa ver.)

[Wayne_Hsu]

Olá, aqui é Wayne Hsu da Niantic, Inc.
Estamos construindo nosso fórum para 8thwall.com com o Discourse Air Theme e uma paleta de cores personalizada. E por algum motivo, na visualização móvel, o fundo do contêiner de conteúdo principal para a página de categorias (div id: main-outlet) está completamente transparente e o alpha está definido como 0. Não vejo como atualizar a cor/alpha do fundo.
Vi que alguém teve um problema semelhante antes
Air Theme - #187 by hequaye

E uma sugestão foi alterar o “desktop category page style” para outra coisa nas configurações (atualmente está definido como Categories and Latest Topics), mas não vejo que isso ajude, pois é uma configuração apenas para visualização desktop.
Alguma ideia de solução para isso?
Obrigado!

[jordan.vidrine]

@ErlendMS

Dê uma olhada aqui se quiser! (Ainda está no começo, porém - como imagino que você possa ver.)

Parece muito bom!

[HisFocus (Tim)]

Eu acho o tema Air muito bom, no entanto, a opção de editar (ou adicionar) CSS não está lá quando visito ADMIN > CUSTOMIZE > Air Theme. Estou perdendo alguma coisa? https://www.communiteq.com/ está hospedando meu site. Isto é o que eu vejo:

[Moin]

Você tem que adicionar seu próprio componente

Air Theme

Go here admin/customize/themes Click on components Click Install Click create new & give it a name Click on the new component in the components list Click Edit Html/css Add the linked code above to the common css file. Add this new component to the currently used theme

[HisFocus (Tim)]

@Moin! Sou novato no Discourse, mas UAU! Isso só melhora a cada dia! Muito obrigado!

Peço desculpas também, pois percebi que, ao ler este tópico, esta pergunta já foi feita e respondida umas 5.000 vezes.

[Arkshine]

Não há necessidade de se desculpar. Pode não ser de conhecimento geral que você pode fazer isso!

Aqui está um guia se você quiser explorar temas/componentes:

Beginner's guide to using Discourse Themes

This is a crash course in Discourse theme basics. The target audience is everyone who is not familiar with Discourse themes. If you’ve already used Discourse theme / theme components, this guide is probably not something you need to read. What are themes and theme components? A theme or theme component is a set of files packaged together designed to either modify Discourse visually or to add new features. Let’s start with themes. Themes In general, themes are not supposed to be compatible …

[ElComputer]

Obrigado pelo tema. Gostaria de usar fontes da Adobe. Preciso editar o arquivo do tema? Ou qual é a maneira mais inteligente de fazer isso?

Também notei que o logotipo do cabeçalho é um pouco pequeno e a barra de pesquisa do lado direito, juntamente com o login, poderiam parecer mais um botão do que um ícone. Isso é um plugin/componente ou CSS?