聊天外观定制

[agf1997]

我正在尝试自定义桌面上的新聊天窗口（全屏模式）。

我有想要使用的 CSS，但我不知道该将其放在主题的哪个位置才能生效。

我尝试了…

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

这些似乎都无法覆盖默认 CSS。

为了完整起见，这是我尝试注入的 CSS。

// 调整全屏聊天外观

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

您的文件夹/文件名结构不正确。

请阅读：Developing Discourse Themes & Theme Components

[agf1997]

我一定遗漏了什么。它哪里不对？

这是我的文件夹结构。

[merefield (Robert)]

OP 中分享的内容与此不同：

如果你想给聊天版主起个别的名字，必须在主文件中引用它们。

[agf1997]

抱歉造成混淆。在 OP 中，我试图传达我尝试创建的文件以及我放置它们的位置。我不想更改聊天模式的名称，我只是想弄清楚应该将 CSS 放在哪个 scss 文件中，才能仅影响桌面全屏模式聊天。

[awesomerobot (Kris)]

您可以将 CSS 放在 theme/desktop/desktop.scss 中 — 要影响聊天，它不必是特定于聊天的文件，您只需定位相关类即可。

[merefield (Robert)]

您可以使用 @import "chat" 或等效命令将它们导入到您的主文件中。