Qiskit-ify Furo theme: remove dropshadows from components about qiskit_sphinx_theme HOT 4 OPEN

This is good to know, I'll update the experiments docs to remove the drop shadow from cards. Do you know why these elements in carbon have shadows when others don't? Is there a general rule for when to add shadows?

from qiskit_sphinx_theme.

these elements are "toasts", which means they are designed to pop up in front of the screen and the user can close them. The drop shadow here is an intentional design choice to show there is depth to the page and that there may be stuff behind it that the user might want to uncover by closing the toast.

So i think a general rule of thumb is any element that is a permanent fixture on the page should not have a dropshadow, but things like notifications and cookie warnings that are closable can have them

from qiskit_sphinx_theme.

update: I realised we also have drop shadows for the cards and dropdowns, these should also use the flat carbon design system. Additionally, these 2 components have slightly rounded radius, the should have border-radius:0

from qiskit_sphinx_theme.

same for admonitions. Dropshadow should be removed and border radius should be 0

We should also make sure these colours are the right ones for IBM/Qiskit.

IBM carbon equivalent: https://carbondesignsystem.com/components/notification/style

from qiskit_sphinx_theme.