adding a reflex logo component

[tgberkeley]

All Submissions:

• Have you followed the guidelines stated in CONTRIBUTING.md file?
• Have you checked to ensure there aren't any other open Pull Requests for the desired changed?

Type of change

Please delete options that are not relevant.

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

New Feature Submission:

• Does your submission pass the tests?
• Have you linted your code locally prior to submission?

Changes To Core Features:

• Have you added an explanation of what your changes do and why you'd like us to include them?
• Have you written new tests for your core changes, as applicable?
• Have you successfully ran tests with your changes locally?

After these steps, you're ready to open a pull request.

a. Give a descriptive title to your PR.

b. Describe your changes.

c. Put `closes #XXXX` in your comment to auto-close the issue that your PR fixes (if such).

[Lendemor]

I'd prefer we add the svg file in the repo rather than using a link.

[picklelo]

We currently don't have a way to bundle up assets with a component (unless we include the logos in every app by default, which we probably don't want)

[Lendemor]

Yeah but using a link means we'll break some version of Reflex in the future if we ever move the image somewhere.
Could we make a NPM package that is a dependency of Logo ?
This way the image would be only installed when the component is used?

[tgberkeley]

Put it into html and then inside a color mode cond

[tgberkeley]

done

[picklelo]

We can do rx.color_mode_cond and show the white logo in dark mode: https://github.com/reflex-dev/reflex-web/blob/main/assets/Reflex_white.svg

[tgberkeley]

done