Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: 22 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 (over 5 years ago)
Default Branch: master
Last Pushed: 2021-03-05T08:38:23.000Z (over 3 years ago)
Last Synced: 2024-10-19T14:28:42.194Z (about 1 month ago)
Topics: ant-design, ant-design-pro, antd, dark-theme, less
Language: TypeScript
Homepage: https://www.antdtheme.com/dark
Size: 37.1 KB
Stars: 482
Watchers: 15
Forks: 34
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/