Tema Aire

[tynaut (Ty Correll)]

[quote=“Danielle Schwerin, post:462, topic:197703, username:dschwerin-teachau”]
Realmente nos gustaría poder actualizar esas abreviaturas, ya que tenemos muchas categorías con nombres similares (los nombres son iteraciones basadas en los años de clase/grado), por lo que obtienen abreviaturas similares. Además, las abreviaturas no son muy significativas para nuestra comunidad.
[/quote]Puedes reemplazar las abreviaturas con imágenes:
Haz clic en la categoría → icono de llave inglesa → Imágenes

Y si solo quieres ocultar las abreviaturas, podrías crear un componente y aplicar algo como el siguiente 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:

Después:

[digitaldominica]

Hola @jordan.vidrine ¿Cómo puedo mostrar subcategorías en el cuadro de categoría moderno? Seleccioné cuadros y subcategorías, pero no veo que aparezca. ¿No se agregó esta opción al componente?

[jordan.vidrine]

Están ocultos por defecto, para mostrarlos, necesitarás desocultarlos a través de CSS personalizado en un componente de tema.

[digitaldominica]

Gracias, me enteré de eso después de bifurcar el repositorio. Mi problema está resuelto.

[Kevin7 (Kévin .)]

Hola @jordan.vidrine, en primer lugar, felicidades por tu tema, ¡es muy agradable de usar! Sin embargo, soy nuevo en Discourse y no lo conozco muy bien, pero quiero añadir CSS y no encuentro el botón para añadir CSS personalizado. ¿Debería añadir un plugin para hacer esto, porque en el tema predeterminado podía hacerlo directamente en el tema? Gracias de antemano

[jordan.vidrine]

Puedes encontrar información sobre cómo personalizar tu Discourse aquí → Beginner's guide to using Discourse Themes

[ErlendMS (Erlend Markussen Saltnes)]

Soy una persona más a la que le gusta el tema, ¡y empiezo mi pregunta diciendo “gracias” y “bien hecho”!

Mi pregunta es: ¿Hay alguna forma de establecer una paleta de colores predeterminada en modo oscuro?

Así es como se ve (con una mala traducción al noruego, lo siento) donde he establecido el tema predeterminado, que es un modo claro:

He creado paletas personalizadas para el modo claro y oscuro (que están habilitadas como seleccionables por el usuario, y eso funciona), pero no puedo desactivar Air-Light y Air-Dark. Y cuando voy al sitio en modo incógnito con el modo oscuro habilitado en el dispositivo, se me sirve Air-Dark.

---

Ah, y otra pregunta: ¿Dónde se supone que está el conmutador de esquema de colores claro/oscuro?

Hacer clic en la imagen de perfil en la esquina superior derecha me da esto cuando he iniciado sesión como usuario de prueba:

Y esto cuando he iniciado sesión como administrador:

Aquí tienes un enlace a mi sitio, que está muy lejos de estar terminado, por si ayuda a echar un vistazo. ¡Gracias!

[jordan.vidrine]

@ErlendMS

He creado paletas personalizadas para el modo claro y oscuro (que están habilitadas y se pueden seleccionar por el usuario, y eso funciona), pero no puedo desactivar Air-Light y Air-Dark. Y cuando voy al sitio en modo incógnito con el modo oscuro habilitado en el dispositivo, se me sirve Air-Dark.

¿Seguiste estas directrices?

@jordan-vidrine

Para que esto funcione correctamente, se deben habilitar al menos 2 opciones de esquema de color en tu área de https://discourse.jordanvidrine.com/admin/customize/colors. Al menos dos colores deben tener habilitado color scheme can be selected by users.

Una vez hecho esto, los usuarios deberían poder elegir entre dos esquemas de color como sus preferencias claro y oscuro en el menú de interfaz de preferencias del usuario.

@ErlendMS

Oh, y otra pregunta: ¿Dónde se supone que está el interruptor del esquema de modo claro/oscuro?

Este tema es para el componente de interruptor de modo claro/oscuro instalado en el tema Air. Debería ayudarte allí. Puedes configurarlo para que esté en la barra lateral o en la cabecera.

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)]

Sí, el usuario puede elegir el modo claro y oscuro sin problemas. En lo que estoy trabajando es en lo que vería un nuevo usuario. El valor predeterminado antes de elegir.

Si un nuevo usuario llega al sitio y tiene el modo claro activado en el dispositivo, obtiene la paleta que he establecido en la captura de pantalla. Pero si tiene el modo oscuro activado en el dispositivo, obtiene Air-Dark. Eso es lo que quiero cambiar.

---

¡Gracias por el enlace al componente! No me di cuenta de que era un componente separado.

[jordan.vidrine]

@ErlendMS

Pero si tienen el modo oscuro en el dispositivo, obtienen Air-Dark. Eso es lo que quiero cambiar.

¿Qué quieres mostrar a los usuarios en modo oscuro?

[ErlendMS (Erlend Markussen Saltnes)]

Ok, así que tengo cuatro paletas instaladas/activadas:

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

(Me gustaría poder desactivar las dos últimas, pero ese es un problema aparte. ¡Son geniales! Pero estoy creando un foro para un equipo de fútbol, y he hecho paletas que corresponden a los colores de la equipación. )

He podido establecer Mine-Light como la paleta predeterminada, de modo que si un nuevo usuario visita el sitio con el modo claro en su dispositivo, se le sirve esa.

Pero aquí está el problema: si un nuevo usuario visita el sitio con el modo oscuro en su dispositivo, se le sirve Air-Dark. Y quiero que sea Mine-Dark. (Para obtenerla ahora, deben seleccionarla manualmente en la configuración).

[jordan.vidrine]

¿Qué esquema tienes configurado aquí? → admin/site_settings/category/all_results?filter=dark%20mode

[ErlendMS (Erlend Markussen Saltnes)]

¡Genial, configurar mi esquema preferido funcionó, gracias!

Es un poco raro que solo pudiera configurar el modo oscuro predeterminado allí (Configuración del sitio ➔ Básico), y solo configurar el modo claro predeterminado en la configuración del tema.

Consideraría agregar una pequeña nota, preferiblemente con un enlace, debajo de donde configuras el modo claro en la configuración de tu tema. Algo como:

Esto establece la paleta de modo claro predeterminada para tu tema. Haz clic aquí para configurar el modo oscuro predeterminado./Ve a Configuración del sitio ➔ Básico para configurar el modo oscuro predeterminado.

---

Por cierto, me he estado divirtiendo con algo de transparencia y desenfoque con tu tema. (Me dio algunos problemas de z-index, sin embargo, probablemente debido a mi novatada, con la que todavía estoy resolviendo problemas.) ¡Especialmente me gustó cómo le dio más peso al efecto de fondo!

¡Échale un vistazo si quieres! (Todavía está en sus primeras etapas, como supongo que puedes ver.)

[Wayne_Hsu]

Hola, soy Wayne Hsu de Niantic, Inc.
Estamos creando nuestro foro para 8thwall.com con el tema Discourse Air con una paleta de colores personalizada. Y por alguna razón, en la vista móvil, el fondo del contenedor de contenido principal para la página de categorías (div id: main-outlet) es completamente transparente y el alfa está configurado en 0. No veo una forma de actualizar el color/alfa del fondo.
Vi que alguien tuvo un problema similar antes
Air Theme - #187 by hequaye

Y una sugerencia fue cambiar el “estilo de la página de categorías de escritorio” a algo más en la configuración (actualmente está configurado como Categorías y Últimos Temas), pero no veo que ayude ya que solo se aplica a la vista de escritorio.
¿Alguna idea sobre una solución para esto?
¡Gracias!

[jordan.vidrine]

@ErlendMS

¡Échale un vistazo enlace si quieres! (Todavía está en sus primeras etapas, sin embargo, como supongo que puedes ver).

¡Se ve muy bien!

[HisFocus (Tim)]

Creo que el tema Air es muy agradable, sin embargo, la opción para editar (o agregar) CSS no está ahí cuando visito ADMIN > PERSONALIZAR > Tema Air. ¿Me estoy perdiendo algo? https://www.communiteq.com/ está alojando mi sitio. Esto es lo que veo:

[Moin]

Tienes que añadir tu propio 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! Soy completamente nuevo en Discourse, ¡pero WOW! ¡Esto mejora cada vez más! ¡Muchas gracias!

Además, por favor, acepta mis disculpas, ya que al leer este hilo, veo que esta pregunta ha sido formulada y respondida unas 5.000 veces.

[Arkshine]

No hay necesidad de disculparse. ¡Puede que no sea de conocimiento común que puedas hacer eso!

Aquí tienes una guía si quieres explorar los 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]

Gracias por el tema. Me gustaría usar fuentes de Adobe. ¿Tengo que editar el archivo del tema? ¿O cuál es la forma más inteligente de hacerlo?

También he visto que el logotipo del encabezado es un poco pequeño y que la barra de búsqueda del lado derecho, así como el inicio de sesión, podrían parecer más un botón que un icono. ¿Es eso un plugin/componente o CSS?