diff --git a/lesscss/base/colors.less b/lesscss/base/colors.less index b9318fdc..e2a70ef1 100644 --- a/lesscss/base/colors.less +++ b/lesscss/base/colors.less @@ -3,9 +3,10 @@ --dark-green: #275439; --green-2: #339966; - --red: #822000; + --red: #802000; --dark-red: #731a00; --light-red: #ee4102; + --red-image-filter: hue-rotate(0deg); --white: #f7f5f3; --white-2: #e7e0da; @@ -56,6 +57,7 @@ --red: #f33b16; --dark-red: #ae2509; --light-red: #f44b2a; + --red-image-filter: brightness(175%) hue-rotate(-5deg); --text-face: var(--white-2); --text-inverted: var(--black); diff --git a/lesscss/improved-initiative.less b/lesscss/improved-initiative.less index 48e71aaf..761880aa 100644 --- a/lesscss/improved-initiative.less +++ b/lesscss/improved-initiative.less @@ -77,6 +77,7 @@ hr { border: none; height: 10px; background: url("../img/stat-block-hr.svg") no-repeat center/100% 100%; + filter: var(--red-image-filter); margin: @medium-spacer 0; } diff --git a/lesscss/pages/landing.less b/lesscss/pages/landing.less index a9794c29..275154f2 100644 --- a/lesscss/pages/landing.less +++ b/lesscss/pages/landing.less @@ -68,6 +68,7 @@ img { width: 56px; height: 56px; + filter: var(--red-image-filter); } } @@ -123,6 +124,7 @@ img { margin-bottom: @medium-spacer; + filter: var(--red-image-filter); } h4 {