修改 Shopify Polaris 样式 - Reactjs

Question

我正在尝试为 React修改Shopify Polaris Button组件的颜色，我尝试更改 style.css 文件但没有任何反应。

知道怎么做吗？

应用程序.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 之类的替代品，因此更改按钮颜色不是我们构建库支持的内容。