Joynal Dark Mode Switcher

Mô tả

Joynal Dark Mode Switcher is a lightweight WordPress plugin that lets visitors toggle between light and dark modes with a simple frontend switch.

It provides a fast, flicker-free experience by remembering user preferences and applying clean CSS-based styling for accurate colors and smooth performance across your website.

Key Features

  • Simple & Fast: Lightweight architecture ensures optimal performance and prevents visual blinking (FOUC).
  • Floating Toggle Button: Beautiful SVG-based sun/moon toggle switch that can be placed in any of the 4 corners (top-right, top-left, bottom-right, bottom-left).
  • User Persistence: The visitor’s preference is automatically remembered on subsequent visits and across different pages.
  • Accessible Designs: High contrast base colors provide readable white text over dark backgrounds by default.
  • Custom CSS Rules: Easily inject custom CSS overrides from the minimalist settings dashboard for more nuanced dark themes.
  • Default Mode Option: Define whether the plugin should default to ‘light’ or ‘dark’ for visitors who haven’t selected a preference yet.
  • Secure & Compliant: Native integration using native wp_enqueue_ hooks, translatable text domains (joynal-dark-mode-switcher), and proper late escaping.

Cài đặt

  1. Upload the plugin files to your /wp-content/plugins/joynal-dark-mode-switcher directory, or install the plugin through the WordPress plugins screen directly via ZIP.
  2. Activate the plugin through the ‘Plugins’ menu item in WordPress.
  3. Access the plugin configuration via the “Joynal Dark Mode Switcher” settings item in your main dashboard sidebar.
  4. Toggle on “Enable Joynal Dark Mode Switcher” and configure your desired base behavior!

Hỏi đáp

Does it break my fixed headers?

No! Because this plugin applies targeted CSS color overrides rather than primitive blanket filter overlays, components like fixed headers, positioned footers, or complex animations work beautifully in dark mode.

Can I write my own custom styles?

Yes! From the settings page, you can add custom CSS to target specific elements in your theme and handle edge cases easily.

Đánh giá

Không có đánh giá nào cho plugin này.

Người đóng góp & Lập trình viên

“Joynal Dark Mode Switcher” là mã nguồn mở. Những người sau đã đóng góp vào plugin này.

Những người đóng góp

Nhật ký thay đổi

1.1.0

  • New feature: Enable Dark Mode for WordPress Admin Dashboard from the plugin settings page
  • Added modern CSS pill toggle switches on the settings page
  • All admin UI elements (top bar, sidebar, content area, tables, notices, widgets) styled with readable dark palette

1.0.2

  • Added floating button position options
  • Fixed CSS bug

1.0.1

  • Updated plugin icon
  • Improved readme description and formatting

1.0.0

  • Initial stable release!