Fix/20961 recolor score bars (#21003)

* Fixes: #20961 Defined orange-20 scss variable * Added scss variables and updated score.scss to support red_50, orange_20 and green_40 * Added changelog * Addressed review comment and fixed scss files Committed via a GitHub action: https://github.com/Automattic/jetpack/actions/runs/1220570367
Automattic · Sep 10, 2021 · b1128e1 · b1128e1
1 parent 6de5fe6
commit b1128e1
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -17,6 +17,7 @@ This is an alpha version! The changes listed here are not final.
 
 ### Changed
 - Allow Node ^14.17.6 to be used in this project. This shouldn't change the behavior of the code itself.
+- Changed boost plugin score bar styling
 - Fix hostname comparison while deciding same origin css files to skip proxy. Same origin css files will now be skipped from
   proxy even if the port is something other than 80.
 - General: start new release cycle

diff --git a/app/assets/dist/jetpack-boost.css b/app/assets/dist/jetpack-boost.css
@@ -513,13 +513,13 @@
   background-color: white;
 }
 .jb-score-bar .fill-good {
-  background-color: #008710;
+  background-color: #069e08;
 }
 .jb-score-bar .fill-mediocre {
-  background-color: darkorange;
+  background-color: #FAA754;
 }
 .jb-score-bar .fill-bad {
-  background-color: #CC1818;
+  background-color: #D63638;
 }
 
 .jb-score-context {