Title: Nightly Dark Mode
Author: Fahim Reza
Published: <strong>2022년 5월 5일</strong>
Last modified: 2026년 2월 16일

---

플러그인 검색

![](https://ps.w.org/nightly/assets/banner-772x250.png?rev=3453786)

![](https://ps.w.org/nightly/assets/icon.svg?rev=3453786)

# Nightly Dark Mode

 작성자: [Fahim Reza](https://profiles.wordpress.org/badhonrocks/)

[다운로드](https://downloads.wordpress.org/plugin/nightly.1.0.3.zip)

 * [세부사항](https://ko.wordpress.org/plugins/nightly/#description)
 * [평가](https://ko.wordpress.org/plugins/nightly/#reviews)
 *  [설치](https://ko.wordpress.org/plugins/nightly/#installation)
 * [개발](https://ko.wordpress.org/plugins/nightly/#developers)

 [지원](https://wordpress.org/support/plugin/nightly/)

## 설명

Nightly Dark Mode adds dark mode to your website in one click. Give visitors a more
comfortable viewing experience with automatic dark mode that can help reduce eye
strain. With customizable color schemes, scheduling options, and a floating toggle
button, Nightly makes it easy to offer a dark theme for your site.

#### Why Dark Mode?

Dark mode makes your site more comfortable to browse in low light. Many users prefer
it at night, and OLED screens may use less power with darker colors. It also gives
your site a modern look.

#### How It Works

Nightly applies a smart CSS-based filter to create a dark version of your site when
dark mode is enabled. Visitors can switch between light and dark using a floating
toggle button, or you can enable automatic scheduling based on the time of day. 
The plugin also intelligently re-inverts images and media so they look correct in
dark mode.

#### Key Features

**6 Color Themes**
 Choose from Classic, Cool, Warm, High Contrast, Pure Black (
OLED), or create your own custom colors.

**Smart Auto-Scheduling**
 Automatically enable dark mode during evening hours (
e.g., 8 PM to 6 AM).

**Customizable Toggle Button**
 3 styles (Classic, Pill, Minimal) with 5 size options
that float on your site.

**Smooth Transitions**
 Adjustable fade animations when switching between light 
and dark modes.

**Keyboard Shortcuts**
 Let power users toggle dark mode with customizable keyboard
shortcuts.

**Per-Page Control**
 Disable dark mode on specific pages, such as landing pages
or photo galleries.

**Media Controls**
 Individual brightness adjustments for images, videos, and backgrounds.

**Performance Optimized**
 Lightweight and fast with no impact on page speed.

## 스크린샷

[⌊Admin Settings⌉⌊Admin Settings⌉[

Admin Settings

[⌊Toggle button customization⌉⌊Toggle button customization⌉[

Toggle button customization

[⌊Six beautiful color theme options⌉⌊Six beautiful color theme options⌉[

Six beautiful color theme options

## 설치

 1. Go to **Plugins  Add New** in your WordPress admin
 2. Search for “Nightly Dark Mode.”
 3. Click **Install** and then **Activate**
 4. Navigate to **Settings  Nightly** to configure
 5. Enable dark mode and customize your preferences

#### Build from Source

To build the plugin from source, clone the repository and install dependencies:

    ```
    git clone https://github.com/plugpress-io/nightly.git
    cd nightly
    npm install
    npm run build
    ```

## FAQ

### Does it work with my WordPress theme?

Yes! Nightly works with any WordPress theme using universal CSS filters. We’ve tested
it with popular themes like Astra, GeneratePress, Kadence, and Divi.

### Will it slow down my site?

No. Nightly is performance-optimized with minimal CSS and JavaScript. It won’t affect
your page speed scores.

### Can visitors toggle dark mode on/off?

Yes! A customizable toggle button appears on your site that visitors can click. 
Their preference is saved automatically.

### Does it work on mobile devices?

Yes! Nightly is fully responsive and works perfectly on desktops, tablets, and smartphones.

### Can I customize the colors?

Yes! Choose from 6 pre-built themes or create your own custom color palette with
our color picker.

### Will dark mode break my images?

No! Nightly intelligently re-inverts images, videos, and media so they display correctly
in dark mode.

### Can I schedule dark mode for specific hours?

Yes! Enable auto-scheduling to automatically activate dark mode during evening hours(
e.g., 8 PM to 6 AM).

### Is it accessible?

Yes! Nightly is WCAG 2.1 compliant with keyboard navigation, screen reader support,
and a high-contrast mode.

### Does it collect any data?

No. Nightly is 100% GDPR compliant with no external API calls or data collection.
All settings are stored locally.

### How do I disable dark mode on specific pages?

Use the “Dark Mode Settings” meta box in the post/page editor to disable dark mode
for specific content.

## 후기

이 플러그인에 대한 평가가 없습니다.

## 기여자 & 개발자

“Nightly Dark Mode”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에
기여하였습니다.

기여자

 *   [ Fahim Reza ](https://profiles.wordpress.org/badhonrocks/)
 *   [ PlugPress ](https://profiles.wordpress.org/plugpressco/)

[자국어로 “Nightly Dark Mode”(을)를 번역하세요.](https://translate.wordpress.org/projects/wp-plugins/nightly)

### 개발에 관심이 있으십니까?

[코드 탐색하기](https://plugins.trac.wordpress.org/browser/nightly/)는, [SVN 저장소](https://plugins.svn.wordpress.org/nightly/)
를 확인하시거나, [개발 기록](https://plugins.trac.wordpress.org/log/nightly/)을 
[RSS](https://plugins.trac.wordpress.org/log/nightly/?limit=100&mode=stop_on_copy&format=rss)
로 구독하세요.

## 변경이력

#### 1.0.2

 * Added 6 color scheme variants (Classic, Cool, Warm, High Contrast, Pure Black,
   Custom)
 * Added auto-scheduling with custom time ranges
 * Added per-page dark mode control with meta boxes
 * Added customizable keyboard shortcuts
 * Added smooth transitions with adjustable duration
 * Added individual media brightness controls (images, videos, backgrounds)
 * Improved live preview with real-time updates
 * Fixed toggle button icon visibility issues
 * Performance optimizations
 * WCAG 2.1 accessibility improvements

#### 1.0.1 – 2025-01-15

 * Initial release

## 기초

 *  버전 **1.0.3**
 *  최근 업데이트: **6개월 전**
 *  활성화된 설치 **10+**
 *  워드프레스 버전 ** 6.0 또는 그 이상 **
 *  다음까지 시험됨: **6.9.7**
 *  PHP 버전 ** 7.4 또는 그 이상 **
 *  언어
 * [English (US)](https://wordpress.org/plugins/nightly/)
 * 태그:
 * [dark mode](https://ko.wordpress.org/plugins/tags/dark-mode/)[dark theme](https://ko.wordpress.org/plugins/tags/dark-theme/)
   [Night Mode](https://ko.wordpress.org/plugins/tags/night-mode/)
 *  [고급 보기](https://ko.wordpress.org/plugins/nightly/advanced/)

## 평점

아직 제출된 리뷰가 없습니다.

[Your review](https://wordpress.org/support/plugin/nightly/reviews/#new-post)

[모든  리뷰 보기](https://wordpress.org/support/plugin/nightly/reviews/)

## 기여자

 *   [ Fahim Reza ](https://profiles.wordpress.org/badhonrocks/)
 *   [ PlugPress ](https://profiles.wordpress.org/plugpressco/)

## 지원

할 말 있으신가요? 도움이 필요하신가요?

 [지원 포럼 보기](https://wordpress.org/support/plugin/nightly/)