¿Es posible definir un color específico para el contenedor de fondo sin afectar el color de fondo del modo oscuro?
Hemos seleccionado Desactivar la imagen de fondo y la configuración de mosaico anterior en la configuración del tema Graceful y hemos agregado este CSS:
// Color de fondo en lugar de la imagen de fondo de Graceful
.background-container {
background-color: #FAF0FC;
}
Este violeta claro se ve genial en la paleta de colores predeterminada, pero también aparece en la del modo oscuro en lugar del gris oscuro, lo cual no es bueno.
El CSS original menciona una variable, pero no sé cómo usarla de manera que proporcione diferentes colores para claro u oscuro:
Detalle importante, solo queremos cambiar el color del fondo principal, no el fondo de las áreas con texto. Por eso no podemos usar directamente los valores de la Paleta de colores (a menos que me haya perdido algo).
Todavía intentando cambiar el fondo para el modo predeterminado (claro) manteniendo el fondo oscuro para el modo oscuro.
Incluso si quisiéramos un color liso para el fondo claro, cualquier cosa que hayamos intentado con CSS añade el mismo color al fondo en modo oscuro.
Por eso estamos intentando con una imagen en su lugar. Cuando la imagen de fondo se establece en predeterminada, se utiliza la imagen de fondo predeterminada de Graceful para el modo claro, pero para el modo oscuro hay un fondo oscuro. Sería genial si pudiéramos añadir una imagen personalizada que solo se usara en el modo claro, pero cuando lo intentamos, se utiliza la misma imagen en modo oscuro. Debido a que la imagen de fondo es brillante y adecuada para el modo claro, arruina el modo oscuro.
¿Alguien puede ayudarme a resolver esto, por favor?
@piffy Muchas gracias. Este es un buen trabajo alternativo, de hecho.
Me perdí en las matemáticas al calcular un número SVG que, con un 20% de opacidad, resultará en #FAF0FC, pero esto se acerca lo suficiente a mis ojos, y el modo oscuro es oscuro. ¡Uf!
// Color de fondo en lugar de imagen de fondo Graceful
.background-container {
background: rgb(200 190 192 / 20%);
}
¿Alguien ha encontrado una manera de ajustar correctamente el ancho del foro con este tema?
Mis cambios de CSS no parecen tener efecto, y el componente de ancho personalizado de Canapin funciona bien en el tema predeterminado, pero parece no tener ningún efecto en Graceful.
Por defecto, el foro es muy estrecho y sería genial poder cambiar esto.
El TC de Canapin funciona para mí en este tema.
Este TC establece las variables CSS --d-max-width y --topic-body-width.
Es posible que tengas otro TC o personalizaciones que sobrescriban estos valores.
Puedes intentarlo manualmente, por ejemplo:
body {
--d-max-width: 1500px;
--topic-body-width: 1500px;
}
como ejemplo, el cambio en el relleno, el fondo, etc. se aplican correctamente, pero el color del texto en sí se ignora y permanece en el amarillo predeterminado. ¿Hay algo diferente que deba abordar para cambiar eso? El amarillo es extremadamente difícil de leer sobre un fondo blanco por defecto.
En móvil, el ancho del foro ahora es ligeramente mayor que la pantalla debería ser, ¿hay alguna forma de que se mantenga en un ancho máximo del 100% en móvil y no se exceda, pero sin deshacer el aumento de ancho para los usuarios de escritorio?
Tengo el mismo problema que @Solari tuvo anteriormente, en que las barras de color en móvil no están presentes. Intenté usar el código CSS sugerido en la respuesta, pero eso no pareció resolver el problema, ¿alguien descubrió cómo recuperar las barras de color de categoría en móvil?
De acuerdo, estuve revisando aquí en Meta con el tema Graceful seleccionado. En el móvil, por alguna razón, no hay barras de colores como en el escritorio. Yo mismo no estoy seguro de por qué.
Sin embargo, en el escritorio, en el panel lateral, cámbialo a vista móvil y deberías poder usar el elemento de inspección. También revisaría en modo de escritorio y vería cómo difiere el CSS. Si es necesario, probablemente pueda crear un componente personalizado con anulaciones en el móvil para que las barras de colores funcionen como se espera.
¡Gracias! Lo aprecio. Dado que otros usuarios ya habían informado del problema anteriormente en este hilo, esperaba una solución más permanente que se mantuviera incluso después de futuras actualizaciones de Grace.
