Title: Mosne Dark Palette
Author: Mosne / Paolo Tesei
Published: <strong>June 24, 2024</strong>
Last modified: February 1, 2025

---

Search plugins

![](https://ps.w.org/mosne-dark-palette/assets/banner-772x250.png?rev=3106847)

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://ps.w.org/mosne-dark-palette/assets/icon-256x256.png?rev=3106847)

# Mosne Dark Palette

 By [Mosne / Paolo Tesei](https://profiles.wordpress.org/mosne/)

[Download](https://downloads.wordpress.org/plugin/mosne-dark-palette.0.1.7.zip)

 * [Details](https://en-au.wordpress.org/plugins/mosne-dark-palette/#description)
 * [Reviews](https://en-au.wordpress.org/plugins/mosne-dark-palette/#reviews)
 *  [Installation](https://en-au.wordpress.org/plugins/mosne-dark-palette/#installation)
 * [Development](https://en-au.wordpress.org/plugins/mosne-dark-palette/#developers)

 [Support](https://wordpress.org/support/plugin/mosne-dark-palette/)

## Description

#### Mosne Dark Palette

This plugin provides the following features:

 * A Gutenberg block for the navigation menu, serving as a dropdown switcher that
   enables you to select the desired color mode using custom labels.
 * A color picker for seamlessly remapping your color palette.

### Key Features

 * Dark palette block for the block navigation menu
 * Utilize all your custom colors and custom labels
 * Accessibility-ready
 * No cookies used (GDPR-friendly)
 * Performance-optimized and lightweight
 * No block library required
 * Primarily built with native WordPress components
 * Developer-friendly and easy to customize

### Stay Connected

 * [View on GitHub](https://github.com/mosne/mosne-dark-palette)
 * [Visit my website](https://mosne.it/)
 * [Follow on Twitter](https://twitter.com/mosne)

## Screenshots

[⌊Add custom colors⌉⌊Add custom colors⌉[

Add custom colors

[⌊Setup options and labels⌉⌊Setup options and labels⌉[

Setup options and labels

[⌊Edit the dark palette⌉⌊Edit the dark palette⌉[

Edit the dark palette

## Blocks

This plugin provides 1 block.

 *   Dark Palette Switcher Create and apply your dark palette in an accessibility-
   friendly manner using the new Interactivity API.

## Installation

 1. You have a couple of options:
 2.  * Go to Plugins → Add New and search for “Dark Palette”. Once found, click “Install”.
     * Download the Dark Palette from wordpress.org and make sure the folder is zipped.
       Then upload via Plugins → Add New → Upload.
 3. Activate the plugin through the ‘Plugins’ screen on WordPress.
 4. Search for the “Dark Palette Switcher” block within the Block Editor (Gutenberg)
    and add it to a block navigation.

## FAQ

### How can I customize my CSS?

You can change the desired behavior using CSS in your theme or in the customizer:

    ```
    html[data-theme="dark"]  {
        /* your CSS here */
        }
    html[data-theme="light"]  {
        /* your CSS here */
        }
    ```

### Where can I add custom colors

You can go in the style editor (Appearance > Editor > Styles) and add color to your
custom palette.

### Where can I change the icons?

You can change the icons using CSS in your theme or in the customizer.

    ```
    .wp-block-mosne-dark-palette.has-icon button.has-icon {
        mask: url("[your svg path]") no-repeat;
    }
    .wp-block-mosne-dark-palette.has-icon button.has-icon--dark {
        mask: url("[your svg path]") no-repeat;
    }
    .wp-block-mosne-dark-palette.has-icon button.has-icon--light {
        mask: url("[your svg path]") no-repeat;
    }
    ```

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“Mosne Dark Palette” is open source software. The following people have contributed
to this plugin.

Contributors

 *   [ Mosne / Paolo Tesei ](https://profiles.wordpress.org/mosne/)

“Mosne Dark Palette” has been translated into 1 locale. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/mosne-dark-palette/contributors)
for their contributions.

[Translate “Mosne Dark Palette” into your language.](https://translate.wordpress.org/projects/wp-plugins/mosne-dark-palette)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/mosne-dark-palette/),
check out the [SVN repository](https://plugins.svn.wordpress.org/mosne-dark-palette/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/mosne-dark-palette/)
by [RSS](https://plugins.trac.wordpress.org/log/mosne-dark-palette/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 0.1.7 – 2025-02-01

 * Add version check test, update readme.

#### 0.1.6 – 2025-02-01

 * Add toogle mode
 * Add on/off on auto mode

#### 0.1.5 – 2025-01-29

 * Add default mode option

#### 0.1.4 – 2024-06-09

 * First release on WordPress.org

#### 0.1.3 – 2024-06-09

 * Fix escaping via wp_kses_data and changelogs

#### 0.1.2 – 2024-06-01

 * Fix escaping and changelogs

#### 0.1.1 – 2024-05-30

 * Fix security (disallow direct access to files)

#### 0.1.0 – 2024-04-04

 * Initial release

## Meta

 *  Version **0.1.7**
 *  Last updated **2 years ago**
 *  Active installations **Fewer than 10**
 *  WordPress Version ** 6.5 or higher **
 *  Tested up to **6.7.10**
 *  PHP Version ** 7.4 or higher **
 *  Languages
 * [English (US)](https://wordpress.org/plugins/mosne-dark-palette/) and [French (France)](https://fr.wordpress.org/plugins/mosne-dark-palette/).
 *  [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/mosne-dark-palette)
 * Tags
 * [accessibility](https://en-au.wordpress.org/plugins/tags/accessibility/)[block](https://en-au.wordpress.org/plugins/tags/block/)
   [color](https://en-au.wordpress.org/plugins/tags/color/)[dark](https://en-au.wordpress.org/plugins/tags/dark/)
   [palette](https://en-au.wordpress.org/plugins/tags/palette/)
 *  [Advanced View](https://en-au.wordpress.org/plugins/mosne-dark-palette/advanced/)

## Ratings

No reviews have been submitted yet.

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

[See all reviews](https://wordpress.org/support/plugin/mosne-dark-palette/reviews/)

## Contributors

 *   [ Mosne / Paolo Tesei ](https://profiles.wordpress.org/mosne/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/mosne-dark-palette/)