https://github.com/ant-design/ant-design-aliyun-theme

⚙ Ant Design Theme for console.aliyun.com
https://github.com/ant-design/ant-design-aliyun-theme

aliyun ant-design antd css less theme umi

Last synced: 13 days ago
JSON representation

⚙ Ant Design Theme for console.aliyun.com

• Host: GitHub
• URL: https://github.com/ant-design/ant-design-aliyun-theme
• Owner: ant-design
• License: mit
• Created: 2019-07-10T03:48:07.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2022-08-29T03:36:54.000Z (over 2 years ago)
• Last Synced: 2025-03-28T15:04:33.071Z (20 days ago)
• Topics: aliyun, ant-design, antd, css, less, theme, umi
• Language: TypeScript
• Homepage:
• Size: 31.3 KB
• Stars: 308
• Watchers: 7
• Forks: 41
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-ant-design - ant-design-aliyun-theme - Aliyun console theme variables of Ant Design. (Theming / Themes)

README

        
Ant Design Theme for Aliyun




[![Travis](https://img.shields.io/travis/ant-design/ant-design-aliyun-theme/master.svg?style=flat-square)](https://travis-ci.org/ant-design/ant-design-aliyun-theme)

[![npm package](https://img.shields.io/npm/v/@ant-design/aliyun-theme.svg?style=flat-square)](https://www.npmjs.org/package/@ant-design/aliyun-theme)

[![NPM downloads](http://img.shields.io/npm/dm/@ant-design/aliyun-theme.svg?style=flat-square)](http://npmjs.com/@ant-design/aliyun-theme)

Ant Design theme [variables](https://github.com/ant-design/ant-design-aliyun-theme/blob/master/index.ts) for Aliyun console design.

> Still being experimental, welcome to try out and help us to improve it.

Visit https://theme.antd.group/aliyun to preview.

![](https://user-images.githubusercontent.com/507615/61530511-d214d200-aa56-11e9-864d-1e8b8e5fc9b1.png)



## Install

```bash

$ npm install @ant-design/aliyun-theme

```

## Usage

### webpack

```js

import aliyunTheme from '@ant-design/aliyun-theme';

// webpack.config.js: less-loader

{

  loader: 'less-loader',

  options: {

    modifyVars: aliyunTheme,

  },

},

```

### umi

[https://umijs.org/config/#theme](https://umijs.org/config/#theme)

```js

import aliyunTheme from '@ant-design/aliyun-theme';

// config.js or .umirc.js

export default {

  "theme": aliyunTheme,

}

```

> Use in Ant Design Pro: https://github.com/ant-design/ant-design-pro/pull/2946/

### less

```less

@import "~@ant-design/aliyun-theme/index.less";

```