PHPackages                             raspberryswwwirl/silverstripe-md-colorfield - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. raspberryswwwirl/silverstripe-md-colorfield

ActiveSilverstripe-vendormodule[Utility & Helpers](/categories/utility)

raspberryswwwirl/silverstripe-md-colorfield
===========================================

Proof-of-concept for Material Design colorpicker built with Vue.

6.0.0(9mo ago)1807BSD-3-ClauseSCSS

Since Feb 20Pushed 9mo ago1 watchersCompare

[ Source](https://github.com/raspberryswwwirl/silverstripe-md-colorfield)[ Packagist](https://packagist.org/packages/raspberryswwwirl/silverstripe-md-colorfield)[ RSS](/packages/raspberryswwwirl-silverstripe-md-colorfield/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (2)Dependencies (3)Versions (11)Used By (0)

SilverStripe Material Design Color Field
========================================

[](#silverstripe-material-design-color-field)

While this is a proof-of-concept to illustrate how to implement color swatch generation/selection based on the [Material Design color system](https://material.io/design/color/the-color-system.html#tools-for-picking-colors), it's a thank you to the SilverStripe community--especially those in the SilverStripe Slack channels--for all of the help getting this concept to work.

*(Tear this thing apart, maybe see what you can do to implement it in React, or send me feedback on how to improve this concept).*

This implementation makes use of the [TinyColor](https://github.com/bgrins/TinyColor) library to render color and calculate contrast ratios for text displayed on those colors. [Vue](https://vuejs.org/) provides the user interaction and state management to workaround some odd behaviour with SS FormField states.

By design, a color set is composed of a "Base Color" and "Color Variants"--the variants themselves are generated from the base color. While the base color should be persisted to its own db field, the variant colors must be persisted to a second db field. In the future, this is likely to be replaced with some sort of json serialization to a single field, but for this proof-of-concept, these values are persisted separately. This has some benefits in that the values can be pre-defined separately in your `config.yml` or `theme.yml`

Requirements
------------

[](#requirements)

- SilverStripe ^4.0

Installation
------------

[](#installation)

```
composer require raspberryswwwirl/silverstripe-md-colorfield:dev-develop

```

License
-------

[](#license)

See [License](license.md)

We have included a 3-clause BSD license you can use as a default. We advocate for the BSD license as it is one of the most permissive and open licenses.

Documentation
-------------

[](#documentation)

- [Documentation readme](docs/en/readme.md)

Maintainers
-----------

[](#maintainers)

- RaspberrySwwwirl

Bugtracker
----------

[](#bugtracker)

Bugs are tracked in the issues section of this repository. Before submitting an issue please read over existing issues to ensure yours is unique.

If the issue does look like a new bug:

- Create a new issue
- Describe the steps required to reproduce your issue, and the expected outcome. Unit tests, screenshots and screencasts can help here.
- Describe your environment as detailed as possible: SilverStripe version, Browser, PHP version, Operating System, any installed SilverStripe modules.

Please report security issues to the module maintainers directly. Please don't file security issues in the bugtracker.

Development and contribution
----------------------------

[](#development-and-contribution)

If you would like to make contributions to the module please ensure you raise a pull request and discuss with the module maintainers.

###  Health Score

36

—

LowBetter than 82% of packages

Maintenance55

Moderate activity, may be stable

Popularity17

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity55

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~178 days

Recently: every ~311 days

Total

8

Last Release

297d ago

Major Versions

1.0.6 → 2.0.02023-11-11

2.0.0 → 6.0.02025-07-20

### Community

Maintainers

![](https://www.gravatar.com/avatar/926a54d8153bcd07040b76b6ebfdd5b805f66c8e2ee56dcc8c60f114a027379b?d=identicon)[raspberryswwwirl](/maintainers/raspberryswwwirl)

---

Top Contributors

[![raspberryswwwirl](https://avatars.githubusercontent.com/u/968077?v=4)](https://github.com/raspberryswwwirl "raspberryswwwirl (9 commits)")

---

Tags

silverstripecms

### Embed Badge

![Health badge](/badges/raspberryswwwirl-silverstripe-md-colorfield/health.svg)

```
[![Health](https://phpackages.com/badges/raspberryswwwirl-silverstripe-md-colorfield/health.svg)](https://phpackages.com/packages/raspberryswwwirl-silverstripe-md-colorfield)
```

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)