sketch-dark-mode

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #golang #android #nodejs #java #awesome #cli #awesome-list #pytorch #ios #open-source

sketch-dark-mode

(★ 62)

Generate a dark mode version of any Sketch document, the right way.

sketch-dark-mode 최신버젼 다운로드

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

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 🌗 Sketch Dark Mode Plugin

Generate a dark mode version of any document, the right way 💅🏼

Boost your design workflow and create a beautiful dark mode version of your designs in no time! No cumbersome interfaces, no tricky workarounds, it just works 🍎

If you find this plugin useful, please consider to make a donation to support its development! 🙏🏼

## Preview

![Sketch Dark Mode Preview](https://res.cloudinary.com/edev/image/upload/v1588793725/sketch-dark-mode/preview-gif.gif)

## Features

* 🌗 Create a dark mode version of an entire page
* 🖼 Create a dark mode version of selected artboards
* 💾 Save your dark mode color presets for every document
* 🎨 Color Variables support
* 📚 Library colors support
* 🚸 Symbols and shared styles support
* 🪟 Transparency support
* 💅🏼 Tint support
* 🌈 Gradients support
* ⚡️ Crazy fast
* 🙌🏼 Easy to use
* 🖍 Enter colors by typing the values or by using the native color picker
* 😉 Dark mode support

## How it works?

**Step 1**

_For Sketch 69+_

Add [Color Variables](https://www.sketch.com/docs/styling/#color-variables) to your document or to your library and don't forget to give them a unique name (default hex color names are not supported).

_For previous versions_

Add [Color Presets](https://www.sketch.com/docs/styling/#presets) to your document or to your [Library document](https://www.sketch.com/docs/libraries/#how-to-create-library-presets) and don't forget to give them a unique name (default hex color names are not supported).

**Step 2**

Use those colors in the layers of your document.

**Step 3**

Create a color palette for the dark mode version: _Plugins_ > _Sketch Dark Mode_ > _Manage Palette..._ or press <kbd>^</kbd> + <kbd>Cmd</kbd> + <kbd>P</kbd>

**Step 4**

Generate the dark mode version of your selected page: _Plugins_ > _Sketch Dark Mode_ > _Generate Dark Mode for Selected Page_ or press <kbd>^</kbd> + <kbd>Cmd</kbd> + <kbd>D</kbd>

You can also generate the dark mode version of selected artboards: _Plugins_ > _Sketch Dark Mode_ > _Generate Dark Mode for Selected Artboards_ or press <kbd>^</kbd> + <kbd>Cmd</kbd> + <kbd>B</kbd>

## Installation

#### Manual

1) [Download the latest release of the plugin](https://github.com/eddiesigner/sketch-dark-mode/releases/latest/download/sketch-dark-mode.sketchplugin.zip) and unzip the file

2) Double click on `sketch-dark-mode.sketchplugin` and you're ready to go

#### Install with Sketch Runner

Open Sketch Runner and run the `Install` command, then search for `Sketch Dark Mode` and hit the `Get` button.

## FAQ

**What versions of Sketch are supported?**

The plugin is compatible with Sketch 54+

**What format colors are supported?**

RGB and RBGA colors are supported

**Are shadows supported?**

## Issues

If you have any questions or troubles with this product, please feel free to open an issue [here](https://github.com/eddiesigner/sketch-dark-mode/issues).

sketch-dark-mode

sketch-dark-mode 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

sketch-dark-mode

sketch-dark-mode 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README