修改Shopify北极星样式 - Reactjs

我想修改Shopify Polaris Button组件的颜色为React，我试图改变style.css文件，但没有发生任何事情。修改Shopify北极星样式 - Reactjs

任何想法该怎么做？

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效果。

来源

2017-09-13 Noman Ali

您不应该修改node_modules文件夹下的文件。 –

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

来源

2017-09-18 15:14:33

瑞恩是对的，不知道为什么有人给他一个downvote？ –

虽然我最初的回应仍然是真实的，但如果您未构建Shopify应用程序，并且只是想建立在我们提供给Polaris的基础上，那么最好的办法就是将库分叉到GitHub上并进行视觉更改，就像那样。（值得注意的是，无论如何，你不应该编辑'node_modules'中的代码，无论你的软件包管理器（例如NPM）从哪里获取源代码，都应该对上面安装的软件包进行上行修改。 –

修改Shopify北极星样式 - Reactjs

回答

相关问题