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

🌚 Dark theme variables of Ant Design
https://github.com/ant-design/ant-design-dark-theme

ant-design ant-design-pro antd dark-theme less

Last synced: 9 days ago
JSON representation

🌚 Dark theme variables of Ant Design

• Host: GitHub
• URL: https://github.com/ant-design/ant-design-dark-theme
• Owner: ant-design
• License: mit
• Created: 2019-05-28T04:10:07.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2021-03-05T08:38:23.000Z (about 4 years ago)
• Last Synced: 2025-04-02T03:01:38.633Z (16 days ago)
• Topics: ant-design, ant-design-pro, antd, dark-theme, less
• Language: TypeScript
• Homepage: https://www.antdtheme.com/dark
• Size: 37.1 KB
• Stars: 481
• Watchers: 14
• Forks: 33
• Open Issues: 21
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-ant-design - ant-design-dark-theme - Dark theme variables of Ant Design. (Theming / Themes)

README

        
🌚 Ant Design Dark Theme 🌚




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

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

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

[![Dependencies](https://img.shields.io/david/ant-design/ant-design-dark-theme.svg?style=flat-square)](https://david-dm.org/ant-design/ant-design-dark-theme)

[![DevDependencies](https://img.shields.io/david/dev/ant-design/ant-design-dark-theme.svg?style=flat-square)](https://david-dm.org/ant-design/ant-design-dark-theme?type=dev)

Dark theme [variables](https://github.com/ant-design/ant-design-dark-theme/blob/master/index.ts) of Ant Design.

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

Visit https://antdtheme.com/dark to preview.

![](https://gw.alipayobjects.com/zos/antfincdn/wp6GpGo%26ID/f31e18a4-2018-4e12-95c6-998e7ac5b2fa.png)



## Install

```bash

$ npm install @ant-design/dark-theme

```

## Usage

```js

import darkTheme from '@ant-design/dark-theme';

// webpack.config.js: less-loader

{

  loader: 'less-loader',

  options: {

    modifyVars: darkTheme,

  },

},

```

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