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	15	1566	February 1, 2024
How to customize appearance of discourse embeds? support	5	848	November 5, 2022
Background color of iFrame not working support	3	3626	August 14, 2022
How to solve cross-origin for embedded Discourse? support	0	435	December 23, 2022
Style the embedded Discourse frame on your web page theme developers how-to	0	3009	November 20, 2015

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

Related Topics