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)050proprietaryPHP

Since Jan 5Pushed 2w 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 today

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

36

—

LowBetter than 79% of packages

Maintenance70

Regular maintenance activity

Popularity9

Limited adoption so far

Community10

Small or concentrated contributor base

Maturity49

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 87.5% 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

593d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/79973633?v=4)[Tim](/maintainers/TimBBP)[@TimBBP](https://github.com/TimBBP)

---

Top Contributors

[![TimBBP](https://avatars.githubusercontent.com/u/79973633?v=4)](https://github.com/TimBBP "TimBBP (7 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

[dnadesign/silverstripe-elemental-decisiontree

Element displaying information in regards to answers given to questions

1117.7k1](/packages/dnadesign-silverstripe-elemental-decisiontree)

PHPackages © 2026

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