Skip to content

[bug]: loader component does not adapt to the primary color #2000

@mattisvensson

Description

@mattisvensson

What version of design-system are you using?

  • Strapi Design System Version: 2.1.2
  • Browser: any

What's Wrong?

The loader component uses a svg in an image tag to display the loading animation. The svg has a hardcoded hex value for the "fill" attribute. When the primary color in the theme is changed, the loader still shows the original purple primary color.

To Reproduce

Change the theme colors in the app.js file and reload the admin dashboard.

Expected Behaviour

The loader component should be in the same color as the primary color to allow a consitent admin theme.

Possible Solution

A solution would be to set the fill attribute on the svg to "currentColor", implement the svg as an inline svg and add the primary theme color from a wrapper element.

I am more than happy to contribute and create a pull request for this issue.

Metadata

Metadata

Assignees

No one assigned

    Labels

    issue: bugIssue reporting a bugstatus: pending reproductionWaiting for free time to reproduce the issue, or more information

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions