From ce73c3b3ebec5a04ad9c59675ab03cd7352681cc Mon Sep 17 00:00:00 2001
From: Harrison Hogg <hhogg@spotify.com>
Date: Mon, 26 Feb 2024 15:20:42 +0000
Subject: [PATCH] Removed inline color of select icon

Signed-off-by: Harrison Hogg <hhogg@spotify.com>
---
 .changeset/modern-impalas-add.md                             | 5 +++++
 .../src/components/Select/static/ClosedDropdown.tsx          | 3 ++-
 .../src/components/Select/static/OpenedDropdown.tsx          | 3 ++-
 3 files changed, 9 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/modern-impalas-add.md

diff --git a/.changeset/modern-impalas-add.md b/.changeset/modern-impalas-add.md
new file mode 100644
index 0000000000..8964e07fea
--- /dev/null
+++ b/.changeset/modern-impalas-add.md
@@ -0,0 +1,5 @@
+---
+'@backstage/core-components': patch
+---
+
+Removed the inline color from select icon to allow it to be colored via a theme
diff --git a/packages/core-components/src/components/Select/static/ClosedDropdown.tsx b/packages/core-components/src/components/Select/static/ClosedDropdown.tsx
index 812afe34eb..00c748ce29 100644
--- a/packages/core-components/src/components/Select/static/ClosedDropdown.tsx
+++ b/packages/core-components/src/components/Select/static/ClosedDropdown.tsx
@@ -27,6 +27,7 @@ const useStyles = makeStyles(
         position: 'absolute',
         right: theme.spacing(0.5),
         pointerEvents: 'none',
+        color: '#616161',
       },
     }),
   { name: 'BackstageClosedDropdown' },
@@ -42,7 +43,7 @@ const ClosedDropdown = () => {
     >
       <path
         d="M7.5 8L6 9.5L12.0703 15.5703L18.1406 9.5L16.6406 8L12.0703 12.5703L7.5 8Z"
-        fill="#616161"
+        fill="currentColor"
       />
     </SvgIcon>
   );
diff --git a/packages/core-components/src/components/Select/static/OpenedDropdown.tsx b/packages/core-components/src/components/Select/static/OpenedDropdown.tsx
index b87a00c26a..4ca2a5a065 100644
--- a/packages/core-components/src/components/Select/static/OpenedDropdown.tsx
+++ b/packages/core-components/src/components/Select/static/OpenedDropdown.tsx
@@ -26,6 +26,7 @@ const useStyles = makeStyles(
         position: 'absolute',
         right: theme.spacing(0.5),
         pointerEvents: 'none',
+        color: '#616161',
       },
     }),
   { name: 'BackstageOpenedDropdown' },
@@ -41,7 +42,7 @@ const OpenedDropdown = () => {
     >
       <path
         d="M16.5 16L18 14.5L11.9297 8.42969L5.85938 14.5L7.35938 16L11.9297 11.4297L16.5 16Z"
-        fill="#616161"
+        fill="currentColor"
       />
     </SvgIcon>
   );