Updated styles for icons throughout all components

• Updated:
- styles for icons throughout all components

app/javascript/gabsocial/features/compose/components/compose_extra_button.js

@@ -45,8 +45,8 @@ export default class ComposeExtraButton extends PureComponent {
     })
 
     const iconClasses = cx({
-      fillSecondary: !active,
-      fillWhite: active,
+      colorSecondary: !active,
+      colorWhite: active,
     })
 
     const iconSize = !!small ? '14px' : '16px'

app/javascript/gabsocial/features/compose/components/poll_form.js

@@ -229,7 +229,7 @@ class PollFormOption extends ImmutablePureComponent {
             className={[_s.ml5, _s.justifyContentCenter].join(' ')}
             icon='close'
             iconSize='8px'
-            iconClassName={_s.fillSecondary}
+            iconClassName={_s.colorSecondary}
             disabled={index <= 1}
             title={intl.formatMessage(messages.remove_option)}
             onClick={this.handleOptionRemove}

app/javascript/gabsocial/features/introduction.js

@@ -367,7 +367,7 @@ class Introduction extends ImmutablePureComponent {
                     <Text color='white' className={_s.px5}>{nextTitle}</Text>
                   </Responsive>
                   <Responsive max={BREAKPOINT_EXTRA_SMALL}>
-                    <Icon id='check' size='14px' className={_s.fillWhite} />
+                    <Icon id='check' size='14px' className={_s.colorWhite} />
                   </Responsive>
                 </Fragment>
               }