How to switch between dark mode and bright white mode in embedded Discourse

matenauta · February 3, 2023, 6:54pm

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

Topic		Replies	Views
Automatic dark mode for embedded comments as well? Feature embedding	17	1855	November 6, 2024
How to customize appearance of discourse embeds? Support	5	1051	November 5, 2022
Background color of iFrame not working Support	3	4913	August 14, 2022
How to solve cross-origin for embedded Discourse? Support	0	476	December 23, 2022
Style the embedded Discourse frame on your web page Administrators how-to	0	3185	November 20, 2015

How to switch between dark mode and bright white mode in embedded Discourse

Related topics