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

app/assets/javascripts/discourse/app/pre-initializers/inject-discourse-objects.js

50926f614


      
          
          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..) Development	3	1015	September 20, 2019
AppEvents Triggers Reference Developer Guides	0	438	November 26, 2024
How to Intercept page scroll event Development	4	2407	August 27, 2020
Where to find all the events for on()? Development	3	66	June 7, 2025
Documentation on Client Api Support	2	792	February 13, 2021

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

Related topics