修改 Shopify Polaris 样式 - Reactjs

Question

我正在尝试为 React 修改 Shopify Polaris Button 组件颜色，我尝试更改 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 ，但它不会对按钮颜色产生任何影响。

Answer 1

Polaris 设计系统旨在为 Shopify 生态系统中的应用提供一致性。它不是作为 Bootstrap 或 Foundation 之类的替代品，因此更改按钮颜色不是我们构建库来支持的。