# nuke-theme-orange

> theme-orange

Latest version **2.0.0** (published 2018-07-05) · 0 weekly downloads

## Install

```sh
npm install nuke-theme-orange
pnpm add nuke-theme-orange
yarn add nuke-theme-orange
bun add nuke-theme-orange
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.0.0 |
| Published | 2018-07-05 |
| First published | 2018-07-05 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 1.1 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | 翊晨 |
| Maintainers | leanhunter |
| Keywords | nuke, mobile, nue-biz |

## Links

- npm: https://www.npmjs.com/package/nuke-theme-orange
- Repository: git@gitlab.alibaba-inc.com:nuke-theme/orange
- npm.io page: https://npm.io/package/nuke-theme-orange

## Recent versions

- 2.0.0 (latest) — 2018-07-05

## README

# nuke-theme-orange 淘宝黄主题包

nuke 淘宝黄主题包，用于修改主题色、圆角值等变量，以实现快速换肤。

<img src="https://img.alicdn.com/tfs/TB1wnvjCuSSBuNjy0FlXXbBpVXa-688-326.jpg" width="300" />


注意：主题包只包含最基础的变量声明，不包含 nuke 相关组件代码，因此需要配合 `weex-nuke` 使用。

## 安装

```js

npm install nuke-theme-orange --save

```


## 如何使用

在页面渲染入口文件外部，包裹 `StyleProvider`, 传递主题包即可。

````js

/** @jsx createElement */
import {createElement, Component,render } from 'rax';
import { View, Button, ThemeProvider } from 'weex-nuke';
import Theme from 'nuke-theme-orange';

const { StyleProvider } = ThemeProvider;

class App extends Component {
  constructor() {
    super();
  }
  render() {
    return (
      <StyleProvider style={Theme}>
        <View style={{flex:1}}>
            <Button size="large" style={styles.btnblock} type="primary">
              button
            </Button>
            <Button size="small" disabled style={styles.btnblock} type="secondary">
              button
            </Button>
        </View>
      </StyleProvider>
    );
  }
}
const styles = {
  btnblock: {
    marginRight: 10,
  },
  
};

render(<App/>);

````

---
_Source: https://npm.io/package/nuke-theme-orange · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._