Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: publish colors to the style of the app #5962

Merged
merged 1 commit into from Feb 15, 2024

Conversation

benoitf
Copy link
Collaborator

@benoitf benoitf commented Feb 12, 2024

What does this PR do?

it's publishing the colors in CSS with variables
so components can use the definition of these colors

register each color defined under the name --pd-<name-of-the-color>

depends on:

Screenshot / video of UI

image

What issues does this PR fix or reference?

related to #5914

How to test this PR?

unit tests provided

@benoitf benoitf requested a review from a team as a code owner February 12, 2024 16:02
@benoitf benoitf requested review from jeffmaury and feloy and removed request for a team February 12, 2024 16:02
Copy link
Collaborator

@deboer-tim deboer-tim left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

FontAwesome uses --fa- prefix, Tailwind uses --tw-. Could we just use --pd-?

The mix of both - and camelcase (i.e. --a-b-CandD) is a little jarring to me, and most others seem to use only -. If this is the main way people will interact I'm wondering if we should switch, or maybe even auto-convert when we expose as vars?

@benoitf
Copy link
Collaborator Author

benoitf commented Feb 13, 2024

yes I was thinking the same after I started the implementation. (short name rather than podman-desktop)
I'll change

About color names I think they need to have the same name with or without the prefix

so if we want --pd-globalNavBg rather than --pd-GlobalNavBg we'll need to change the color definition

@benoitf
Copy link
Collaborator Author

benoitf commented Feb 13, 2024

and we might expose the color palette colors as well but it's surely a separate PR

@benoitf
Copy link
Collaborator Author

benoitf commented Feb 15, 2024

updated the PR with new shorter color scheme --pd-color-name

it's publishing the colors in CSS with variables
so components can use the definition of these colors

related to containers#5914
Signed-off-by: Florent Benoit <fbenoit@redhat.com>
@benoitf
Copy link
Collaborator Author

benoitf commented Feb 15, 2024

@deboer-tim are we good now ?

Copy link
Collaborator

@deboer-tim deboer-tim left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yup, thanks for the changes.

@benoitf benoitf merged commit de8514b into containers:main Feb 15, 2024
8 checks passed
@podman-desktop-bot podman-desktop-bot added this to the 1.8.0 milestone Feb 15, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants