Filter red images to match new red

cynicaloptimist · Mar 1, 2024 · 6141c2a · 6141c2a
1 parent 5b2bbb5
commit 6141c2a
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git 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
@@ -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
@@ -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 {