Merge pull request #1233 from thunderstore-io/10-17-fix_select_conten…

…t_colors_on__communities Fix Select content colors on /communities
thunderstore-io · Oct 17, 2024 · a4613ec · a4613ec
2 parents f547557 + a3da9ef
commit a4613ec
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/packages/cyberstorm/src/newComponents/Select/Select.module.css b/packages/cyberstorm/src/newComponents/Select/Select.module.css
@@ -13,7 +13,7 @@
   border: var(--space--px) var(--color-surface--6) solid;
   border-radius: var(--border-radius--8);
   overflow: hidden;
-  color: var(--text-color);
+  color: var(--color-primary);
   background-color: var(--color-surface--2);
   box-shadow: var(--box-shadow-default);
   animation: fade-in var(--animation-length-l) ease;
@@ -26,6 +26,7 @@
   gap: var(--gap--12);
   align-items: center;
   padding: var(--space--12) var(--space--16);
+  color: var(--color-primary);
   outline: none;
   cursor: pointer;
 }
@@ -35,6 +36,15 @@
   background-color: var(--color-surface--6, var(--color-primary, red));
 }
 
+.item > .itemIcon {
+  width: 1em;
+  color: var(--color-tertiary);
+}
+
+.item[data-highlighted] > .itemIcon {
+  color: var(--color-primary);
+}
+
 .content__wide {
   justify-content: space-between;
 }

diff --git a/packages/cyberstorm/src/newComponents/Select/Select.tsx b/packages/cyberstorm/src/newComponents/Select/Select.tsx
@@ -110,7 +110,7 @@ const mapSelectData = (options: SelectOption[]) => {
         csColor="surface"
         csTextStyles={["fontSizeS", "fontWeightMedium"]}
       >
-        <NewIcon csMode="inline" noWrapper>
+        <NewIcon csMode="inline" noWrapper rootClasses={styles.itemIcon}>
           {option.leftIcon}
         </NewIcon>
         {option.label}