code4rena-dev / components-library

Components library for Code4rena, and accessible as a package to be used in React based Code4rena products.
https://components-library-wine.vercel.app
0 stars 0 forks source link

Icon color handling #74

Open SamusElderg opened 1 month ago

SamusElderg commented 1 month ago

We should set the icon fills to currentColor so that we can adjust their color using css.

ie:

  <svg width="16px" height="16px" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path fill="white" fill-rule="evenodd" clip-rule="evenodd"></path>
  </svg>

would become:

<svg width="16px" height="16px" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
  <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path>
</svg>

not sure how to make this backwards compatible in a feasible manner though, will look into it when this becomes priority