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
KylePrice's avatar
KylePrice
Community Member
1 month ago

Developer control over all icon types within the Resources tab is crucial. From accessibility concerns to branding issues, this is important to all. Please take action on this, to allow us some editability.

  • 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";
});