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

Enable dark mode #613

Merged
merged 42 commits into from
Jul 11, 2024
Merged

Enable dark mode #613

merged 42 commits into from
Jul 11, 2024

Conversation

kevinsung
Copy link
Collaborator

@kevinsung kevinsung commented Jun 27, 2024

Fixes #575.

Replaces the existing Carbon icons with different SVGs that are more easily adapted for dark mode by replacing the fill with "currentColor".

TODO:

  • Add dark mode screenshot tests
  • Add more dark mode screenshot tests
  • Make accent purple
  • Fix other color issues

@kevinsung kevinsung force-pushed the dark-mode branch 2 times, most recently from 828a552 to 05b5486 Compare June 27, 2024 20:27
@Eric-Arellano
Copy link
Collaborator

Eric-Arellano commented Jun 28, 2024

Consider having the icons change be a dedicated precursor PR.

For dark mode, I think it's plausible we'll want visual regression testing for possibly everything, or at least most of them, in dark mode. That's a big PR, so it's useful to split out "prefactors" (refactors as precursors)

@kevinsung kevinsung force-pushed the dark-mode branch 4 times, most recently from fc9447a to 02bee9e Compare July 3, 2024 18:34
@kevinsung kevinsung marked this pull request as ready for review July 3, 2024 19:18
@kevinsung
Copy link
Collaborator Author

@Eric-Arellano PTAL. Jupyter looks bad but I don't know if there's a good way to fix that or if it's within the scope of this PR. Furo suffers from the same issue. See jupyter/jupyter-sphinx#218.

Copy link
Collaborator

@Eric-Arellano Eric-Arellano left a comment

Choose a reason for hiding this comment

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

Great work! This is so exciting :)

tests/js/tests.js Outdated Show resolved Hide resolved
tests/js/tests.js Show resolved Hide resolved
Copy link
Collaborator

@Eric-Arellano Eric-Arellano left a comment

Choose a reason for hiding this comment

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

Code changes look great now! Once Grace approves the admonitions, this is ready to merge

@kevinsung
Copy link
Collaborator Author

CI failure seems unrelated. It's been consistently happening for the past half hour or so though.

 error: nodeenv-creation-failed

× Failed to create a `nodeenv`

@gracelindsell
Copy link

@kevinsung this all looks good!

Copy link
Collaborator

@Eric-Arellano Eric-Arellano left a comment

Choose a reason for hiding this comment

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

👏

@kevinsung kevinsung merged commit 0f4e931 into Qiskit:main Jul 11, 2024
3 checks passed
@kevinsung kevinsung deleted the dark-mode branch July 11, 2024 14:35
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.

Add dark mode to ecosystem theme!
3 participants