fix: theme Selectable buttons (#2334)

polkadot-cloud · Nov 15, 2024 · 20b33e5 · 20b33e5
1 parent 510581c
commit 20b33e5
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/packages/app/src/library/GenerateNominations/index.tsx b/packages/app/src/library/GenerateNominations/index.tsx
@@ -297,7 +297,6 @@ export const GenerateNominations = ({
             onClick={() => clearNominations()}
             marginRight
           />
-
           {['Active Low Commission', 'Optimal Selection'].includes(
             method || ''
           ) && (

diff --git a/packages/app/src/library/List/Selectable.tsx b/packages/app/src/library/List/Selectable.tsx
@@ -27,7 +27,7 @@ export const Selectable = ({
     displayFor === 'canvas' ? ButtonMonoInvert : ButtonMonoInvert;
 
   return (
-    <SelectableWrapper>
+    <SelectableWrapper className="list">
       {selectToggleable === true ? (
         <ButtonType
           text={selectActive ? t('cancel') : t('select')}

diff --git a/packages/app/src/library/List/index.ts b/packages/app/src/library/List/index.ts
@@ -106,6 +106,12 @@ export const SelectableWrapper = styled.div`
   > button {
     margin-bottom: 0.75rem;
   }
+
+  &.list {
+    button {
+      color: var(--text-color-primary);
+    }
+  }
 `;
 
 export const ListStatusHeader = styled.h4`