title: Modifying Shopify Polaris Styles - Reactjs
body: <p>I am trying to modify <a href="https://polaris.shopify.com/components/actions/button#navigation" rel="noreferrer">Shopify Polaris Button</a> components colors for React, I tried to change style.css file but nothing happened. </p>
  
  <p>Any idea how to do so?</p>
  
  <p>App.js</p>
  
  <pre><code>import React, { Component } from 'react';
  import '@shopify/polaris/styles.css';
  import {Page, Card, Button} from '@shopify/polaris';
  
  
  class App extends Component {
    render() {
      return (
        &lt;div className="App"&gt;
          &lt;Page title="Example app"&gt;
            &lt;Card sectioned&gt;
              &lt;Button onClick={() =&gt; alert('Button clicked!')}&gt;Example button&lt;/Button&gt;
            &lt;/Card&gt;
         &lt;/Page&gt;
       &lt;/div&gt;
     );
   }
  }
  
  export default App;
  </code></pre>
  
  <p>I am trying to modify <code>node_modules/@shopify/polaris/styles.css</code> , but it does not make ay effect to button color. </p>