Skip to content
This repository has been archived by the owner on Apr 25, 2024. It is now read-only.

[DIR-1017] make logo changeable #526

Closed
wants to merge 29 commits into from

Conversation

stefan-kracht
Copy link
Member

@stefan-kracht stefan-kracht commented Dec 7, 2023

This PR introduces an environment variable to allow logo customization. The design components have been updated to handle a logo in any possible size without breaking the UI.

This change requires us to provide two logo versions, one for light mode and one for dark mode. Since the Direktiv logo is a static SVG, we were able to target the dark or light mode variation via tailwind classes at runtime. However, the theming behavior of a custom logo can not be known at runtime or the logo might not even be an SVG.

This change adds application state to the Logo component, which made me introduce a new Logo component inside the componentsNext folder to not leak application logic into our design system.

The new env variables are documented in the .env.example file

Additional fixes/improvements:

  • add yarn run preview command to scripts and Readme.md
  • updated src/api/registries/schema.ts to be compatible with the latest version of the backend b0266f2b7de2d49960f60ac0753c4ec5670d1805 (already merged i a different pr)

Signed-off-by: Stefan Kracht <stefan.kracht@direktiv.io>
Signed-off-by: Stefan Kracht <stefan.kracht@direktiv.io>
Signed-off-by: Stefan Kracht <stefan.kracht@direktiv.io>
Signed-off-by: Stefan Kracht <stefan.kracht@direktiv.io>
Signed-off-by: Stefan Kracht <stefan.kracht@direktiv.io>
Signed-off-by: Stefan Kracht <stefan.kracht@direktiv.io>
Signed-off-by: Stefan Kracht <stefan.kracht@direktiv.io>
Signed-off-by: Stefan Kracht <stefan.kracht@direktiv.io>
Signed-off-by: Stefan Kracht <stefan.kracht@direktiv.io>
Signed-off-by: Stefan Kracht <stefan.kracht@direktiv.io>
Copy link

linear bot commented Dec 7, 2023

DIR-1017 support theming

Signed-off-by: Stefan Kracht <stefan.kracht@direktiv.io>
Signed-off-by: Stefan Kracht <stefan.kracht@direktiv.io>
Signed-off-by: Stefan Kracht <stefan.kracht@direktiv.io>
Signed-off-by: Stefan Kracht <stefan.kracht@direktiv.io>
Signed-off-by: Stefan Kracht <stefan.kracht@direktiv.io>
Signed-off-by: Stefan Kracht <stefan.kracht@direktiv.io>
Signed-off-by: Stefan Kracht <stefan.kracht@direktiv.io>
Signed-off-by: Stefan Kracht <stefan.kracht@direktiv.io>
Signed-off-by: Stefan Kracht <stefan.kracht@direktiv.io>
Signed-off-by: Stefan Kracht <stefan.kracht@direktiv.io>
Signed-off-by: Stefan Kracht <stefan.kracht@direktiv.io>
Signed-off-by: Stefan Kracht <stefan.kracht@direktiv.io>
Signed-off-by: Stefan Kracht <stefan.kracht@direktiv.io>
Signed-off-by: Stefan Kracht <stefan.kracht@direktiv.io>
This reverts commit 3a38377.

Signed-off-by: Stefan Kracht <stefan.kracht@direktiv.io>
Signed-off-by: Stefan Kracht <stefan.kracht@direktiv.io>

# Conflicts:
#	Dockerfile.base
#	Dockerfile.dev
#	README.md
# Conflicts:
#	src/pages/OnboardingPage.tsx
#	src/pages/namespace/Layout.tsx
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant