How do I find all onAppEvents? Is there any event for color scheme switching?

Alex_P · May 24, 2021, 8:44pm

In the JS API there is onAppEvent allowing to listen for an event. But how can I find the list of these events? I tried searching for onAppEvent and .trigger(, but have not found much.

Right now I am looking for an event triggering on the automatic color scheme switching (Automatic Dark Mode color scheme switching). Does such event exist?

fzngagan · May 25, 2021, 8:18am

You need to look for this.appEvents.trigger and this.appEvents.on
This object accessible from a handful of ember objects.

github.com

discourse/discourse/blob/50926f614342336793f1b78672b387d545d48de3/app/assets/javascripts/discourse/app/pre-initializers/inject-discourse-objects.js#L45

    
      
          
          
export default {
            name: "inject-discourse-objects",
            after: "discourse-bootstrap",
          
          
  initialize(container, app) {
              registerObjects(container, app);
          
          
    let siteSettings = container.lookup("site-settings:main");
          
          
    ALL_TARGETS.forEach((t) =>
                app.inject(t, "appEvents", "service:app-events")
              );
          
          
    const currentUser = User.current();
              app.register("current-user:main", currentUser, { instantiate: false });
              app.currentUser = currentUser;
          
          
    ALL_TARGETS.forEach((t) =>
                app.inject(t, "topicTrackingState", "topic-tracking-state:main")
              );

pmusaraj · May 25, 2021, 2:29pm

This specific event is handled by the browser, Discourse doesn’t have its own event here. But you can have a JS listener for the prefers-color-scheme media query. See How to detect dark mode using JavaScript (or search Google for other examples).

Topic		Replies	Views
How to subscribe to events (topic created, topic closed, etc..) dev	3	927	September 20, 2019
Automatic Dark Mode color scheme switching announcements new-feature , auto-dark	27	16165	October 5, 2023
Use color scheme color if dark scheme, otherwise use my color in theme dev	2	874	May 25, 2021
How to control if a color scheme gets the dark or the light logo? support	16	768	August 26, 2023
How to Intercept page scroll event dev	4	2161	August 27, 2020

How do I find all onAppEvents? Is there any event for color scheme switching?

Related Topics