Start using design tokens in your apps, and try dark theme in Jira Cloud

Atlassian Ecosystem Design Ecosystem Design Announcements
14

Hey @remie,

Currently, the plan is to follow your recommendation to, at a minimum, make theming an opt-in feature for Connect. The direction we’re experimenting with at the moment is to provide an AP method that allows you to initialise/opt-in to theming when the app loads (we’re also planning to look into options for SSR, we will share an update on that early next year.)

It would look something like this (ignore naming for the time being):

function themeChangedCallback(theme) {
 // This is fired when the parent app's theme preferences change at runtime
}

// Styles are injected into the page + attributes are mounted to the HTML tag
AP.mountTheme(themeChangedCallback);

Resulting in:

<HTML data-theme="dark" data-color-mode="dark">
  <head>
    <style data-attr="theme-light">...</style>
    <style data-attr="theme-dark">...</style>
  </head>
  <body></body>
</HTML>

We are also assessing the feasibility of an App Descriptor-based approach per the recommendation of another partner.

That being said, our approach is not locked in yet, we’re still iterating and open to feedback. We’ll do our best to factor in as much as we can whilst also balancing the constraints of the system.

By the way, I’m not sure if you saw my response to this thread, but we’re running an early access program to give our partners a chance to trial the implementation and provide feedback directly. Would really encourage you to check it out!

Would you be interested in enrolling into our ecosystem EAP to give tokens a try directly in your app? You’ve shared some good feedback on the API already so far so could be beneficial for you to participate more directly. More information here .

Cheers,
Dan.

2 Likes