Add dark mode version of all images

[abbycross]

URL to the relevant documentation

No response

Please describe the UI problem.

Some images do not show up well in dark mode. The design team can spin up dark-mode versions for us so that they will automatically show up when dark mode is being used.

Note: The name of the dark version should be original-name@dark Note2: If it's not too much extra work, any image with text should be .svg for translation. I think it would be a good idea for us to store the editable source files along with the images. @Eric-Arellano - thoughts?

Image home: https://github.com/Qiskit/documentation/tree/main/public/images

The following images are used in the documentation and do not have dark mode versions:

• [ ] /images/guides/batch.png
• [ ] /images/guides/circuits_shots_matrix1.png
• [ ] /images/guides/custom-transpiler-pass/DAG_circ.png
• [ ] /images/guides/error-mitigation-explanation/gate_twirls.png
• [ ] /images/guides/error-mitigation-explanation/measurement_twirling.png
• [ ] /images/guides/error-mitigation-explanation/pauli_twirling.png
• [ ] /images/guides/error-mitigation-explanation/zne.png
• [ ] /images/guides/find-providers1.png
• [ ] /images/guides/fixed_batch_circuit1.png
• [ ] /images/guides/fixed_single_circuit1.png
• [ ] /images/guides/install/release_schedule.png
• [ ] /images/guides/interoperate-qiskit-qasm3/qasm3circ-qiskit-1.0.png
• [ ] /images/guides/leaving1.png
• [ ] /images/guides/paulibasis.png
• [ ] /images/guides/pre-transpiled.png
• [ ] /images/guides/processor-types/seg-h.png
• [ ] /images/guides/qasm2.png
• [ ] /images/guides/rta-architecture.png
• [ ] /images/guides/simulate-with-qiskit-primitives/estimator-initialize.png
• [ ] /images/guides/simulate-with-qiskit-primitives/sampler-initialize.png
• [ ] /images/guides/transpiled.png
• [ ] /images/guides/transpiler-11.png
• [ ] /images/guides/transpiler-16.png
• [ ] /images/guides/transpiler-17.png
• [ ] /images/guides/unitary-synthesis/unitary_resynth-qiskit-1.0.png
• [ ] /images/guides/view-switcher1.png
• [ ] /images/migration/admin-UI1.png
• [ ] /images/optimize/m3.png
• [ ] /images/optimize/sampling-overhead.png
• [ ] /images/guides/broadcasting.svg
• [ ] /images/guides/error-mitigation-explanation/dd.jpg
• [ ] /images/guides/processor-types/canary.svg
• [ ] /images/guides/processor-types/eagle.svg
• [ ] /images/guides/processor-types/egret.svg
• [ ] /images/guides/processor-types/falcon.svg
• [ ] /images/guides/processor-types/hummingbird.svg
• [ ] /images/guides/processor-types/osprey.svg
• [ ] /images/guides/providers1.jpg
• [ ] /images/optimize/resilience-2.png
• [ ] /images/optimize/stratified.png"
• [ ] /images/qiskit-patterns/execute.svg
• [ ] /images/qiskit-patterns/map-problem.svg
• [ ] /images/qiskit-patterns/optimize.svg
• [ ] /images/qiskit-patterns/post-process-results.svg

[Eric-Arellano]

The design team can spin up dark-mode versions for us so that they will automatically show up when dark mode is being used.

Do you know how they do this? I'm wondering if we can automate it on our end so that we don't have to ask them every time.

[abbycross]

I do not know -- I will ask! (They often create the original images for us so in those cases we might as well get both dark and light versions from them, but it would be nice to be able to do it ourselves, especially for the existing ones)

[abbycross]

Terris has some ideas and has added it to the list of things to work on in Q124.

[beckykd]

I discussed this with the design team and it sounds like they're willing to take this on.