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

Refactor base colors to configurables directory. Allow customizing primary color for light and dark mode #1957

Conversation

ddelnano
Copy link
Member

@ddelnano ddelnano commented Jun 27, 2024

Summary: Refactor base colors to configurables directory. Allow customizing primary color for light and dark mode

This change makes it possible to have different main colors for light and dark mode. The contrast difference between the light mode background and the text color scores poorly with the contrast checker.

Relevant Issues: N/A

Type of change: /kind cleanup

Test Plan: Tested UI to verify that it looks the same in light and dark mode

  • Verified all references to COLORS.PRIMARY[500] have been updated with new structure

@ddelnano ddelnano requested a review from a team as a code owner June 27, 2024 22:15
…ing primary color for light and dark mode

Signed-off-by: Dom Del Nano <ddelnano@gmail.com>
@ddelnano ddelnano force-pushed the ddelnano/refactor-colors-and-allow-light-dark-mode-diff branch from b99fa95 to 24ca5fa Compare June 27, 2024 22:19
src/ui/src/configurables/base/theme-colors.ts Outdated Show resolved Hide resolved
Signed-off-by: Dom Del Nano <ddelnano@gmail.com>
@ddelnano ddelnano requested a review from a team as a code owner June 27, 2024 22:41
@ddelnano ddelnano force-pushed the ddelnano/refactor-colors-and-allow-light-dark-mode-diff branch from 1e2eb7c to 7f5664a Compare June 27, 2024 22:41
@ddelnano ddelnano removed the request for review from a team June 27, 2024 22:47
@ddelnano ddelnano merged commit e0aa3e2 into pixie-io:main Jul 1, 2024
35 of 37 checks passed
@ddelnano ddelnano deleted the ddelnano/refactor-colors-and-allow-light-dark-mode-diff branch July 1, 2024 16:46
ddelnano added a commit to ddelnano/pixie that referenced this pull request Sep 23, 2024
…imary color for light and dark mode (pixie-io#1957)

Summary: Refactor base colors to configurables directory. Allow
customizing primary color for light and dark mode

This change makes it possible to have different main colors for light
and dark mode. The contrast difference between the light mode background
and the text color scores poorly with the [contrast
checker](https://webaim.org/resources/contrastchecker/?fcolor=12D6D6&bcolor=F6F6F6).

Relevant Issues: N/A

Type of change: /kind cleanup

Test Plan: Tested UI to verify that it looks the same in light and dark
mode
- [x] Verified all references to `COLORS.PRIMARY[500]` have been updated
with new structure

---------

Signed-off-by: Dom Del Nano <ddelnano@gmail.com>
GitOrigin-RevId: e0aa3e2
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.

2 participants