Skip to main content Skip to search Skip to main navigation
Meet Shopware Payments Fast. Powerful. Yours to control. Discover payments
Diese Seite ist auch auf Deutsch verfügbar.
CodeCommerce Solutions

Theme Colors - Easy Color Picker Palette Manager

Description

Highlights

  • Visual color swatches representing active themes.
  • Easy integration with multiple Sales Channels and themes.
  • Search bar to find theme colors instantly.
  • Local history of recently used colors.
  • Integrated WCAG contrast ratio pass/fail checker.

Features

  • Automatic extraction of theme colors from database configurations.
  • Resolves default colors from storefront theme base configuration.
  • Supports multi-sales channel setups with grouped theme views.
  • Prioritizes active themes at the top of the selection panel.
  • One-click application of colors to standard and Meteor color pickers.
  • Highlights the current color in the swatch grid in real-time.
  • Live search box filters colors by key, label, or HEX value.
  • LocalStorage history stores the last 5 custom chosen colors.
  • Real-time WCAG 2.0 AA/AAA contrast ratio calculation vs white (#fff).
  • Real-time WCAG 2.0 AA/AAA contrast ratio calculation vs dark (#1a1a1a).
  • Visual Pass/Fail contrast badges updated as you pick colors.
  • Clean SCSS styled interface matching Shopware 6.7 Admin design.
  • Zero configuration required - boot and use instantly.
  • Fully compatible with both standard (deprecated) and Meteor color pickers.

About the Extension

Identify and apply your store's theme colors directly within any color picker field inside the Shopware 6.7 Administration panel. No more copy-pasting hex codes or looking up brand palettes in separate tabs!

This plugin extends standard and Meteor color pickers by adding an elegant "Theme Colors" panel. It automatically scans all themes in your system (including default themes and custom theme layouts), groups colors under their respective theme names, and shows them as clickable swatches.

### Key Features:

* Visual Color Swatches Grid: Displays main layout colors (Primary, Secondary, Border, Background) as easy-to-click color blocks.

* Multi-Theme & Sales Channel Support: Groups colors by theme name, highlights active themes, and supports multi-sales channel configurations.

* Color Search: Instantly filter colors in all themes by typing the name, key, or hex code.

* LocalStorage Color History: Stores recently picked colors in your browser, enabling fast reuse.

* WCAG 2.0 Contrast Checker: Displays real-time contrast ratios and Pass/Fail badges against white and dark backgrounds to ensure web accessibility.

Details

  • Available: English, German
  • Latest update: 19 July 2026
  • Version: 3.0.0
  • Category: Shopping Experiences

About the Extension Partner

CodeCommerce Solutions

CodeCommerce Solutions

Partner Status

  • Shopware Extension Partner Shopware
    Extension Partner

Details

  • Partner since: 2026
  • Extensions: 3

Support

  • Based in: India
  • Speaks: German, English
  • Response time: Very quickly