Update theme to match astrolicious colors

[alexanderniebuhr]

We need to update the current starlight theme of our Astro Tips project to align with the theme colors used on Astrolicious. This will help maintain a consistent look and feel across our web properties.

Task

1. Visit the Astrolicious website and note down the primary and secondary color schemes.
2. Use the Color Theme Editor on Starlight to adjust our current theme to match the noted colors from Astrolicious.
3. Ensure that the changes are visually and functionally coherent across all components of the Astro Tips project.
4. The icon from Astrolicious can be reused; make sure it integrates well with the new theme.

Additional Notes

• Please test the changes thoroughly to ensure that there are no visual regressions or functionality issues.
• If you encounter any problems or have questions during the update, feel free to ask for help in the 'tips' channel on our Discord server.

Acceptance Criteria

• The theme colors of the Astro Tips project match those of the Astrolicious site.
• The integration of the theme and icon looks seamless and professional.
• All functionalities are working as expected without any issues.

This update is crucial for maintaining our brand’s visual identity. Looking forward to seeing the refreshed theme. Thank you!

[at-the-vr]

I would like to take this Issue

[at-the-vr]

Hey Alex, about this ⬇️

The icon from Astrolicious can be reused; make sure it integrates well with the new theme.

Can you clarify this to me?

[alexanderniebuhr]

Sure, we thought using the same icon from the website, and maybe also having the word Astro Tips in a similar font, but those are minor details :)

[at-the-vr]

Sounds good, I believe that is covered by starlight logo config : current result - https://imgur.com/a/wxEpk3i Is the a dark logo svg available to handle dark mode case as well ? not needed, there was a style attribute changing the fill color