1. Adventist Web Engine
  2. Solution home
  3. Tips
  4. General Website

Logos that work for Web Engine

The logo can work with dark mode and light mode and the theme colors. The SVG file needs to be opened in a text editor, so the actual text elements are visible (and not an Illustrator graphic interface).


You would need to go in the code to remove any “fill” attributes and replace them with fill=“currentColor”. This value is known in the system and will allow the system to place the correct colors in the logos as they are needed.


Additionally:

Please make sure there are no class settings or css styles in the logo.

ex:  class="h-full w-full"


The svg file cannot be a converted image file that is simply wrapped in svg tags. The svg file needs to be purely text that the system can access and update with sizing and colors as needed.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article