Skip to content

Instantly share code, notes, and snippets.

@thePanz
Created September 8, 2025 22:00
Show Gist options
  • Save thePanz/179c90613881081a4e70193c3ae70ce3 to your computer and use it in GitHub Desktop.
Save thePanz/179c90613881081a4e70193c3ae70ce3 to your computer and use it in GitHub Desktop.
PHPUnit v12.x dark theme for coverage report
/*
* Adapted from: https://github.com/porthorian/phpunit-code-coverage-theme/blob/main/custom.css for PHPUnit v12
* Usage in phpunit.dist.xml:
* <coverage>
* <report>
* <html customCssFile="tests/phpunit-coverage-dark.css" />
* </report>
* </coverage>
*/
:root {
/** PHPUnit specific vars*/
--phpunit-breadcrumbs: var(--bs-gray-800);
--phpunit-success-bar: #1f8135;
--phpunit-success-high: #3d5c4e;
--phpunit-success-medium: #3c6051;
--phpunit-success-low: #2d4431;
--phpunit-warning: #3e3408;
--phpunit-warning-bar: #c19406;
--phpunit-danger: #42221e;
--phpunit-danger-bar: #a62633;
/** Bootstrap v5.3: default dark-theme vars */
--bs-body-color: #dee2e6;
--bs-body-color-rgb: 222, 226, 230;
--bs-body-bg: #212529;
--bs-body-bg-rgb: 33, 37, 41;
--bs-emphasis-color: #fff;
--bs-emphasis-color-rgb: 255, 255, 255;
--bs-secondary-color: rgba(222, 226, 230, 0.75);
--bs-secondary-color-rgb: 222, 226, 230;
--bs-secondary-bg: #343a40;
--bs-secondary-bg-rgb: 52, 58, 64;
--bs-tertiary-color: rgba(222, 226, 230, 0.5);
--bs-tertiary-color-rgb: 222, 226, 230;
--bs-tertiary-bg: #2b3035;
--bs-tertiary-bg-rgb: 43, 48, 53;
--bs-primary-text-emphasis: #6ea8fe;
--bs-secondary-text-emphasis: #a7acb1;
--bs-success-text-emphasis: #75b798;
--bs-info-text-emphasis: #6edff6;
--bs-warning-text-emphasis: #ffda6a;
--bs-danger-text-emphasis: #ea868f;
--bs-light-text-emphasis: #f8f9fa;
--bs-dark-text-emphasis: #dee2e6;
--bs-primary-bg-subtle: #031633;
--bs-secondary-bg-subtle: #161719;
--bs-success-bg-subtle: #051b11;
--bs-info-bg-subtle: #032830;
--bs-warning-bg-subtle: #332701;
--bs-danger-bg-subtle: #2c0b0e;
--bs-light-bg-subtle: #343a40;
--bs-dark-bg-subtle: #1a1d20;
--bs-primary-border-subtle: #084298;
--bs-secondary-border-subtle: #41464b;
--bs-success-border-subtle: #0f5132;
--bs-info-border-subtle: #087990;
--bs-warning-border-subtle: #997404;
--bs-danger-border-subtle: #842029;
--bs-light-border-subtle: #495057;
--bs-dark-border-subtle: #343a40;
--bs-heading-color: inherit;
--bs-link-color: #6ea8fe;
--bs-link-hover-color: #8bb9fe;
--bs-link-color-rgb: 110, 168, 254;
--bs-link-hover-color-rgb: 139, 185, 254;
--bs-code-color: #e685b5;
--bs-highlight-color: #dee2e6;
--bs-highlight-bg: #664d03;
--bs-border-color: #495057;
--bs-border-color-translucent: rgba(255, 255, 255, 0.15);
--bs-form-valid-color: #75b798;
--bs-form-valid-border-color: #75b798;
--bs-form-invalid-color: #ea868f;
--bs-form-invalid-border-color: #ea868f;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment