ThemeProvider

• category: Util
• chinese: 主题注入
• type: Tool

Usage

When the global skin change is needed, the theme variable can be simply modified to achieve the purpose of skin change.

API

StyleProvider

• style

  Style injection provides the subject skin ability. With the style injection variable, the global color and size configuration can be replaced directly.

usage demo:

  import { StyleProvider } from 'nuke-theme-provider';

  let orange = {
      Core:{
          [`color-brand1-1`]: '#FFF0E6', // [主品牌色-浅]
          [`color-brand1-6`]: '#FF6A00', // [主品牌色-常规]
          [`color-brand1-9`]: '#E35300'  // [主品牌色-深]
      },

  };
  <StyleProvider style={orange}>
       <Button type="primary" style={styles.btn}>主操作</Button>
  </StyleProvider>

• androidConfigs

  AndroidConfigs is customized for android, mainly used for opening and closing of MD switch. The API currently open is:

  {
      materialDesign:true, // whether the materialDesign effect is enabled
      rippleEnabled:true // Whether to open water ripple effect
  }

  usage demo:

  import { StyleProvider } from 'nuke-theme-provider';
  
  <StyleProvider androidConfigs={{materialDesign：true,rippleEnabled:true}}>
       <Button type="primary" style={styles.btn}>主操作</Button>
  </StyleProvider>

Common base variables

'color-brand1-1' :'#E4F0FD', // [主品牌色-浅]

'color-brand1-6': '#3089DC', // [主品牌色-常规]

'color-Brand1-9' :'#1170BC', // [主品牌色-深]

'color-line1-2' :'#DCDEE3', // [线条-常规]

'color-line1-3' :'#C4C6CF', // [线条-深]

'color-text1-2' :'#999999', // [文字-浅]

'color-text1-3' :'#666666', // [文字-常规]

The Other

• Chat with @翊晨[yichen] in Dingtalk desktop App Download
• DingTalk Group

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

2.3.12 (2019-09-26)

Note: Version bump only for package nuke-theme-provider

2.3.11 (2019-09-26)

Note: Version bump only for package nuke-theme-provider

2.3.10 (2019-09-26)

Note: Version bump only for package nuke-theme-provider

2.3.9 (2019-09-26)

Note: Version bump only for package nuke-theme-provider

2.3.8 (2019-09-25)

Note: Version bump only for package nuke-theme-provider

2.3.7 (2019-07-24)

Note: Version bump only for package nuke-theme-provider

2.3.6 (2019-07-19)

Note: Version bump only for package nuke-theme-provider

2.3.5 (2019-07-02)

Note: Version bump only for package nuke-theme-provider

2.3.4 (2019-05-10)

Note: Version bump only for package nuke-theme-provider

2.3.3 (2019-04-28)

Note: Version bump only for package nuke-theme-provider

2.3.2 (2019-01-15)

Note: Version bump only for package nuke-theme-provider

2.3.1 (2019-01-15)

Note: Version bump only for package nuke-theme-provider

2.3.0 (2018-11-14)

Bug Fixes

• liscene fix (ff9b7fd)

Features

• 将UI组件与功能库拆分 (f5d0a2c)

2.2.29 (2018-10-09)

Note: Version bump only for package nuke-theme-provider

2.2.28 (2018-10-09)

Note: Version bump only for package nuke-theme-provider

2.2.27 (2018-10-08)

Note: Version bump only for package nuke-theme-provider

2.2.26 (2018-10-08)

Note: Version bump only for package nuke-theme-provider

2.2.25 (2018-10-08)

Note: Version bump only for package nuke-theme-provider

2.2.24 (2018-10-08)

Note: Version bump only for package nuke-theme-provider

2.2.23 (2018-10-08)

Note: Version bump only for package nuke-theme-provider

2.2.22 (2018-10-08)

Note: Version bump only for package nuke-theme-provider

2.2.21 (2018-10-08)

Note: Version bump only for package nuke-theme-provider

2.2.20 (2018-10-08)

Note: Version bump only for package nuke-theme-provider

2.2.19 (2018-10-08)

Note: Version bump only for package nuke-theme-provider

2.2.18 (2018-09-30)

Note: Version bump only for package nuke-theme-provider

2.2.17 (2018-09-26)

Note: Version bump only for package nuke-theme-provider

2.2.16 (2018-09-19)

Note: Version bump only for package nuke-theme-provider

2.2.15 (2018-09-19)

Note: Version bump only for package nuke-theme-provider

2.2.14 (2018-09-11)

Note: Version bump only for package nuke-theme-provider

2.2.13 (2018-09-11)

Note: Version bump only for package nuke-theme-provider

2.2.12 (2018-09-11)

Note: Version bump only for package nuke-theme-provider

2.2.11 (2018-09-06)

Note: Version bump only for package nuke-theme-provider

2.2.10 (2018-09-06)

Note: Version bump only for package nuke-theme-provider

2.2.9 (2018-09-06)

Note: Version bump only for package nuke-theme-provider

2.2.8 (2018-09-05)

Note: Version bump only for package nuke-theme-provider

2.2.7 (2018-09-05)

Note: Version bump only for package nuke-theme-provider

2.2.6 (2018-09-04)

Note: Version bump only for package nuke-theme-provider

2.2.5 (2018-09-04)

Note: Version bump only for package nuke-theme-provider

2.2.4 (2018-09-04)

Note: Version bump only for package nuke-theme-provider

2.2.3 (2018-08-24)

Note: Version bump only for package nuke-theme-provider

2.2.2 (2018-08-23)

Note: Version bump only for package nuke-theme-provider

2.2.1 (2018-08-23)

Note: Version bump only for package nuke-theme-provider

2.2.0 (2018-08-23)

Bug Fixes

• merge conflict (7a4e427)

Features

• add jest test suite (ebe6aba)

2.1.10 (2018-08-20)

Note: Version bump only for package nuke-theme-provider

2.1.9 (2018-08-20)

Note: Version bump only for package nuke-theme-provider

2.1.8 (2018-08-20)

Note: Version bump only for package nuke-theme-provider

2.1.6 (2018-08-15)

Bug Fixes

• theme-provider should check if root component exist (cdba547)

2.1.4 (2018-08-15)

Note: Version bump only for package nuke-theme-provider

2.1.3 (2018-08-15)

Note: Version bump only for package nuke-theme-provider

2.1.1 (2018-08-15)

Note: Version bump only for package nuke-theme-provider