Tema Moderno de DarkPixlz

¡Este es un tema antiguo!

Si estás utilizando este tema o te interesa, utiliza en su lugar Pyx's Modern Theme. No se están realizando actualizaciones a este tema.


Tema Moderno de darkpixlz

Este es un tema con esquinas redondeadas, mucho desenfoque, un aspecto coherente y es muy personalizable para que se ajuste a tu foro.

!!ADVERTENCIA: Algunas capturas de pantalla pueden estar desactualizadas; si lo están, ¡este post es una wiki, siéntete libre de editar!

Este tema está hecho para esquemas oscuros. Soporta esquemas claros, pero algunas cosas pueden estar rotas.
Capturas de pantalla:



También hay una versión de mosaico, pero no pude encontrarle un buen uso para este post.
image




Estoy editando este tema pero tengo que responder y Discourse no me deja guardar el borrador. Esto se editará con más capturas de pantalla pronto.

Este tema soporta la mayoría de los plugins importantes.

Por ahora, no vendrá con una paleta de colores diferente, estate atento a eso en el futuro.

¿Tienes alguna idea? ¡Avísame aquí!

Configuración

¿Cursor Activo?: Permite que el cursor cambie de estado.
Ejemplo:
Desactivado (por defecto):
image
Activado:
image

Imagen de Fondo: Cambia la imagen de fondo.

Ejemplos



¿Fondo Desenfocado?: Activa el desenfoque del fondo.

Ejemplo

Activado:


Desactivado:

Tipo de Fondo: Cambia entre un fondo de mosaico y un fondo de escala.

Ejemplo

Recortar:

Mosaico:

Tamaño del Mosaico: Cambia el tamaño del mosaico, para aplicarlo a fondos de mosaico.
Etiqueta de Staff: Activa una etiqueta “STAFF” junto a los nombres de administradores y moderadores. Activado por defecto.

:warning: Plugins + componentes conocidos por causar problemas

  • Componente de Ancho Completo
  • (posiblemente) Todos los Plugins de Anuncios

:warning: Otros avisos

  • No recomiendo añadir fondos personalizados a cosas que no sean configuraciones (como etiquetas), ya que causará incompatibilidades o errores.
  • Se sabe que Chrome e iOS tienen problemas con el desenfoque de fondo en algunos lugares.
  • Las páginas “Más recientes” y “Populares” tienen problemas conocidos en dispositivos móviles.
  • La vista previa del Creador de Temas no funciona correctamente debido a los colores.
  • Si bien los esquemas claros son posibles, podrían romper algunas cosas y hacerlas difíciles de leer.

Instalar este tema

:spiral_notepad: Notas de la versión
DarkPixlz's Modern Theme - #65 by darkpixlz

31 Me gusta

Me recuerda mucho a Fluent (Windows 10), me encanta :purple_heart:

5 Me gusta

¡Hola a todos!

Noté que faltaban algunas esquinas que se habían prometido, las he añadido ahora :slight_smile:
¡Disfruten!


5 Me gusta

¡Hola a todos!

Otra actualización hoy, cambié la forma en que se difuminan las cosas y agregué soporte para Discourse Chat.
Disfruten :slight_smile:





No estaba muy seguro de la de la bandera, ¡cualquier comentario es bienvenido!

7 Me gusta

Hola
Soy nuevo aquí, y me preguntaba si puedo usar este tema en mi discurso.

4 Me gusta

Todos los temas aquí en Theme son utilizables para todos (y los componentes en Theme component también). :+1: Este en particular es una contribución de la comunidad de @darkpixlz, pero también hay algunos official, todos de código abierto y de uso gratuito.

6 Me gusta

Sí, como dijo @JammyDodger, puedes usar cualquier tema en Theme, solo haz clic en Personalizar, luego en Añadir tema, luego en Desde un repositorio git, luego en el enlace del repositorio y se añadirá. Gracias :slight_smile:

4 Me gusta

¡genial! funciona muy bien
¿Puedes ayudarme con una cosa?
¿Cómo puedo cambiar la cabecera? el color degradado a mis colores… no lo encuentro

adjunto una foto:

1 me gusta

No entiendo completamente.

Te escribiré un tema personalizado que es exactamente el mismo tema pero al que le falta el degradado. Dame 10 minutos y borra ese tema de tu sitio.

1 me gusta

¡Hola! Disculpa la demora, aquí está el repositorio:

3 Me gusta

Oh, muchas gracias, disculpa, mi pregunta no fue clara
es cómo puedes cambiar el color, en lugar de verde a azul claro, por ejemplo, de rosa a azul oscuro
Asset 1-100

1 me gusta

Ohhh, ya entiendo.

Claro, puedo cambiar eso por ti. Es una imagen, lol, debería hacer un degradado real.

3 Me gusta

hoo increíble… Pensé que estaba en el código o algo así… si es una imagen, ¿dónde está para que pueda reemplazarla en mi versión?

3 Me gusta

¡Además, como eres tan amable!
¿Dónde puedo añadir la imagen de fondo como la que tienes aquí? los iconos

1 me gusta

Ok, ENTONCES
Elimina ese tema y luego obtén el repositorio predeterminado de nuevo.
Actualízalo

Crea un nuevo componente y haz que el CSS sea este:

.d-header {
  background-image: url("https://cdn.discordapp.com/attachments/597146309908103178/1001925437632565308/Untitled2.jpg?size=4096") !important;
  background-repeat: no-repeat;
  border-radius: 0px 0px 8px 8px;
}

Luego guárdalo y aplícalo a mi tema, Debería funcionar. :slight_smile:
Los iconos están arreglados en la última actualización, solo haz clic en “Actualizar a la última”
Última versión:

4 Me gusta

¡Muchas gracias!
¡Muy amable de tu parte ayudar tanto!

Espero entender todo :laughing:

2 Me gusta

¡Hola a todos!

Olvidé mencionarlo antes, pero gracias a @Don, ¡el tema ahora es totalmente compatible con Firefox y navegadores móviles!

¡También tengo planes y cambios bastante emocionantes guardados para el futuro, estén atentos a un gran commit en el futuro!

Hablando de eso, ¿les gustaría tener tarjetas como esta?

Me gustaría, pero no me gustaría tener que averiguar el SCSS

¡De hecho, logré conseguirlo a medias!

De nuevo, háganme saber si es algo que vale la pena conservar.

2 Me gusta

¡Estoy en la foto! :slight_smile:

2 Me gusta

Me recuerda a una mezcla de Windows 11 y MacOS con un toque de Material Design aquí y allá, me encanta :heart_eyes:

3 Me gusta

¿Estás intentando transformar los elementos de la lista de temas en estas tarjetas? Se ve hermoso, me gustan esas esquinas redondeadas :laughing:. Y creo que el espacio en blanco debajo de las etiquetas está reservado para extractos de temas, ¿verdad? Esta es una idea interesante. Yo diría que sigan adelante.

Pero no está muy claro qué representan esas cifras (como 120, 83, 16), al menos para mí, tal vez podrías hacer algunas mejoras al respecto.

2 Me gusta