fix(IconButton): primary icon button with text wrong bg (#2141)

rsuite · Nov 19, 2021 · fde0cd4 · fde0cd4 · vercel · Nov 19, 2021
1 parent 225821f
commit fde0cd4
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/docs/pages/components/button/fragments/icon-button.md b/docs/pages/components/button/fragments/icon-button.md
@@ -44,7 +44,9 @@ const instance = (
     </ButtonToolbar>
 
     <ButtonToolbar>
-      <IconButton icon={<SearchIcon />}>Component</IconButton>
+      <IconButton appearance="primary" color="green" icon={<SearchIcon />}>
+        Component
+      </IconButton>
       <IconButton icon={<AddOutlineIcon />}>Add</IconButton>
 
       <IconButton icon={<PlusIcon />}>Add</IconButton>

diff --git a/src/Button/styles/index.less b/src/Button/styles/index.less
@@ -180,6 +180,9 @@ each(@spectrum, .(@color) {
     --rs-btn-link-text: @C700;
     --rs-btn-link-hover-text: @C800;
     --rs-btn-link-active-text: @C900;
+    --rs-iconbtn-primary-addon: @C600;
+    --rs-iconbtn-primary-activated-addon: @C700;
+    --rs-iconbtn-primary-pressed-addon: @C800;
 
     .dark-mode({
       --rs-btn-primary-bg: @C700;
@@ -198,6 +201,9 @@ each(@spectrum, .(@color) {
       --rs-btn-link-text: @C500;
       --rs-btn-link-hover-text: @C400;
       --rs-btn-link-active-text: @C200;
+      --rs-iconbtn-primary-addon: @C600;
+      --rs-iconbtn-primary-activated-addon: @C500;
+      --rs-iconbtn-primary-pressed-addon: @C400;
     });
 
     .high-contrast-mode({