Javascript 修改Shopify Polaris样式-Reactjs

我试图修改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;

import React，{Component}来自'React'；
导入“@shopify/polaris/styles.css”；
从'@shopify/polaris'导入{页面、卡片、按钮}；
类应用程序扩展组件{
render（）{
返回(
警报（'单击按钮！'）}>示例按钮
);
}
}
导出默认应用程序；

---

我试图修改

节点模块/@shopify/polaris/styles.css

，但它对按钮颜色没有任何影响

Polaris设计系统旨在为Shopify生态系统内的应用程序提供一致性。它不打算作为Bootstrap或基础之类的替代品，所以更改按钮颜色不是我们构建的库所支持的。

你不应该修改NoDEYMe饰件文件夹下的文件。可以使用一些类似的方法来避免分叉。赖安是正确的。不知道为什么有人投了反对票？虽然我最初的回答仍然是正确的，但如果你不是在开发Shopify应用程序，只是想在我们提供的Polaris基础上继续开发，那么你最好的选择就是在GitHub上建立库，并以这种方式进行视觉上的改变。（值得注意的是，在任何情况下，您都不应该编辑

node_modules

中的代码。对安装在那里的软件包的更改应该在上游进行，无论您的软件包管理器（例如NPM）从何处获取源代码。）这很糟糕，因为它是一个非常棒的库—比其他任何库都好！如果我放弃它，我将无法轻松跟上变化。很抱歉让你失望。但Polaris从未试图成为每个应用程序的最佳解决方案。我还应该提到，自3.0版以来，Polaris许可证已更改为仅支持与Shopify软件或服务集成或互操作的应用程序的使用。你可以在这里阅读更多：谢谢你的理解