PHPackages                             biffbangpow/silverstripe-element-colour - 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. biffbangpow/silverstripe-element-colour

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

biffbangpow/silverstripe-element-colour
=======================================

Adds a selector to elements to allow simple styling via the CMS

v1.0.1(1y ago)047proprietaryPHP

Since Jan 5Pushed 1y ago2 watchersCompare

[ Source](https://github.com/BiffBangPow/silverstripe-element-colour)[ Packagist](https://packagist.org/packages/biffbangpow/silverstripe-element-colour)[ RSS](/packages/biffbangpow-silverstripe-element-colour/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (4)Dependencies (1)Versions (5)Used By (0)

Adds a simple selector to allow CMS editors to apply CSS classes to specific elements.

By default, the extension is applied to all elements when installed. It can be disabled on a per-element class basis, via yml

If the default ElementHolder template has been overridden, it needs to contain the '$VariantStyle' tag in order for this extension to work.

CSS classes are defined in yml, in a simple array which contains the classname and a friendly name for the CSS, eg:

```
BiffBangPow\Extension\ElementColourExtension:
  element_styles:
    "light": "Light"
    "dark": "Dark"
    "white": "White"
    "darkblue": "Dark Blue"
```

By default, all elements will use the styles defined by the main yml config. If required, the styles can be overridden at the element class level, making it possible to have different style options on different types of element, eg:

```
BiffBangPow\Element\VideoHeroElement:
    inherit_config: false
    element_styles:
        "text-white": "White Text"
        "text-black": "Black Text"
        "text-primary": "Pink Text"
```

*Note:* the extension does NOT add any actual CSS for the colours. That should be done in the application / project styles

###  Health Score

28

—

LowBetter than 54% of packages

Maintenance39

Infrequent updates — may be unmaintained

Popularity8

Limited adoption so far

Community10

Small or concentrated contributor base

Maturity49

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 85.7% 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 ~227 days

Total

4

Last Release

540d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/a032c6d623bc7d67936a09951e39403cdbb1eadf6f260c98059e5369809fe579?d=identicon)[TimBBP](/maintainers/TimBBP)

---

Top Contributors

[![TimBBP](https://avatars.githubusercontent.com/u/79973633?v=4)](https://github.com/TimBBP "TimBBP (6 commits)")[![DorsetDigital](https://avatars.githubusercontent.com/u/15108750?v=4)](https://github.com/DorsetDigital "DorsetDigital (1 commits)")

### Embed Badge

![Health badge](/badges/biffbangpow-silverstripe-element-colour/health.svg)

```
[![Health](https://phpackages.com/badges/biffbangpow-silverstripe-element-colour/health.svg)](https://phpackages.com/packages/biffbangpow-silverstripe-element-colour)
```

###  Alternatives

[fractas/elemental-stylings

Collection of useful and reusable SilverStripe Elemental stylings properties

1416.4k1](/packages/fractas-elemental-stylings)[dnadesign/silverstripe-elemental-decisiontree

Element displaying information in regards to answers given to questions

1116.2k1](/packages/dnadesign-silverstripe-elemental-decisiontree)[wedevelopnl/silverstripe-elemental-grid

Elemental grid module

1014.1k2](/packages/wedevelopnl-silverstripe-elemental-grid)

PHPackages © 2026

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