created:12/30/2020
updated:12/30/2020
loc
99
comments
10%
PatternFlyColor
Color item displaying the color as a row with a color circle with CSS var name and on click popup. Design inspired by PatternFly.
#004080 (Hover)
--pf-global--primary-color--200
#0066cc
--pf-global--primary-color--100
#470000 (alert icon)
--pf-global--primary-color--100
#a30000 (alert title)
--pf-global--danger-color--200
#c9190b (alert icon background)
--pf-global--danger-color--100
id | description | |
|---|---|---|
avoid-inline-spacing | Ensure that text spacing set through style attributes can be adjusted with custom stylesheets... | |
color-contrast | Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds... |
#004080 (Hover)
--pf-global--primary-color--200
#0066cc
--pf-global--primary-color--100
#470000 (alert icon)
--pf-global--primary-color--100
#a30000 (alert title)
--pf-global--danger-color--200
#c9190b (alert icon background)
--pf-global--danger-color--100
#004080 (Hover)
--pf-global--primary-color--200
#0066cc
--pf-global--primary-color--100
#470000 (alert icon)
--pf-global--primary-color--100
#a30000 (alert title)
--pf-global--danger-color--200
#c9190b (alert icon background)
--pf-global--danger-color--100
#004080 (Hover)
--pf-global--primary-color--200
#0066cc
--pf-global--primary-color--100
#470000 (alert icon)
--pf-global--primary-color--100
#a30000 (alert title)
--pf-global--danger-color--200
#c9190b (alert icon background)
--pf-global--danger-color--100
#004080 (Hover)
--pf-global--primary-color--200
#0066cc
--pf-global--primary-color--100
#470000 (alert icon)
--pf-global--primary-color--100
#a30000 (alert title)
--pf-global--danger-color--200
#c9190b (alert icon background)
--pf-global--danger-color--100