diff --git a/src/definitions/elements/icon.less b/src/definitions/elements/icon.less index 7856a302e..40da4fc45 100755 --- a/src/definitions/elements/icon.less +++ b/src/definitions/elements/icon.less @@ -274,43 +274,53 @@ i.inverted.yellow.icon { color: @lightYellow !important; } -/* Inverted Circular */ +/* Inverted Shapes */ +i.inverted.bordered.icon, i.inverted.circular.icon { background-color: #222222 !important; color: #FFFFFF !important; } +i.inverted.bordered.black.icon, i.inverted.circular.black.icon { background-color: @black !important; color: #FFFFFF !important; } +i.inverted.bordered.blue.icon, i.inverted.circular.blue.icon { background-color: @blue !important; color: #FFFFFF !important; } +i.inverted.bordered.green.icon, i.inverted.circular.green.icon { background-color: @green !important; color: #FFFFFF !important; } +i.inverted.bordered.orange.icon, i.inverted.circular.orange.icon { background-color: @orange !important; color: #FFFFFF !important; } +i.inverted.bordered.pink.icon, i.inverted.circular.pink.icon { background-color: @pink !important; color: #FFFFFF !important; } +i.inverted.bordered.purple.icon, i.inverted.circular.purple.icon { background-color: @purple !important; color: #FFFFFF !important; } +i.inverted.bordered.red.icon, i.inverted.circular.red.icon { background-color: @red !important; color: #FFFFFF !important; } +i.inverted.bordered.teal.icon, i.inverted.circular.teal.icon { background-color: @teal !important; color: #FFFFFF !important; } +i.inverted.bordered.yellow.icon, i.inverted.circular.yellow.icon { background-color: @yellow !important; color: #FFFFFF !important; diff --git a/src/themes/packages/default/globals/site.variables b/src/themes/packages/default/globals/site.variables index 5224e7bd2..aac373f0a 100755 --- a/src/themes/packages/default/globals/site.variables +++ b/src/themes/packages/default/globals/site.variables @@ -89,9 +89,9 @@ @transparentBlack : rgba(0, 0, 0, 0.05); @strongTransparentBlack : rgba(0, 0, 0, 0.10); -@subtleTransparentWhite : rgba(255, 255, 255, 0.01); +@subtleTransparentWhite : rgba(255, 255, 255, 0.03); @transparentWhite : rgba(255, 255, 255, 0.05); -@strongTransparentWhite : rgba(255, 255, 255, 0.01); +@strongTransparentWhite : rgba(255, 255, 255, 0.08); /* Used for differentiating neutrals */ @subtleGradient: linear-gradient(transparent, rgba(0, 0, 0, 0.05));