ant-design-dark-theme - GitLite

KO | EN

gitlite — search

#javascript #hacktoberfest #ai #typescript #go #rust #docker #macos #nodejs #java #cli #kubernetes #awesome-list #vue

ant-design-dark-theme

(★ 476)

🌚 Dark theme variables of Ant Design

파일 탐색기

최종 버전 다운로드 (.zip)

.eslintrc.js
.gitignore
.npmignore
.prettierrc.js
.travis.yml
index.ts
LICENSE
package.json
README.md
tsconfig.json
typings.d.ts

# 설치 가이드

1. 코드 내려받기

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

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd ant-design-dark-theme

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Node.js

쉬움 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.

$ npm install @ant-design/dark-theme

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h1 align="center">🌚 Ant Design Dark Theme 🌚</h1>

<div align="center">

[![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.

<span>Visit <a href="https://antdtheme.com/dark" target="_blank">https://antdtheme.com/dark</a> to preview.</span>

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

</div>

## 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/