From 44940fba637e892ee15275062b8c2dcfa923e06a Mon Sep 17 00:00:00 2001
From: Sandy McFadden <sandy.mcfadden@automattic.com>
Date: Mon, 29 Mar 2021 08:37:01 -0300
Subject: [PATCH] Fix colors of the note action checkboxes

---
 lib/note-actions/style.scss | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/lib/note-actions/style.scss b/lib/note-actions/style.scss
index 2394bdb33..67f04d7f0 100644
--- a/lib/note-actions/style.scss
+++ b/lib/note-actions/style.scss
@@ -83,17 +83,18 @@ $checkbox-sprite: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5
   .note-actions-item-control .checkbox-control .checkbox-control-base,
   .note-actions-item-control .checkbox-control .checkbox-control-checked {
     background-image: url($checkbox-sprite);
-    background-position: 0 -18px;
     background-repeat: no-repeat;
     background-size: 36px 36px;
     border-radius: 0;
     border: 0;
+    fill: $studio-gray-50;
+  }
+  .note-actions-item-control .checkbox-control .checkbox-control-base {
+    background-position: 0 0;
   }
-
   .note-actions-item-control .checkbox-control .checkbox-control-checked {
-    border: none;
     background-color: transparent;
-    background-position: -18px -18px;
+    background-position: -18px 0;
   }
 
   .spinner__circle {
@@ -123,10 +124,11 @@ $checkbox-sprite: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5
 
   .note-actions-item-control .checkbox-control .checkbox-control-base,
   .note-actions-item-control .checkbox-control .checkbox-control-checked {
-    background-position: 0 0;
+    background-position: 0 -18px;
+    fill: $studio-gray-30;
   }
 
   .note-actions-item-control .checkbox-control .checkbox-control-checked {
-    background-position: -18px 0;
+    background-position: -18px -18px;
   }
 }