Shopify Polaris Styles - Reactjs

Question

Shopify Polaris ButtonコンポーネントカラーをReactに変更しようとしていますが、style.cssファイルを変更しようとしましたが、何も起こりませんでした。

どうすればいいですか？

App.js

import React, { Component } from 'react'; 
import '@shopify/polaris/styles.css'; 
import {Page, Card, Button} from '@shopify/polaris'; 


class App extends Component { 
    render() { 
    return (
     <div className="App"> 
     <Page title="Example app"> 
      <Card sectioned> 
      <Button onClick={() => alert('Button clicked!')}>Example button</Button> 
      </Card> 
     </Page> 
    </div> 
    ); 
} 
} 

export default App; 

私はnode_modules/@shopify/polaris/styles.cssを変更しようとしていますが、それはボタンの色にAY効果がありません。

Answer 1

Polarisデザインシステムは、Shopifyエコシステム内のアプリに一貫性を持たせるためのものです。これはBootstrapやFoundationのようなものに代わるものではないので、ボタンの色を変えることは、私たちがサポートするライブラリを構築するものではありませんでした。