聊天外观定制

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

我有想要使用的 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;
}
1 个赞

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

请阅读:Developing Discourse Themes & Theme Components

3 个赞

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

这是我的文件夹结构。

1 个赞

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

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

2 个赞

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

1 个赞

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

6 个赞

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

2 个赞

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.