You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When trying to adapt the color schemes of Custom Container's I noticed a slight inconsistency in how color functions are used, which led to some initial confusion.
The vars.css defined colors for various type, like tip, note, warning, etc.. These colors are (for the most part) used in the corresponding Custom Container's as well.
For example, as a user if I wish to have all tips (including Custom Containers) appear in green, I can set
However, I would expect to be only required to change the --vp-custom-block-note-* CSS variables if I want Note Custom Containers to be different from other Notes.
Describe the bug
When trying to adapt the color schemes of Custom Container's I noticed a slight inconsistency in how color functions are used, which led to some initial confusion.
The
vars.css
defined colors for various type, liketip
,note
,warning
, etc.. These colors are (for the most part) used in the corresponding Custom Container's as well.For example, as a user if I wish to have all tips (including Custom Containers) appear in green, I can set
However, if I wish to achieve the same for either Notes or Info, this doesn't work. As Note and Info Customer Containers are "hardcoded" to
default
in
vars.css
.Reproduction
Try to make a Note Custom Container
indigo
:But still, Note Customer container will be Gray.
Expected behavior
Setting
should make all notes (including Custom Containers) appear in indigo.
As a workaround users can additionally set
However, I would expect to be only required to change the
--vp-custom-block-note-*
CSS variables if I want Note Custom Containers to be different from other Notes.System Info
Additional context
No response
Validations
The text was updated successfully, but these errors were encountered: