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

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

公式の方法はありますが、公式テーマのみを対象としています: Styling of Embedded Discourse

こちらがお役に立つかもしれません:

app/assets/stylesheets/embed.scss

67e422c2d

@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	2189	2024 年 11 月 6 日
How to solve cross-origin for embedded Discourse? Support	0	499	2022 年 12 月 23 日
Trouble using embedding in dark mode Support embedding	3	526	2023 年 8 月 12 日
How to customize appearance of discourse embeds? Support	4	1264	2022 年 10 月 6 日
Background color of iFrame not working Support	2	6290	2022 年 7 月 15 日

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

関連トピック