Mosne Dark Palette

Apraksts

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

Ekrānuzņēmumi

  • Add custom colors
  • Setup options and labels
  • Edit the dark palette

Bloki

Šis spraudnis nodrošina 1 bloku.

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

Uzstādīšana

  1. You have a couple of options:
    • 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.
  2. Activate the plugin through the ‘Plugins’ screen on WordPress.
  3. Search for the “Dark Palette Switcher” block within the Block Editor (Gutenberg) and add it to a block navigation.

BUJ

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;
}

Atsauksmes

Par šo spraudni nav atsauksmju.

Autori un izstrādātāji

“Mosne Dark Palette” ir atvērtā pirmkoda programmatūra. Šo spraudni ir veidojuši šādi cilvēki.

Līdzdalībnieki

“Mosne Dark Palette” ir tulkots lokalizācijā 1. Paldies tulkotājiem par ieguldījumu.

Tulkot “Mosne Dark Palette&#8221 savā valodā.

Vai jūs interesē attīstība?

Pārlūkojiet kodu, apmeklējiet SVN krātuvi vai abonējiet attīstības žurnālu, ko izveidojis RSS.

Izmaiņu žurnāls

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