埋め込みDiscourseでダークモードと明るいホワイトモードを切り替える方法

satonotdead · 2023 年 2 月 3 日午後 6:54

There is an official way but only for official themes: Styling of Embedded Discourse

That could help:

discourse/discourse/blob/67e422c2d46d035a3ce96415b00aed295d837ee2/app/assets/stylesheets/embed.scss

@import "./vendor/normalize";
@import "./vendor/normalize-ext";
@import "./common/foundation/base";
@import "./color_definitions";
@import "./common/components/buttons";

article.post {
  border-bottom: 1px solid var(--primary-low);

  img.avatar {
    border-radius: 50%;
  }

  &.deleted {
    background-color: var(--danger-low);
  }

  .quote .title {
    border-left: 5px solid var(--primary-very-low);
    padding: 10px 10px 0 12px;

This file has been truncated. show original

トピック		返信	表示
Automatic dark mode for embedded comments as well? Feature embedding	17	1987	2024 年 11 月 6 日
How to solve cross-origin for embedded Discourse? Support	0	485	2022 年 12 月 23 日
Trouble using embedding in dark mode Support embedding	3	445	2023 年 8 月 12 日
How to customize appearance of discourse embeds? Support	5	1153	2022 年 11 月 5 日
Background color of iFrame not working Support	3	5923	2022 年 8 月 14 日

埋め込みDiscourseでダークモードと明るいホワイトモードを切り替える方法

関連トピック