{"id":192418,"date":"2024-06-24T16:27:56","date_gmt":"2024-06-24T16:27:56","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/mosne-dark-palette\/"},"modified":"2025-02-01T13:34:39","modified_gmt":"2025-02-01T13:34:39","slug":"mosne-dark-palette","status":"publish","type":"plugin","link":"https:\/\/tah.wordpress.org\/plugins\/mosne-dark-palette\/","author":5709024,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"0.1.7","stable_tag":"0.1.7","tested":"6.7.5","requires":"6.5","requires_php":"7.4","requires_plugins":null,"header_name":"Mosne Dark Palette","header_author":"Mosne","header_description":"Create and apply your dark palette in an accessibility-friendly manner using the new Interactivity API.","assets_banners_color":"181818","last_updated":"2025-02-01 13:34:39","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"https:\/\/mosne.it","rating":0,"author_block_rating":0,"active_installs":0,"downloads":1456,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"0.1.3":{"tag":"0.1.3","author":"mosne","date":"2024-06-24 16:27:44"},"0.1.4":{"tag":"0.1.4","author":"mosne","date":"2024-06-24 19:34:57"},"0.1.5":{"tag":"0.1.5","author":"mosne","date":"2025-01-30 11:06:10"},"0.1.6":{"tag":"0.1.6","author":"mosne","date":"2025-02-01 10:16:34"},"0.1.7":{"tag":"0.1.7","author":"mosne","date":"2025-02-01 13:34:39"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3106847,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3106847,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3106847,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3106847,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":{"mosne\/dark-palette":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"mosne\/dark-palette","version":"0.1.0","title":"Dark Palette Switcher","category":"widgets","description":"Create and apply your dark palette in an accessibility-friendly manner using the new Interactivity API.","parent":["core\/navigation"],"example":{},"supports":{"html":false,"multiple":false,"interactivity":true},"attributes":{"enableAuto":{"type":"boolean","default":true},"apparenceOption":{"type":"string","default":"dropdown"},"defaultOption":{"type":"string","default":"auto"},"themeOption":{"type":"string","default":"light"},"classOptions":{"type":"string","default":"has-icon has-label"},"defaultLabel":{"type":"string","default":"Theme"},"autoLabel":{"type":"string","default":"OS auto"},"darkLabel":{"type":"string","default":"Dark"},"lightLabel":{"type":"string","default":"Light"},"darkColorsPalette":{"type":"array","default":[]}},"textdomain":"mosne-dark-palette","render":"file:.\/render.php","editorScript":"file:.\/index.js","editorStyle":"file:.\/index.css","style":"file:.\/style-index.css","viewScriptModule":"file:.\/view.js"}},"tagged_versions":["0.1.3","0.1.4","0.1.5","0.1.6","0.1.7"],"block_files":[],"assets_screenshots":{"screenshot-1.gif":{"filename":"screenshot-1.gif","revision":3106847,"resolution":"1","location":"assets","locale":""},"screenshot-2.gif":{"filename":"screenshot-2.gif","revision":3106847,"resolution":"2","location":"assets","locale":""},"screenshot-3.gif":{"filename":"screenshot-3.gif","revision":3106847,"resolution":"3","location":"assets","locale":""}},"screenshots":{"1":"Add custom colors","2":"Setup options and labels","3":"Edit the dark palette"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[1953,1220,1257,12734,18790],"plugin_category":[34],"plugin_contributors":[228843],"plugin_business_model":[],"class_list":["post-192418","plugin","type-plugin","status-publish","hentry","plugin_tags-accessibility","plugin_tags-block","plugin_tags-color","plugin_tags-dark","plugin_tags-palette","plugin_category-accessibility","plugin_contributors-mosne","plugin_committers-mosne"],"banners":{"banner":"https:\/\/ps.w.org\/mosne-dark-palette\/assets\/banner-772x250.png?rev=3106847","banner_2x":"https:\/\/ps.w.org\/mosne-dark-palette\/assets\/banner-1544x500.png?rev=3106847","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/mosne-dark-palette\/assets\/icon-128x128.png?rev=3106847","icon_2x":"https:\/\/ps.w.org\/mosne-dark-palette\/assets\/icon-256x256.png?rev=3106847","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/mosne-dark-palette\/assets\/screenshot-1.gif?rev=3106847","caption":"Add custom colors"},{"src":"https:\/\/ps.w.org\/mosne-dark-palette\/assets\/screenshot-2.gif?rev=3106847","caption":"Setup options and labels"},{"src":"https:\/\/ps.w.org\/mosne-dark-palette\/assets\/screenshot-3.gif?rev=3106847","caption":"Edit the dark palette"}],"raw_content":"<!--section=description-->\n<h4>Mosne Dark Palette<\/h4>\n\n<p>This plugin provides the following features:<\/p>\n\n<ul>\n<li>A Gutenberg block for the navigation menu, serving as a dropdown switcher that enables you to select the desired color mode using custom labels.<\/li>\n<li>A color picker for seamlessly remapping your color palette.<\/li>\n<\/ul>\n\n<h3>Key Features<\/h3>\n\n<ul>\n<li>Dark palette block for the block navigation menu<\/li>\n<li>Utilize all your custom colors and custom labels<\/li>\n<li>Accessibility-ready<\/li>\n<li>No cookies used (GDPR-friendly)<\/li>\n<li>Performance-optimized and lightweight<\/li>\n<li>No block library required<\/li>\n<li>Primarily built with native WordPress components<\/li>\n<li>Developer-friendly and easy to customize<\/li>\n<\/ul>\n\n<h3>Stay Connected<\/h3>\n\n<ul>\n<li><a href=\"https:\/\/github.com\/mosne\/mosne-dark-palette\">View on GitHub<\/a><\/li>\n<li><a href=\"https:\/\/mosne.it\/\">Visit my website<\/a><\/li>\n<li><a href=\"https:\/\/twitter.com\/mosne\">Follow on Twitter<\/a><\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>You have a couple of options:\n\n<ul>\n<li>Go to Plugins &rarr; Add New and search for \"Dark Palette\". Once found, click \"Install\".<\/li>\n<li>Download the Dark Palette from wordpress.org and make sure the folder is zipped. Then upload via Plugins &rarr; Add New &rarr; Upload.<\/li>\n<\/ul><\/li>\n<li>Activate the plugin through the 'Plugins' screen on WordPress.<\/li>\n<li>Search for the \"Dark Palette Switcher\" block within the Block Editor (Gutenberg) and add it to a block navigation.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id='how%20can%20i%20customize%20my%20css%3F'><h3>How can I customize my CSS?<\/h3><\/dt>\n<dd><p>You can change the desired behavior using CSS in your theme or in the customizer:<\/p>\n\n<pre><code>html[data-theme=\"dark\"]  {\n    \/* your CSS here *\/\n    }\nhtml[data-theme=\"light\"]  {\n    \/* your CSS here *\/\n    }\n<\/code><\/pre><\/dd>\n<dt id='where%20can%20i%20add%20custom%20colors'><h3>Where can I add custom colors<\/h3><\/dt>\n<dd><p>You can go in the style editor (Appearance &gt; Editor &gt; Styles) and add color to your custom palette.<\/p><\/dd>\n<dt id='where%20can%20i%20change%20the%20icons%3F'><h3>Where can I change the icons?<\/h3><\/dt>\n<dd><p>You can change the icons using CSS in your theme or in the customizer.<\/p>\n\n<pre><code>.wp-block-mosne-dark-palette.has-icon button.has-icon {\n    mask: url(\"[your svg path]\") no-repeat;\n}\n.wp-block-mosne-dark-palette.has-icon button.has-icon--dark {\n    mask: url(\"[your svg path]\") no-repeat;\n}\n.wp-block-mosne-dark-palette.has-icon button.has-icon--light {\n    mask: url(\"[your svg path]\") no-repeat;\n}\n<\/code><\/pre><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>0.1.7 - 2025-02-01<\/h4>\n\n<ul>\n<li>Add version check test, update readme.<\/li>\n<\/ul>\n\n<h4>0.1.6 - 2025-02-01<\/h4>\n\n<ul>\n<li>Add toogle mode<\/li>\n<li>Add on\/off on auto mode<\/li>\n<\/ul>\n\n<h4>0.1.5 - 2025-01-29<\/h4>\n\n<ul>\n<li>Add default mode option<\/li>\n<\/ul>\n\n<h4>0.1.4 - 2024-06-09<\/h4>\n\n<ul>\n<li>First release on WordPress.org<\/li>\n<\/ul>\n\n<h4>0.1.3 - 2024-06-09<\/h4>\n\n<ul>\n<li>Fix escaping via wp_kses_data and changelogs<\/li>\n<\/ul>\n\n<h4>0.1.2 - 2024-06-01<\/h4>\n\n<ul>\n<li>Fix escaping and changelogs<\/li>\n<\/ul>\n\n<h4>0.1.1 - 2024-05-30<\/h4>\n\n<ul>\n<li>Fix security (disallow direct access to files)<\/li>\n<\/ul>\n\n<h4>0.1.0 - 2024-04-04<\/h4>\n\n<ul>\n<li>Initial release<\/li>\n<\/ul>","raw_excerpt":"Create and apply your dark palette in an accessibility-friendly manner using the new Interactivity API.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/192418","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=192418"}],"author":[{"embeddable":true,"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/mosne"}],"wp:attachment":[{"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=192418"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=192418"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=192418"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=192418"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=192418"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=192418"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}