Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$
Light
Dark
System
Ask  Question

SVG colors turned black


All SVG colors on the site automatically turned black.
Not just for one site. The SVG on the sites in my local has turned black.
It happened without any CSS, HTML changes.

Example: https://i.postimg.cc/26dMBb92/image.png
Example 2: https://i.postimg.cc/k52bTz0b/image.png


S
S S 1 year ago
HTML Metronic
4 Answers
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (4)

S
Sean Author1 year ago

Hi,

Can u fully update the src folder including the SVG icons and sass files and recompile the assets folder?
In the recent updates, we have slightly improved the SVG icons to support CSS color passing as text.

For more info about using Metronic please check the Theme Documentation
and Video Tutorials

Regards.


user
M Fadillah 1 year ago

Me too. Check this preview. Your preview also turn back. How to fix it?
https://preview.keenthemes.com/metronic/demo3/index.html
Screenshot: https://prnt.sc/ZgVbL6wZvHjL


S
S S 1 year ago

Thanks for whole answers, i will try


S
Sean Author1 year ago

Have you tried to upgrade your browser to the latest version?
May I know your OS/Browser versions?

We tested it with the latest version of all major browsers on Windows/Mac and it worked fine.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(