From 75fffeeeb76d6855b54845ca5601d19e3e82dea0 Mon Sep 17 00:00:00 2001
From: CarleyDiaz-Bitwarden
 <103955722+CarleyDiaz-Bitwarden@users.noreply.github.com>
Date: Thu, 5 May 2022 13:50:05 -0400
Subject: [PATCH] Updating clear button to be different colors based on theme

---
 src/scss/header.scss | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/scss/header.scss b/src/scss/header.scss
index 0133dc6cc6..43a73cb041 100644
--- a/src/scss/header.scss
+++ b/src/scss/header.scss
@@ -12,11 +12,22 @@
   @include themify($themes) {
     background-color: themed("headerBackgroundColor");
     border-bottom-color: themed("headerBorderColor");
-  }
 
-  app-search {
-    grid-column-start: 2;
-    width: 100%;
+    app-search {
+      grid-column-start: 2;
+      width: 100%;
+
+      [type="search"]::-webkit-search-cancel-button {
+        -webkit-appearance: none;
+        appearance: none;
+        height: 15px;
+        width: 15px;
+        background-repeat: no-repeat;
+        mask-image: url("../images/close-button.svg");
+        -webkit-mask-image: url("../images/close-button.svg");
+        background-color: themed("headerInputColor");
+      }
+    }
   }
 
   app-account-switcher {