Hi Ben, unfortunately, the fill background color cannot be managed through API at the moment. 
Could you please share the use case, for which you wanted to do it? 

Thanks,

Sultan

Hi, thanks for getting back to me - I guessed that might be the case.

Context / Use case

As a regular user of the JIRA integration, having the ability to colour cards by ticket type would very valuable to be able to quickly distinguish between. Using a custom background fill color would make this this a lot easier when displaying a lot of cards.

While this is not possible (currently) with the default JIRA Miro integration, having had some (successful) recent experience developing a Miro app for basic integration with zoom, a few of us in my group at work were discussing the possibility to develop our own solution; Given how much we rely on both Miro and JIRA this would likely be worth the development time (and also quite a fun project). While we worked out how we create and add custom fields to cards, achieving a similar result to the JIRA card integration, we could not find any way of modifying the card fill color though the API, despite this being possible through the GUI. See screenshot below where the top card is one imported using the JIRA integration and the bottom card has been created from a existing colored card (created using the GUI), with custom widgets added to match the appearance of the one created by the JIRA integration plugin. 

Hope that helps!

Many thanks,

Ben.

Thanks for the detailed description of the need Ben! 

Although this API functionality is not available at the moment, such input helps prioritize the most important improvements. 

Best,

Sultan

While I’m not using the Jira integration, I have been changing the color of the cards using the REST API.  When I change it either with REST or through the UI, it only changes, the border color, however, so this may not be what you want.  I have a custom tool to import cards from Rally and color them to indicate certain error conditions like this:

This is done using “style” : {“backgroundColor” : “#f16c7f”} 

It doesn’t seem to change the background for me, only the border color, but that is the same thing I see when using the control in Miro.  I think the catch when using the style is that only certain colors are allowed (at least that is the case with stickers).  I had a previous post on that, but I think these are the allowed colors (by trial and error)

GREY = "#f5f6f8";YELLOW = "#fff9b1";LIGHT_ORANGE = "#f5d128";OLIVE = "#d0e17a";GREEN = "#d5f692";PASTEL_BLUE = "#a6ccf5";AQUA = "#67c6c0";BLUE = "#23bfe7";ORANGE = "#ff9d48";PINK = "#ea94bb";RED = "#f16c7f";PURPLE = "#b384bb";

this would be game changing for our ability to share roadmaps that are color coded meaningful to our sales and operations teams values and goals but not important from an engg perspective

In our case we use cards color coding to track goals/task completed in one sprint/iteration.

• We use the miro in zoomed-in mode to discuss what is our goal/task about.

• Alternativelly you can zoom out and just by the green/red cards ratio and their connection “tell the story” what is happening in our dev team from perspective on longer period of time (on the attached image).

This bird view does not care about card content, the color matters. By seeing connected red cards we can easily identify a “story” of a problematic feature and how long it was hanging around (later can be inspected by zooming in again).

Having JIRA integration cards background parameter to be used on full background of the card will allow us to use birds-view with more success. Typically after task is finished, background decreasing readability is not a problem and if we want readability, we can keep default or white background for our cards.

Since posting this a few years ago its clearly now possible to set standard card colours and card fill through using the Web SDK 2.0 though the style.cardTheme property. 

For example:

const cards = await miro.board.get({type: 'card'});
const id = 0
cardsdid].style.cardTheme = '#FF00000' // Set colour to red
cardsdid].style.fillBackground = true  // Toggle background fill
await cardsdid].sync()
await miro.board.viewport.zoomTo(cardsdid]);

What seems to not be possible though sadly (at least as far as i can tell) is to set the card colour IF the card is a Miro Jira Card for some reason.

Hi @Ben Mort,

Thank you for the detailed update on your work with the Web SDK 2.0. It's great to hear that you're able to set card colors and toggle background fills with standard Miro cards!

Regarding the JIRA cards, it’s good to keep in mind that they work a bit differently from the standard Cards app, which is managed directly by Miro. Since JIRA cards are part of an integration, they come with some unique limitations and functionalities. 

Your feedback is invaluable, and if there's anything else you need help with or if you have more insights to share, please share it with the Community.