PHPackages                             doublesecretagency/craft-cpcss - 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. doublesecretagency/craft-cpcss

ActiveCraft-plugin[Utility & Helpers](/categories/utility)

doublesecretagency/craft-cpcss
==============================

Add custom CSS to your Control Panel.

3.0.0(2y ago)117462.8k↓49.6%9[2 issues](https://github.com/doublesecretagency/craft-cpcss/issues)[1 PRs](https://github.com/doublesecretagency/craft-cpcss/pulls)7MITPHP

Since Nov 30Pushed 1y ago7 watchersCompare

[ Source](https://github.com/doublesecretagency/craft-cpcss)[ Packagist](https://packagist.org/packages/doublesecretagency/craft-cpcss)[ RSS](/packages/doublesecretagency-craft-cpcss/feed)WikiDiscussions v3-dev Synced 3d ago

READMEChangelog (1)Dependencies (2)Versions (15)Used By (7)

[![Plugin icon](https://raw.githubusercontent.com/doublesecretagency/craft-cpcss/v2/src/icon.svg)](https://raw.githubusercontent.com/doublesecretagency/craft-cpcss/v2/src/icon.svg)

Control Panel CSS plugin for Craft CMS
======================================

[](#control-panel-css-plugin-for-craft-cms)

**Add custom CSS to your Control Panel.**

---

Easily overwrite the default Control Panel styles that ship with Craft...

[![](src/resources/img/example-cp.png)](src/resources/img/example-cp.png)

After installing the plugin, go to:

- **Settings > Control Panel CSS**

Your custom CSS can be saved in either (or both) of two places:

**1) An external file in your public directory...**[![](src/resources/img/example-cssFile.png)](src/resources/img/example-cssFile.png)

**2) The "Additional CSS" field on the settings page...**[![](src/resources/img/example-additionalCss.png)](src/resources/img/example-additionalCss.png)

You can now customize the CSS in any way you see fit!

---

Starter Code
------------

[](#starter-code)

Customizing your CSS is pretty easy. But to make it even easier, here's a snippet to get you started...

```
/* Sidebar background color */
#global-sidebar {
    background: #333f4d;
}

/* Header background color */
#main-container #main #header {
    background: #ebedef;
}

/* H1 tags */
h1 {
    color: #29323d;
}

/* Standard button color */
.btn.submit {
    background: #da5a47;
}
/* Hover button color */
.btn.submit:not(.disabled):not(.inactive):hover,
.btn.submit:not(.disabled):not(.inactive).hover {
    background: #bf503f;
}
/* Active button color */
.btn.submit:not(.disabled):not(.inactive):active,
.btn.submit:not(.disabled):not(.inactive).active {
    background: #8c3b2e;
}
```

And here's the same code as a [Gist...](https://gist.github.com/lindseydiloreto/37332424e0edaef54cabc50c324b0fab)

---

File Hashing
------------

[](#file-hashing)

To ensure you get the freshest version of your CSS, a cache-busting hash is appended to the end of each file reference.

This can be disabled by setting `cacheBusting` to **false** in the [PHP config file](https://github.com/doublesecretagency/craft-cpcss/blob/v2/src/config.php)...

```
// Disable hash-based cache busting
'cacheBusting' => false
```

See config file for usage instructions.

---

Anything else?
--------------

[](#anything-else)

We've got other plugins too!

Check out the full catalog at [plugins.doublesecretagency.com](https://plugins.doublesecretagency.com)

**On behalf of Double Secret Agency, thanks for checking out our plugin!** 🍺

 [![Logo for Double Secret Agency](https://camo.githubusercontent.com/e834ce35abc7cbeca17d458aba00fae271f59507ddf73fa2dfff1bee091b22ea/68747470733a2f2f7777772e646f75626c657365637265746167656e63792e636f6d2f7265736f75726365732f696d616765732f6473612d7472616e73706172656e742e706e67)](https://camo.githubusercontent.com/e834ce35abc7cbeca17d458aba00fae271f59507ddf73fa2dfff1bee091b22ea/68747470733a2f2f7777772e646f75626c657365637265746167656e63792e636f6d2f7265736f75726365732f696d616765732f6473612d7472616e73706172656e742e706e67)

###  Health Score

46

—

FairBetter than 92% of packages

Maintenance26

Infrequent updates — may be unmaintained

Popularity50

Moderate usage in the ecosystem

Community24

Small or concentrated contributor base

Maturity71

Established project with proven stability

 Bus Factor1

Top contributor holds 94.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 ~189 days

Recently: every ~172 days

Total

13

Last Release

864d ago

Major Versions

v2.x-dev → 3.0.02024-02-21

### Community

Maintainers

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

---

Top Contributors

[![lindseydiloreto](https://avatars.githubusercontent.com/u/5309692?v=4)](https://github.com/lindseydiloreto "lindseydiloreto (54 commits)")[![mmikkel](https://avatars.githubusercontent.com/u/298510?v=4)](https://github.com/mmikkel "mmikkel (2 commits)")[![khalwat](https://avatars.githubusercontent.com/u/7570798?v=4)](https://github.com/khalwat "khalwat (1 commits)")

---

Tags

control-panel-csscraftcraftcmscsscsscmsCraftcraftcmscraft-plugincp-css

### Embed Badge

![Health badge](/badges/doublesecretagency-craft-cpcss/health.svg)

```
[![Health](https://phpackages.com/badges/doublesecretagency-craft-cpcss/health.svg)](https://phpackages.com/packages/doublesecretagency-craft-cpcss)
```

###  Alternatives

[nystudio107/craft-seomatic

SEOmatic facilitates modern SEO best practices & implementation for Craft CMS 5. It is a turnkey SEO system that is comprehensive, powerful, and flexible.

1741.5M61](/packages/nystudio107-craft-seomatic)[verbb/formie

The most user-friendly forms plugin for Craft.

102393.6k70](/packages/verbb-formie)[verbb/comments

Add comments to your site.

13753.9k](/packages/verbb-comments)[verbb/navigation

Create navigation menus for your site.

92705.0k18](/packages/verbb-navigation)[verbb/vizy

A flexible visual editor field for Craft.

4250.4k](/packages/verbb-vizy)[verbb/hyper

A user-friendly links field for Craft.

24147.8k12](/packages/verbb-hyper)

PHPackages © 2026

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