Forum Discussion

TheOGMike's avatar
TheOGMike
Community Member
2 years ago

Is there a way to adjust the icon color in the course resources?

The PDF icon under "Resources" in my course is failing color contrast tests. Is there any way to adjust the color under the Modern player?
accessibility
storyline 360
StevenBenassi's avatar
StevenBenassi
Staff
25 days ago

Hi KylePrice​,

Thanks for adding your voice to this request!

I've shared your insights directly with our product team. In the meantime, can you walk me through what you and your team are currently doing to work around this limitation?

Context around real-world workflows helps our team make more informed decisions when prioritizing new features.

KylePrice's avatar
KylePrice
Community Member
8 hours ago

Upon publishing locally, you can go into a portion of the code and modify the color settings of the icons. This process is less than ideal. Would love to have more simplified color control for the accessibility concerns and client branding considerations.

  • Nedim's avatar
    Nedim
    Community Member
    6 hours ago

    KylePrice​ You could possibly run JavaScript trigger on Slide Master so you don't have to publish locally to modify. 

    const resources = document.getElementById("resources-content");

// .file-icon-text
resources.querySelectorAll(".file-icon-text").forEach(text => {
    text.style.color = "#2196f3";
});

// .file-icon-border
resources.querySelectorAll(".file-icon-border").forEach(border => {
    border.style.stroke = "#2196f3";
});

// .file-icon-fold
resources.querySelectorAll(".file-icon-fold").forEach(fold => {
    fold.style.stroke = "#2196f3";
});