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

fix: fix background colours after patternfly removal #4803

Merged
merged 1 commit into from Nov 14, 2023

Conversation

benoitf
Copy link
Collaborator

@benoitf benoitf commented Nov 14, 2023

What does this PR do?

background color was missing on some input
apply colors

Screenshot/screencast of this PR

you can see old look&feel in the referenced issue

how it looks in this PR:
image

What issues does this PR fix or reference?

fixes #4762 (comment)

How to test this PR?

fixes containers#4762 (comment)
Signed-off-by: Florent Benoit <fbenoit@redhat.com>
@benoitf benoitf requested a review from a team as a code owner November 14, 2023 12:49
@benoitf benoitf requested review from dgolovin and lstocchi and removed request for a team November 14, 2023 12:49
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.

I'm good with this.

Makes me wonder if there's an issue with the dark mode setting, but also that we will need to do Text component at some point (#3234).

@benoitf
Copy link
Collaborator Author

benoitf commented Nov 14, 2023

so for now there is no "light/dark" mode in Podman Desktop so it takes default colour and assume it'll take light colours.
patternfly was set to dark

from now we'll be able to introduce context switching for colours and add specifics for light or dark

@benoitf benoitf merged commit d179936 into containers:main Nov 14, 2023
8 of 9 checks passed
@podman-desktop-bot podman-desktop-bot added this to the 1.6.0 milestone Nov 14, 2023
@deboer-tim
Copy link
Collaborator

so for now there is no "light/dark" mode in Podman Desktop so it takes default colour and assume it'll take light colours. patternfly was set to dark

My bad, I had seen this in the website and thought I was looking at the main tailwind cfg:
https://github.com/containers/podman-desktop/blob/cedd28b8b2b4cf9676a4e722d8dfff17a62809d0/website/tailwind.config.js#L6C1-L6C1

Re: https://tailwindcss.com/docs/dark-mode

from now we'll be able to introduce context switching for colours and add specifics for light or dark

👍🏼. I think we should figure out how we're going to do the toggle and introduce a private feature flag for light mode soon, so that we can start exploring.

deboer-tim added a commit that referenced this pull request Nov 15, 2023
After the PatternFly removal I noticed that the scrollbars on Mac are in light-mode.
PF-dark was setting the color-scheme before, setting it again fixes the problem and
means we can also remove the explicit text-white. (maybe some of the changes in
#4803 too?)

PF was also setting the line height to 0.9. I'm not tied to it, but it makes buttons,
multi-line text, and preferences nav items all less tall. Maybe I'm just used to it,
but I prefer a smaller window and 0.95 gets most of the way there & uses less space.

Signed-off-by: Tim deBoer <git@tdeboer.ca>
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