{"id":188211,"date":"2024-03-26T12:06:37","date_gmt":"2024-03-26T12:06:37","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/block-theme-color-switcher\/"},"modified":"2026-01-07T13:40:05","modified_gmt":"2026-01-07T13:40:05","slug":"block-theme-color-switcher","status":"publish","type":"plugin","link":"https:\/\/da.wordpress.org\/plugins\/block-theme-color-switcher\/","author":16124314,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.6","stable_tag":"1.0.6","tested":"6.9.4","requires":"6.0","requires_php":"7.4","requires_plugins":null,"header_name":"Block Theme Color Switcher","header_author":"Kadim G\u00fcltekin","header_description":"This plugin allows users to choose a color palette for the Block Theme from the frontend.","assets_banners_color":"f3e5e7","last_updated":"2026-01-07 13:40:05","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/github.com\/Arkenon\/block-theme-color-switcher","header_author_uri":"https:\/\/kadimgultekin.com","rating":0,"author_block_rating":0,"active_installs":0,"downloads":1376,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"arkenon","date":"2024-03-26 12:09:21"},"1.0.1":{"tag":"1.0.1","author":"arkenon","date":"2024-04-07 11:17:11"},"1.0.2":{"tag":"1.0.2","author":"arkenon","date":"2025-07-17 20:19:06"},"1.0.3":{"tag":"1.0.3","author":"arkenon","date":"2025-07-17 20:23:14"},"1.0.4":{"tag":"1.0.4","author":"arkenon","date":"2025-07-25 07:47:54"},"1.0.5":{"tag":"1.0.5","author":"arkenon","date":"2025-07-25 07:52:45"},"1.0.6":{"tag":"1.0.6","author":"arkenon","date":"2026-01-07 13:40:05"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3059092,"resolution":"128x128","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3059092,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3059092,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0","1.0.1","1.0.2","1.0.3","1.0.4","1.0.5","1.0.6"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3059092,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3059092,"resolution":"2","location":"assets","locale":""}},"screenshots":[],"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[213218,131581,1250,148076,8575],"plugin_category":[46],"plugin_contributors":[221878],"plugin_business_model":[],"class_list":["post-188211","plugin","type-plugin","status-publish","hentry","plugin_tags-block-themes","plugin_tags-color-palette","plugin_tags-colors","plugin_tags-gutenberg","plugin_tags-theme-colors","plugin_category-editor-and-writing","plugin_contributors-arkenon","plugin_committers-arkenon"],"banners":{"banner":"https:\/\/ps.w.org\/block-theme-color-switcher\/assets\/banner-772x250.png?rev=3059092","banner_2x":"https:\/\/ps.w.org\/block-theme-color-switcher\/assets\/banner-1544x500.png?rev=3059092","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/block-theme-color-switcher\/assets\/icon-128x128.png?rev=3059092","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/block-theme-color-switcher\/assets\/screenshot-1.png?rev=3059092","caption":""},{"src":"https:\/\/ps.w.org\/block-theme-color-switcher\/assets\/screenshot-2.png?rev=3059092","caption":""}],"raw_content":"\n

\ud83c\udfa8 Unleash Your Theme's True Colors!<\/strong><\/p>\n\n

WordPress Block Themes (Full Site Editing) are powerful, often coming with multiple style variations defined in theme.json<\/code>. However, usually, you select one<\/em> style in the editor, and that's what visitors see.<\/p>\n\n

Block Theme Color Palette Switcher<\/strong> breaks this limitation. It parses your theme's theme.json<\/code> and style variations (inside the \/styles<\/code> folder) to automatically generate a floating font-end menu.<\/p>\n\n

Test with WordPress Playground<\/a><\/p>\n\n

\ud83d\ude80 Who is this for?<\/h3>\n\n
    \n
  • \ud83d\udc68\u200d\ud83d\udcbb For Theme Developers:<\/strong> Stop creating multiple demo sites for different color schemes! Install this plugin, and let your potential customers preview every single color palette<\/strong> your theme offers on a single demo site.<\/li>\n
  • \ud83d\udc64 For Site Visitors:<\/strong> Give your users control. Let them choose a look that suits their mood or accessibility needs (e.g., High Contrast vs. Pastel).<\/li>\n<\/ul>\n\n

    \u2728 Key Features<\/h3>\n\n
      \n
    • \ud83d\udd0c Plug & Play:<\/strong> Automatically detects palettes from theme.json<\/code> and styles\/*.json<\/code> files. No manual configuration needed.<\/li>\n
    • \ud83d\udcbe Persistent Selection:<\/strong> Uses Browser Storage (LocalStorage) to remember the user's choice. If they leave and come back, their selected color palette remains active!<\/li>\n
    • \u26a1 Instant Preview:<\/strong> Changes CSS variables on the fly. No page reloads required.<\/li>\n
    • \ud83d\udee0\ufe0f Customizable UI:<\/strong>\n\n
        \n
      • Change the trigger button text.<\/li>\n
      • Position the button (Left\/Right).<\/li>\n
      • Adjust vertical spacing to avoid conflict with other chat widgets or buttons.<\/li>\n<\/ul><\/li>\n
      • \ud83e\uddf9 Clean Reset:<\/strong> Includes a \"Reset\" button to revert to the theme's default colors instantly.<\/li>\n<\/ul>\n\n

        \ud83d\udd27 How it Works<\/h3>\n\n
          \n
        1. The plugin scans your active Block Theme.<\/li>\n
        2. It extracts color definitions from settings.color.palette<\/code>.<\/li>\n
        3. It creates a sleek off-canvas menu on the frontend.<\/li>\n
        4. When a user clicks a color, the plugin updates the CSS Custom Properties (Variables) on the <body><\/code> tag instantly.<\/li>\n<\/ol>\n\n\n

          1.0.6<\/h4>\n\n

          Tested: For WordPress 6.9 compatibility.<\/p>\n\n

          1.0.5<\/h4>\n\n

          Updated: Plugin description in readme<\/p>\n\n

          1.0.4<\/h4>\n\n

          Updated: Plugin description in readme<\/p>\n\n

          1.0.3<\/h4>\n\n

          Tested up to: WordPress 6.8.2<\/p>\n\n

          1.0.2<\/h4>\n\n

          Improved: Color palette styling.\nAdded: Options page to manage the plugin settings.<\/p>\n\n

          1.0.1<\/h4>\n\n

          Tested with WordPress 6.5<\/p>\n\n

          1.0.0<\/h4>\n\n

          Release<\/p>","raw_excerpt":"Front-end color palette switcher for Block Themes. Let users pick styles instantly. Perfect for theme demos & developer showcases.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/188211","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=188211"}],"author":[{"embeddable":true,"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/arkenon"}],"wp:attachment":[{"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=188211"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=188211"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=188211"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=188211"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=188211"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=188211"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}