Personalización de la apariencia del chat

[agf1997]

Estoy intentando personalizar la nueva ventana de chat (modo de pantalla completa) en el escritorio.

Tengo el CSS que me gustaría usar, pero no puedo averiguar dónde ponerlo en mi tema para que tenga efecto.

He probado…

my_theme/desktop/chat.scss
my_theme/desktop/chat_desktop.scss
my_theme/common/chat.scss
my_theme/common/chat_desktop.scss

Ninguno de esos parece anular el CSS predeterminado.

Para completar, aquí está el CSS que estoy tratando de inyectar.

// Ajustar la apariencia del chat en pantalla completa

.full-page-chat .chat-full-page-header {
	background: var(--primary-very-low);
}

.full-page-chat .chat-full-page-header {
	border-top: 0px;
}

:root {
	--d-max-width: 2000px;
}

.has-full-page-chat:not(.discourse-sidebar) {
	--max-chat-width: 2000px;
}

#main-outlet-wrapper {
	padding: 0 0px;
}

[merefield (Robert)]

La estructura de nombres de su carpeta/archivo es incorrecta.

Lea: Developing Discourse Themes & Theme Components

[agf1997]

Debo estar omitiendo algo. ¿Qué hay de incorrecto en ello?

Esta es la estructura de mi carpeta.

[merefield (Robert)]

Eso es diferente a lo que compartiste en el OP:

Si quieres nombrar a los moderadores del chat de manera diferente, debes referenciarlos en el archivo principal.

[agf1997]

Disculpe la confusión. En el OP, intentaba comunicar qué archivos intenté crear y en qué ubicaciones los coloqué. No quiero nombrar el modo de chat de manera diferente, solo estoy tratando de averiguar en qué archivo scss debo colocar el css para afectar solo al chat en modo de pantalla completa para escritorio.

[awesomerobot (Kris)]

Puedes poner tu CSS en theme/desktop/desktop.scss; para que afecte al chat, no tiene que estar en un archivo específico del chat, solo tienes que apuntar a las clases relevantes.

[merefield (Robert)]

Puedes usar @import "chat" o el equivalente para importarlos en tu archivo principal.