fix(buttons): update IconButton foreground color (#1815)

Author: jzempel

packages/buttons/src/styled/StyledIconButton.spec.tsx

@@ -29,7 +29,7 @@ describe('StyledIconButton', () => {
   it('renders basic color styling', () => {
     const { container } = render(<StyledIconButton isBasic />);
 
-    expect(container.firstChild).toHaveStyleRule('color', PALETTE.grey[900]);
+    expect(container.firstChild).toHaveStyleRule('color', PALETTE.grey[700]);
   });
 
   describe('disabled', () => {

packages/buttons/src/styled/StyledIconButton.ts

@@ -14,7 +14,7 @@ import { StyledIcon } from './StyledIcon';
 export const COMPONENT_ID = 'buttons.icon_button';
 
 const iconColorStyles = ({ theme }: IButtonProps & ThemeProps<DefaultTheme>) => {
-  const options = { theme, variable: 'foreground.default' };
+  const options = { theme, variable: 'foreground.subtle' };
   const baseColor = getColor(options);
   const hoverColor = getColor({ ...options, dark: { offset: -100 }, light: { offset: 100 } });
   const activeColor = getColor({ ...options, dark: { offset: -200 }, light: { offset: 200 } });